Pages: 112345

  2008-04-27 18:32:26

Refresh/Reload
» FTalkAddict
FTalk Level: zero
332
0
1969-12-31

Re: Works in IE and Firefox: [u][b]Introduction[/b][/u] In this tutorial I will show you another way how to create custom Banner with Navigation. Img Preview: [img]http://i173.photobucket.com/albums/w76

:D just sharing bro... :D you can add this idea of another image when hovered... example... If you have 3 links([b]home, profile, and logout[/b]) create 2 images for each one, one for the default image and one when hovered or on mouseover... so 6 Images/Links all in all... then add this js code and the image links... on top of profile or inside the WVM tracker code after the sideboxes. [quote]if (document.images) { image1 = new Image; image2 = new Image; image3 = new Image; image4 = new Image; image5 = new Image; image6 = new Image; image1.src = "DIRECT LINK OF [b]home[/b] IMAGE"; image2.src = "DIRECT LINK OF home second IMAGE"; image3.src = "DIRECT LINK OF [b]profile[/b] IMAGE"; image4.src = "DIRECT LINK OF profile second IMAGE"; image5.src = "DIRECT LINK OF [b]logout[/b] IMAGE"; image6.src = "DIRECT LINK OF logout second IMAGE"; } function chgImg(name, image) { if (document.images) { document[name].src = eval(image+".src"); } }[/quote] put in... [quote][b]//here[/b] function onProfileLoad() { //sidebox or other codes here addBox("RIGHT","Viewers and Visitors",TRACKER.div.innerHTML,"tracker",null); [b]}[/b] [b]//or here after the clause...[/b] if (typeof TRACKER == "undefined") { TRACKER = {}; } //rest of tracker codes here[/quote] then change your target links like this... [quote]<a href=\"http://www.friendster.com/\" onMouseOver=\"chgImg('[color=red]home[/color]', 'image[b]2[/b]')\" onMouseOut=\"chgImg('[color=red]home[/color]', 'image[b]1[/b]')\" target='_self'><img name='[color=red]home[/color]' src=\"DIRECT LINK OF [b]home[/b] IMAGE\" border=\"0\"></a> <a href=\"http://profiles.friendster.com/user.php\" onMouseOver=\"chgImg('[color=red]profile[/color]', 'image[b]4[/b]')\" onMouseOut=\"chgImg('[color=red]profile[/color]', 'image[b]3[/b]')\" target='_self'><img name='[color=red]profile[/color]' src=\"DIRECT LINK OF [b]profile[/b] IMAGE\" border=\"0\"></a> <a href=\"http://www.friendster.com/logout.php\" onMouseOver=\"chgImg('[color=red]logout[/color]', 'image[b]6[/b]')\" onMouseOut=\"chgImg('[color=red]logout[/color]', 'image[b]5[/b]')\" target='_self'><img name='[color=red]logout[/color]' src=\"DIRECT LINK OF [b]logout[/b] IMAGE\" border=\"0\"></a>[/quote] That's it!!:thumbsup: hope this would be useful... :D

Last edited by Refresh/Reload (2008-04-27 19:29:26)

Pages: 112345

Board footer

© 2024 F Talk

Current time is 09:54

[ 12 queries - 0.010 second ]
Privacy Policy