Img tag erreichen zum Überschreiben

Hallo,

ich passe mein wordpress template etwas an (nur kleine Anpassungen), in dem ich verschiedene Elemente in meiner css überschreibe:

<div class="span3">  
<div class="logo">  
<a href="#">  
<img alt="Testseite" src="http://localhost/wordpress/images/logo.jpg">  
</a>
</div>
</div>

Auf einzelnen Seiten möchte ich nun das Logo ändern. Ich kann für jede Seite individuellen CSS Code angeben. Nun möchte ich den img tag überschreiben. Kann mir bitte jemand sagen, wie ich den erreiche?

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 203959

Url: https://administrator.de/contentid/203959

Ausgedruckt am: 23.11.2024 um 02:11 Uhr

2 Kommentare

Neuester Kommentar

Hi, mit CSS direkt nicht möglich, höchstens mit Hilfskonstrukten in denen du ein Backgroundimage veränderst.

Nimm JavaScript, dort ist dies möglich.

Gruß

Hallo,

habe schon lange nichts mehr mit Wordpress gemacht.
Aber du könntest die header.php öffnen und dort folgenden Code einfügen:

<p id="logo" class="<?php  
  $tmp = substr(get_permalink(), strlen(get_bloginfo('url'))+1);  
  echo substr($tmp,0, strpos($tmp,'/'));  
?>" />  

Der PHP-Code nimmt die URL deiner aktiven Seite (../deine-url/navi/dein-menuepunkt/unterkategorie/), schneidet alles vor deinem aktiven Menüpunkt weg und alles nach dem nachfolgendem /, sodass quasi folgendes über bleibt:

<p id="logo" class="dein-menuepunkt" />

Nun kannst du deine CSS-Datei nehmen und folgendes dort einfügen:

#logo.menuepunkt1 {
  background: url('images/logo1.jpg');  
}

#logo.menuepunkt2 {
  background: url('images/logo2.jpg');  
}

#logo.menuepunkt3 {
  background: url('images/logo3.jpg');  
}