Suche im Forum:
Suchen


Autor Nachricht
Beitrag26.12.2009 um 18:54 (UTC)    
Titel: [erledigt] Iceblue: Hover Effekt in der Navigation?
Antworten mit Zitat
Guten Tag,

es tut mir leid das ich schon wieder eine frage habe aber wie ändere ich es
wenn z.B die Maus auf die Navigationsbild geht das das Bild sich ändert?

Grüße HabboInternational!

zum Beispiel auf www.habbo-hotel.de.tl


Zuletzt bearbeitet von habbo-international123 am 28.12.2009, 02:21, insgesamt 2-mal bearbeitet
↑
Beitrag26.12.2009 um 19:17 (UTC)    
Titel:
Antworten mit Zitat
das nennt man hover effekt....das war glaub ich der code:
Code:

.menu a:hover {
background-color: #000000;
background-image: url(http://Dein Navi hover bild.jpg);
color: #000000; }


Bei url(http://Dein Navi hover bild.jpg); fühge das veränderte bild auf!
↑
Beitrag26.12.2009 um 19:32 (UTC)    
Titel:
Antworten mit Zitat
Ging Leider nicht und könntest du mir das mal erklären hier ist der code:
Code:
<h1><span style="background-color: rgb(255, 0, 0);"><span style="background-color: rgb(255, 255, 255);"><br />
</span></span></h1>
<span style="font-weight: bold;"> </span><style type="text/css"><!--
Td.nav_heading{background-image:url(http://img.webme.com/pic/d/designplaceyourtime/1navi.jpg); background-color;}
Td.edit_content_top{background-image:url(http://img.webme.com/pic/d/dt35hj/2mitte.jpg); background-color;}
Td.sidebar_heading {background-image:url(http://img.webme.com/pic/d/designplaceyourtime/3obenbox.jpg); background-color;}
body{background-image:url(http://images.habbo.com/c_images/themes/bg_Xmas09_pattern_v1.gif);background-attachment: fixed}
td.edit_below_nav {visibility:hidden;}
td.nav {background-image:url(http://img.webme.com/pic/d/dt35hj/buttondestop.png); background-color;}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_header_full{background-image:url(http://img.webme.com/pic/h/habbosoundradio/headfruehrqv6u.png);background-color:;}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_content_bottom2{background-image:url(http://img.habboupload.com/1240751207.png);background-color:;}
Td.edit_content_bottom{background-image:url(http://img.webme.com/pic/d/designplaceyourtime/textfeldunten.jpg); background-color;}
Td.edit_content{background-image:url(http://img.webme.com/pic/d/designplaceyourtime/textfeld2.jpg); background-color;}
td.edit_rb_footer {background-image:url(http://img.webme.com/pic/d/designplaceyourtime/shoutyunten.jpg); background-color:;}
td.shouty{background-image:url(http://img.webme.com/pic/d/designplaceyourtime/shouty.jpg); background-color;}
td.shouty2{background-image:url(http://img.webme.com/pic/d/designplaceyourtime/shouty.jpg); background-color;}
td.shouty3{background-image:url(http://img.webme.com/pic/d/designplaceyourtime/shouty.jpg); background-color;}
td.shouty4{background-image:url(http://img.webme.com/pic/d/designplaceyourtime/shouty.jpg); background-color;}
td.shouty5{background-image:url(http://img.webme.com/pic/d/designplaceyourtime/shouty.jpg); background-color;}

--> </style>
↑
Beitrag28.12.2009 um 01:22 (UTC)    
Titel:
Antworten mit Zitat
Anscheinend hat sich das Thema erledigt,
trotzdem poste ich nochmal für die Allgemeinheit die Lösung:
Arrow Login
Arrow Design einstellen
Arrow Erweiterte Einstellungen
Arrow Text über dem Design
*Erklärung mit Bildern*

Der Code:
Zitat:
<style type="text/css">
<!--
td.nav:hover{
background-image:url(Bild URL);}
-->
</style>
Die Bild URL findest du durch einen "Rechtsklick -> Eigenschaften" auf dem Bild heraus.
Oder du gehst auf "Eigene Bilder verwalten", dort siehst du dann die Namen der Bilder, die du hochgeladen hast.
Hier klickst du dann den Namen mit einem Rechtsklick an und wählst
-> Internet Explorer = "Verknüpfung kopieren" aus.
-> Mozilla Firefox = "Link Adresse kopieren" aus.

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


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

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.