Rollover/Mouseover Bilder in Header

night-hawk-666 · Beitrag von **night-hawk-666** » 13.08.2006 15:40

hallo alle miteinander,

Ich wollte gerne die Bilder in der Navbar mit "Rollover/Mouseover" Bildern Verschönern, bin mir allerdings nicht so sicher wie der Befehl dafür ist.
geschweige den wo ich ihn setzten

deswegen hoffe ich das mir einer weiterhelfen kann,
ist ja eigentlich auch nix besonderes sicherlich mit den Bildern

zu sageg ist noch das der "neue PM" Button bei mir die Farbe wechselt
wenn man eine PM hat klappt das den Trotzdem mit den "Rollover/Mouseover" efekt?

ach und kann man animierte *.gif nehmen?
wenn ja gibt es außnahmen?

hier mal die entscheidenen Zeilen:
hoffe ich habe es übersichtlich und richtig eingefügt.

<a href="{U_FAQ}" class="mainmenu">
<img src="templates/subSilver/images/icon_mini_faq.gif"
width="65" height="20" border="0" alt="{L_AFAQ}" hspace="3" />
</a>

<a href="{U_SEARCH}" class="mainmenu">
<img src="templates/subSilver/images/icon_mini_search.gif"
width="65" height="20" border="0" alt="{L_SEARCH}" hspace="3" />
</a>

<a href="{U_MEMBERLIST}" class="mainmenu">
<img src="templates/subSilver/images/icon_mini_members.gif"
width="65" height="20" border="0" alt="{L_MEMBERLIST}" hspace="3" />
</a>


<a href="{U_REGISTER}" class="mainmenu">
<img src="templates/subSilver/images/icon_mini_register.gif"
width="65" height="20" border="0" alt="{L_REGISTER}" hspace="3" />
</a>



<a href="{U_PROFILE}" class="mainmenu">
<img src="templates/subSilver/images/icon_mini_profile.gif"
width="65" height="20" border="0" alt="{L_PROFILE}" hspace="3" />
</a>



<a href="{Shownickpagebutton.U_NICKPAGE}" class="mainmenu">
<img src="templates/nickpage/nickpage_button_small.gif"
width="65" height="20" border="0" hspace="3">



<a href="{U_PRIVATEMSGS}" class="mainmenu">
<img src="{PRIVMSG_IMG}"
width="65" height="20" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />
</a>



<a href="{U_LOGIN_LOGOUT}" class="mainmenu">
<img src="templates/subSilver/images/logout.gif"
width="65" height="20" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />
</a>



<a href="{U_LOGIN_LOGOUT}" class="mainmenu">
<img src="templates/subSilver/images/login.gif"
width="65" height="20" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />
</a>


</td>

<a href="{U_Nickpagelist}" class="smalllink">
<img src="templates/nickpage/nickpagelist.gif"
width="100" height="20" border="0" hspace="3">
</a>

ach hier könnt ihr euch ein Bild von der Navbar machen
> klick<

Julian87 · Beitrag von **Julian87** » 13.08.2006 17:10

Hi,

hier ist der Code für ein Bild 100 x 100 das sich mit einem zweiten Bild beim Rollover mit der Maus angezeigt wird. Das zweite Bild wird vorrausgeladen.

Code: Alles auswählen

<body onLoad="MM_preloadImages('bild2.jpg')">
<a href="javascript:;" onMouseOver="MM_swapImage('Image1','','bild2.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="bild1.jpg" name="Image1" width="100" height="100" border="0" id="Image1"></a>
</body>

Sollte funktionieren.

Julian

night-hawk-666 · Beitrag von **night-hawk-666** » 14.08.2006 22:14

cool, das iss ja schonmal was,
muß ich das ca. so einbauen?

<a href="{U_SEARCH}" class="mainmenu">
<img src="templates/subSilver/images/icon_mini_search.gif" width="65" height="20" border="0" alt="{L_SEARCH}" hspace="3" />
<body onLoad="MM_preloadImages('templates/subSilver/images/icon_mini_search.gif')">
<a href="javascript:;" onMouseOver="MM_swapImage('Image1','','templates/subSilver/images/icon_mini_search_on.gif',1)" onMouseOut="MM_swapImgRestore()">
<img src="bild1.jpg" name="Image1" width="65" height="20" border="0" id="Image1"></a>
</body>
</a>

weiß nicht so genau wo ich das Platzieren soll,
bei HTML setzt ich die [Body] angaben immer am schluß.

ach und was iss mit Animierten Gif's ?

Julian87 · Beitrag von **Julian87** » 15.08.2006 17:17

Hi,

<a href="{U_SEARCH}" class="mainmenu">
<img src="templates/subSilver/images/icon_mini_search.gif" width="65" height="20" border="0" alt="{L_SEARCH}" hspace="3" />
<body onLoad="MM_preloadImages('templates/subSilver/images/icon_mini_search.gif')">
<a href="javascript:;" onMouseOver="MM_swapImage('Image1','','templates/subSilver/images/icon_mini_search_on.gif',1)" onMouseOut="MM_swapImgRestore()">
<img src="bild1.jpg" name="Image1" width="65" height="20" border="0" id="Image1"></a>
</body>
</a>

müsste klappen, probiers doch mal aus, aber da an der Stelle wo ichs dick gedruckt hat, da muss auch noch eine Pfadangabe hin.

ach und was iss mit Animierten Gif's ?

Was soll damit denn sein? Sollte auch mit .gif gehen, habe es aber noch nicht gemacht.

"Probieren geht über Studieren"

Julian

night-hawk-666 · Beitrag von **night-hawk-666** » 17.08.2006 19:46

oki doki,
ich probier das einfach mal die tage aus und wenn
es net geht meld ich mich hier wieder

danke schonmal für deine tolle hilfe.

Night