Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag28.03.2010 um 01:33 (UTC)    
Titel: brauche den css code für eine navigation

auf der linken seite. es soll auch noch mouseovers geben. danke
Beitrag28.03.2010 um 08:45 (UTC)    
Titel:

Du hast folgenden Code in CSS-Code ohne Style Tags:

Zitat:
#nav a:hover
{
color: #FFFFFF;
}


Dieser ist für deinen Hover-Effekt bei deiner Navigation zuständig. Du kannst
zum Beispiel den blauen Hex-Code verändern, dieser verändert dann die
Farbe, wenn man mit der Haus drüber fährt.

Wie du den Hover-Effekt weitere Effekte geben kannst, kannst du hier nachlesen:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=113128
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beitrag28.03.2010 um 08:50 (UTC)    
Titel:

Hey,

Hier einmal der komplette Navigationscode (ohne Positionierung).

Code:
/* Navigation */

#nav {
padding: 0; /* keinen Innenabstand der Liste (links und rechts) */
margin: 0; /* keinen Außenabstand der Liste (oben und untent) */
}

#nav li {
list-style-type: none; /* löscht den Listenpunkt */
padding: 2px; /* Innenabstand eines einzelnen Punktes */
padding-left: 15px; /* Innenabstand eines einzelnen Punktes nach links */
font-size: 1.2em; /* Schriftgröße */
display: block; /* vergrößert die Navigation auf volle nav_container Breite */
background-image: url(BILDADRESSE); /* eventuell Hintergrundbild */
}

#nav li:hover {
background-image: url(BILDADRESSE); /* wechselndes Hintergrundbild beim Hover */
}

#nav li.subpage {
background-color: #F3F2F2; /* Hintergrundfarbe bei Unterseiten */
background-image: url(BILDADRESSE); /* Hintergrundbild bei Unterseiten */
padding-left: 25px; /* Innenabstand nach links bei Unterseiten */
}

#nav a {
text-decoration: none; /* macht Verlinkungen in der Navigation ohne Unterstrich */
}

#nav a:hover {
color: #efefef; /* ändert die Schriftfarbe beim Hovereffekt */
}


Erklärungen finden sich im Code wieder. Durch weitere CSS-Attribute kannst du die Navigation noch weiter gestalten.

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de