Reich der Fantasie  
  Willkommen
  Gästebuch
  Fantasy
  Galerie
  Tutorial
  Bannergenerator
  Partner und Links
  Kontakt

©by http://love-fantasy.de.tl
Hovereffekt1

Zurück zur Übersicht


Tutorial 4

Hovereffekt in der Navigation


Beispiel für einen Hovereffekt:




 


Wenn ihr in eurer Navigationsleiste einen Hovereffekt machen wollt (d.h. dass beim drüberfahren mit der Maus ein anderes Bild erscheint, geht das wie folgt:

Zuerst braucht man zwei Button in der grösse 235x30.
Hier ein Beispiel:







(zum besseren Verständnis habe ich sie beschriftet, für die Navigation nicht beschriften!)

=>Bilder im Hpbk hochladen.


 

Nun geht es wiefolgt weiter:

=> "Design einstellen"
=> "Erweiterte Einstellungen"

Nun müsst ihr folgenden Code bei "Text über dem Design" einfügen:


<style type="text/css">
<!--
td.edit_nav_main{background-image: url(Bild-URL Bild 1);}
td.edit_nav_main:hover{background-image: url(Bild-URL Bild zwei) !important;}
-->
</style>
 

hier kommen die Adressen der Bilder rein. (Diese findet ihr bei "eigene Bilder verwalten", rechtsklick unter "Eigenschaften")


Ende


Tutorial by Natascha H.






Tutorial Navigation

Tutorial 1 2 3 4 5
Zurück zur Übersicht
 

Übersicht
Zum nächsten Tutorial
zum nächsten Tutorial
 
 



Mein Fantasy-Roman:  
 


Weitere Informationen findet ihr
hier

 
Bild:  
 
Gezeichnet Dezember 2011
Bleistift

 
Vote for me:  
 

Die Top 100 Literatur-Seiten im Netz

Vote für MERLINS Fantasy Topliste


 
Bisher waren 62940 Besucher hier
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden