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?

Please also mark the comments that contributed to the solution of the article

Content-Key: 203959

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

Printed on: April 18, 2024 at 06:04 o'clock

2 Comments

Latest comment

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');  
}

Funktioniert soweit ich weiß aber nur, wenn du das Logo als Background einfügst.

Gruß
@d4shoerncheN

German Question CSS Development

Hotly discussed

How to set up and configure a Linux GRE tunnelAlexWisha - 3 Comments

End of Support dates for Office 2016, 2019 Apps und Productivity ServersDani - 1 Comment