Mouseoverbilder in der Navigation?

Hi,

also ich bin mit meiner jetztigen Navigation absolut nicht zufrieden. Ich versuche auch schon länger eine Dropdown Navi zu erstellen aber irgendwie will das net so recht klappen.

Nun wollte ich wissen, ob ich auch in Wordpress Mouseoverbilder erstellen kann so wie ich es hier auf meiner alten Hp getan habe: miniflitzer

Und hier mein neuer Problemblog:
http://miniflitzer.mi.funpic.de/wordpress

Achja und noch was, kann ich in der Sidebar das irgendwie einstellen, dass nur dass im blauen rechteckige Archiv da ist und das blaue rechteck "Kalender" verschwindet? Ich habs schon versucht aber dann waren beide weg:cry:

lg Lina

Zitat von Ammaletu

Kalender ausblenden ist kein Problem. Einfach den entsprechenden Aufruf aus der sidebar.php Deines Themes löschen. Mal schauen... wp_get_archives erzeugt die Archiv-Ausgabe. Welcher Befehl den Kalender erzeugt, weiß ich gerade nicht, den hab ich in keinem meiner Themes aktiviert. Das kann aber sicher jemand anders hier noch ergänzen oder Du suchst mal im Codex.

Mouseover-Effekte sind ansonsten gar kein Problem, musst Du halt ins Stylesheet Deines Themes einbauen. Mit dem FF hatte ich eben auf Deiner Seite den komischen Effekt dass beim Überfahren mit der Maus die Navigations-Links kurz weiß wurden und wieder die ursprüngliche Linkfarbe annahmen. Macht das irgendein JavaScript? Sieht komisch aus...

Anyway, definiere halt einen Hover-Effekt für die entsprechenden Links. Wenn nur der erste Buchstabe die Farbe ändern soll, geht das meines Wissens nach mit CSS auch. Hm, ja das hier sollte es sein:
SELFHTML: Stylesheets / CSS-Eigenschaften / Pseudoelemente und Pseudoklassen

Wenn Du als MouseOver unbedingt ein Bild haben willst, geht auch das, dann aber vielleicht besser mit JavaScript.

Alles anzeigen

Vielen vielen Dank für deine ausführliche Erklärung, werde das mit dem hover effekt gleich mal ausprobieren.

Nur mit dem Kalender hast du mich missverstanden (oder ich hab mich mal wieder viel zu dämlich ausgedrückt:-?) jedenfalls will ich den Kalender schon drinn behalten, ich will nur die Überschrift "Kalender" entfernen sodass aber die überschrift "Archiv" bleibt, nur das geht nicht:confused:

lg Lina

Zitat von Syntronica

Besonders für Intershit Exploder, der kriegt hover für "normale" Tags und für Bilder nicht wirklich hin.

Und wie bekomme ich ein Bild in die Navigation, würde daraus noch net wirklich schlau:confused:

Zitat von Syntronica

von einer Klasse musst du einen hover machen und dann ein Bildzuweisen.
z.B.

Code

a.navi:hover
{
background-image: url(xyz);
}
a.navi
{
bla bla bla
}

IE will das nicht wirklich, also muss JavaScript ran.

ja das habe ich jetzt gemacht, doch dann ist ja hinter jedem menüpunkt das gleiche bild. Ich möchte jedoch verschiedene haben

Hier noch der Code meiner Navigation:

Zitat

/*----NAVIGATION BAR----*/
#pageid-news {color:red;font-size:130%;}
#top-menu{
height: 28px;
clear: both;
float: left;
width: 100%;
font-family: Arial;
text-align: left;
background: url(images/navi.jpg) no-repeat left bottom;

}

#top-menu a{
text-decoration: none;
font-weight: bold;
letter-spacing: 10;
color: #64727f;

}

#top-menu a:hover{
background-image:url(ueberschriften/galerie.jpg);
}

#top-menu ul{
margin: 0 auto;
width: 850px;
padding: 5px 0;
text-align: left;
}

#top-menu ul li{
display: inline;
padding: 0 20px 0 0;
font-size: 14px;
}/*

Alles anzeigen