Eine Seite soll eine ANDERE Headergrafik erhalten

offina

Guten Tag,

ich nutze WP 3.0.4 und habe folgendes Problem.

Ich möchte für die Seite "Seite 1" eine andere Headergrafik angezeigt bekommen. Dazu habe ich folgendes in die header.php geschrieben:

PHP

<?php if (is_front_page()) { ?>
  <div class="home">
<?php } else { ?>
  <div class="<?php echo $post->post_name; ?>">
<?php } ?>

Quelle:

Zitat

http://www.itsystempartner.de/index.php/cate…ordpress-infos/

In den CSS habe ich definiert:

Code

.seite1{    
                      background: url(img/gruen_logo.png) no-repeat;  
              }

Im Ergebnis wird mir beim Klick auf "Seite 1" auch die andere (grüne) Headergrafik angezeigt, jedoch außerhalb des Bodys.
Wie bekomme ich die jetzt in den Header bzw. in den Kopfbereich? Irgendwie verheddere ich mich mit den CSS.

Link zum Beispiel:
http://www.buerodienst-berlin.de/T47/seite1/

Vielen Dank für Eure Hilfe.

offina.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

CoregaTops

Hi,

deine CSS Class für alle anderen Seiten hat sicher mehr angaben als nur die Grafik. Nehmen wir mal an, deine Klasse für alle anderen heißt "header_pic", dann suche die Stelle in der Style Datei und schreibe mit nem Komma deine Klasse für die erste Seite dahinter:

HTML

.header_pic, .seite1 { ... }

Und dann dadrunter erst dein jetziger Eintrag für Seite 1 mit der geänderten Grafik.

Gruß
Tops

offina

Hallo Tobs,

ich verstehe nicht ganz.

Die "normale" Headergrafik wird so positioniert:

Code

h1#kopfbereich a {
    display: block; width: 266px; height: 132px;
    background: url(img/haupt_logo.png) no-repeat;
    text-indent: -9999px;
         
}

ich probiere weiter.

CoregaTops

Hi,

du hattest als Code nur die von dir gefundenen Vorlagen gepostet und deine Verlinkte Bespielsseite ist per htaccess gesichert. Und mit dem jetzt geposteten ist das nicht so ganz in einklang zu bringen. Egal - also du musst sicher stellen, dass Seite 1 (die Klasse oder ID dafür) auch die weiteren CSS eigenschaften hat, also display und text-indent.

Gruß
Tops

P.S.: Sonst Poste mal wirklich den PHP Code wie du ihn in deiner Seite drinne hast.

offina

Oh Verzeichnis-Schutz. Der sollte jetzt weg sein. Danke.
lg

CoregaTops

Hi,

ok, dann hier auf dein jetziges Angepasst:

Step 1: jetzige angabe zu Seite1 rausnehmen (IM CSS nur / PHP nicht ändern)

Step 2: neu rein im CSS:

Code

div.seite1 h1#kopfbereich a {
    display: block; width: 266px; height: 132px;
    background: [URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=url"]url[/URL](img/img/gruen_logo.png) no-repeat;
    text-indent: -9999px;
         
}

Hoffe das klappt

Gruß
Tops

offina

Ja:smile: das war´s!!! Vielen Dank.
lg, offina.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Eine Seite soll eine ANDERE Headergrafik erhalten

Jetzt mitmachen!