Header Bildchen wechsel dich

30. März 2009 geschrieben von

Wie sicherlich schon aufgefallen ist habe ich wiedermal ein kleines optisches “Schmankerl” auf AOWAO eingebaut. Und zwar handelt es sich um die ständig wechselnden Bilder im Header. Da mir ein einziges Bild doch etwas zu langweilig war habe ich mich auf die Suche gemacht und eine überaus einfache und komfortable Lösung gefunden. Diese möchte ich hier kurz erklären.

  1. Dowload der rotate.php Datei (Das PHP File wurde übrigens programmiert von Dan P. Benjamin).
  2. Den Inhalt der ZIP entpacken und den Ordner rotate mit dem enthaltenen File auf den Server hochladen.
    In meinem Fall habe ich es direkt in den Images Ordner des aktuellen Themes abgelegt
    z.B. /wp-content/themes/default/images/rotate/rotate.php
  3. Um das Script zu aktivieren muss es noch in der style.css deines aktuellen Themes eingetragen werden.
    Hierbei habe ich folgende Zeilen:

    #header {
    background: #73a0c5 url(‘images/kubrickheader.jpg’) no-repeat bottom center;
    }

    durch diese ersetzt:

    #header {
    background: #73a0c5 url(‘images/rotate/rotate.php’) no-repeat bottom center;
    }

    Dadurch wird bei einer Seiten-Aktualisierung anstatt dem einfachen Header Bild  die rotate.php Datei aufgerufen.

  4. Zu guter letzt werden natürlich noch die Grafiken hochgeladen.
    Einfach alle Bilder die ihr als Header verwenden möchtet (Achtet dabei auf Format und Grösse) in den neu erstellten rotate Ordner einfügen.
    Das Script erkennt die Bilder automatisch und integriert sie in die Rotation. Ein späteres einfügen von zusätzlichen Bildern ist somit problemlos möglich und schnell gemacht.

Das war es auch schon.

»crosslinked«

VN:F [1.9.13_1145]
Bitte bewerte diesen Artikel
Rating: 9.8/10 (5 votes cast)
Header Bildchen wechsel dich, 9.8 out of 10 based on 5 ratings

Eingehende Suchbegriffe:



Teile diesen Beitrag mit deinen Freunden!
. Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • Y!GG
  • Webnews
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • Ask
  • Blogosphere News
  • email
  • Facebook
  • Google Bookmarks
  • Live-MSN
  • MySpace
  • Netscape
  • Technorati
  • TwitThis

Tags: , ,

5 Antworten zu “Header Bildchen wechsel dich”

  1. Renate sagt:

    Hallo Markus, ganz herzlichen Dank für dieses kleine Tutorial. Die Rotate-Funktion läuft wunderbar und ist kinderleicht zu installieren. Das habe sogar ich hingekriegt. Ich habe von CSS nämlich nur SEHR wenig Ahnung.

    Großes Dankeschön!

    Liebe Grüße – Renate

  2. David sagt:

    Danke dir für dieses tolle Tutorial! Hat mir bei meinem Problem geholfen!

    TOP!

    -David

  3. Holger sagt:

    Lange habe ich gesucht, viel gefunden, nichts hat gefunzt – bis ich Deine Seite entdeckt hab. Es war kinderleicht zu installieren und es funktioniert wunderbar.

    Danke für den Tipp!

    Holger

  4. Wolfgang sagt:

    Danke Markus!
    Das ist mit Abstand die beste – weil einfachste – Lösung, die ich zu diesem Thema gefunden habe.

    Keep it simple!

    Wolfgang

  5. Dirk sagt:

    Super, die erste Lösung die bei meinem Theme funktioniert – und die einfachste noch dazu! Besten Dank dafür.

Eine Antwort hinterlassen