Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag22.04.2011 um 12:16 (UTC)    
Titel: Navigation wie bei pspfreak.de

Hey,
Kann mir jemand sagen wie ich ein Navigation machen wie bei www.pspfreak.de ?
Beitrag22.04.2011 um 12:37 (UTC)    
Titel:

Eigentlich einfach, aber zeitlich aufwendig. Für jedes Navielement im Prinzip folgender Code:

Das Menü:
Code:
<div class="menu1">
<a class="menulink1" href="http://wasweissich.de.tl/home.htm">Text1</a>
<a class="menulink1" href="http://wasweissich.de.tl/vbnh.htm">Text2</a>
<a class="menulink1" href="http://wasweissich.de.tl/vdgb.htm">Text3</a>
<a class="menulink1" href="http://wasweissich.de.tl/phhn.htm">Text4</a>
</div>
<br>
<div class="menu2">
<a class="menulink2" href="http://wasweissich.de.tl/nkpk.htm">NochnText1</a>
<a class="menulink2" href="http://wasweissich.de.tl/nkpk.htm">NochnText2</a>
<a class="menulink2" href="http://wasweissich.de.tl/nkpk.htm">NochnText3</a


Der CSS-Code (in Etwa):

Code:
<style>
div.menu1 {
background-image:url(http://adresse.de/bg1.png);  /* HINTERGRUND OBEN */
padding-left:00px;
}
div.menu2 {
background-image:url(http://adresse.de/bg2.png);  /* HINTERGRUND UNTEN */
padding-left:00px;
}
a.menulink1:hover {
background-image:url(http://adresse.de/mbg1.png); /*LINKHOVER OBEN */
margin-left:00px;
}
a.menulink2:hover {
background-image:url(http://adresse.de/mbg2.png); /*LINKHOVER UNTEN */
margin-left:00px;
}
</style>


Gruß,

TransInt

P.S: Den Code habe ich nirgendwo kopiert, wenn du das Originalmenü mit Coolmenü haben willst, besser krieg' ich es nicht hin Wink
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon


Zuletzt bearbeitet von transint am 22.04.2011, 13:38, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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