Buttons Buttons Whose Got The Buttons

Discussion in 'Gaming' started by Dpom, Jan 28, 2006.

  1. Jan 28, 2006 at 12:43 AM #1
    Dpom

    Dpom Well-Known Member

    Age:
    36
    Posts:
    2,476
    Likes Received:
    0
    Joined:
    Mar 29, 2005
  2. Jan 28, 2006 at 1:48 AM #2
    dementia

    dementia Well-Known Member

    Posts:
    6,244
    Likes Received:
    0
    Joined:
    May 21, 2005
    Location:
    Denver
    that particular skin, "vRocking" from Transverse Styles is done in 2 ways.

    The global board header contains the rollover javascript and preloaded image coding (available from looking through dreamweaver) and the wrapper contains the actual links and base image coding.

    I could have mixed up the wrapper and board header, but basically they are rollover images that could have been done much easier, but transverse styles decided to make it harder.

    If youd like futher information on em, PM me with a link back to this topic (as ill forget i posted something here by tomorrow lol) asking for more help on the subject.

    The code is placed like this:
    Code:
    <script type="text/javascript"> 
<!-- 

if (document.images) 
    { 
	image1on = new Image(); 
	image1on.src = "style_images/1[1]/nav_register.gif"; 
	image1off = new Image(); 
	image1off.src = "style_images/1[1]/nav_register_over.gif";  
	image2on = new Image(); 
	image2on.src = "style_images/1[1]/nav_user_cp.gif"; 
	image2off = new Image(); 
	image2off.src = "style_images/1[1]/nav_user_cp_over.gif"; 
	image3on = new Image(); 
	image3on.src = "style_images/1[1]/nav_search.gif"; 
	image3off = new Image(); 
	image3off.src = "style_images/1[1]/nav_search_over.gif"; 
	image4on = new Image(); 
	image4on.src = "style_images/1[1]/nav_members.gif"; 
	image4off = new Image(); 
	image4off.src = "style_images/1[1]/nav_members_over.gif"; 
	image5on = new Image(); 
	image5on.src = "style_images/1[1]/nav_calendar.gif"; 
	image5off = new Image(); 
	image5off.src = "style_images/1[1]/nav_calendar_over.gif"; 
	image6on = new Image(); 
	image6on.src = "style_images/1[1]/nav_faq.gif"; 
	image6off = new Image(); 
	image6off.src = "style_images/1[1]/nav_faq_over.gif"; 
	image7on = new Image(); 
	image7on.src = "style_images/1[1]/header_right.gif"; 
	image7off = new Image(); 
	image7off.src = "style_images/1[1]/header_right_on.gif"; 
    }  

function changeImages() 
    { 
	if (document.images) 
     { 
for (var i=0; i<changeImages.arguments.length; i+=2) 
    { 
	document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src"); 
    } 
     } 
    } 

// --> 
</script>
    That code right there is the javascript for preloading the rollover images. I believe this was placed in the board "wrapper".

    Code:
    <td width="100%" style="background-image: url(style_images/1[1]/nav_bg.gif)" align="center">

[img]style_images/1[1]/nav_space.gif[/img]

[url="?act=Reg"][img]style_images/1[1]/nav_register.gif[/img][/url]

[img]style_images/1[1]/nav_space.gif[/img]

[url="?act=UserCP"][img]style_images/1[1]/nav_user_cp.gif[/img][/url]

[img]style_images/1[1]/nav_space.gif[/img]

[url="?act=Search"][img]style_images/1[1]/nav_search.gif[/img][/url]

[img]style_images/1[1]/nav_space.gif[/img]

[url="?act=Members"][img]style_images/1[1]/nav_members.gif[/img][/url]

[img]style_images/1[1]/nav_space.gif[/img][url="?act=calendar"][img]style_images/1[1]/nav_calendar.gif[/img][/url]

[img]style_images/1[1]/nav_space.gif[/img]

[url="?act=Help"][img]style_images/1[1]/nav_faq.gif[/img][/url]
    That code (i will simplify it and add spaces to it tomorrow) is the code placed in the global board header to explain the location of the base image, the code to make it roll over and the links.
     

Share This Page