Side bar Improvement

by uJhisper January 23rd 2012, 4:42 am

So I have this code

Code:: <div id="slide"><p style="font-family:verdana;color:red;">Side Bar</p> <li><a href="My Forum Link"><img src="http://clanfru.com/Templates/fru/Images/button_profile.png" alt="Your Profile"></a></li></div><br /><input type="button" value="Collapse" id="hide" onclick="jQuery('#slide').slideUp(); jQuery('#hide').hide(); jQuery('#show').show();" /><input type="button" value="Expand" onclick="jQuery('#slide').slideDown(); jQuery('#show').hide(); jQuery('#hide').show();" id="show" style="display: none;" />

how can i modify it to show images i made?
Priority Level:URGENT PLEASE ASAP loul

by Guest January 23rd 2012, 6:20 am

http://clanfru.com/Templates/fru/Images/button_profile.png is the Profile image:
Side bar Improvement Button_profile

My Forum Link is redirection link when you click to image. Very Happy

by uJhisper January 23rd 2012, 12:02 pm

Gassy wrote:http://clanfru.com/Templates/fru/Images/button_profile.png is the Profile image:

My Forum Link is redirection link when you click to image.

what i want is when it inputs that button to replace it with an image
http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

by uJhisper January 23rd 2012, 1:25 pm

Rideem3 wrote:So you want an image for a button instead if the default button?

yes please

by uJhisper January 23rd 2012, 9:57 pm

Rideem3 wrote:Use this code:
Code:
<div id="slide"><p style="font-family:verdana;color:red;">Side Bar</p> <li><a href="My Forum Link"><img src="http://clanfru.com/Templates/fru/Images/button_profile.png" alt="Your Profile"></a></li></div><br /><img src="http://www.dynamicdrive.com/dynamicindex17/collapse.jpg" id="hide" onclick="jQuery('#slide').slideUp(); jQuery('#hide').hide(); jQuery('#show').show();" /><img src="http://www.dynamicdrive.com/dynamicindex17/expand.jpg" onclick="jQuery('#slide').slideDown(); jQuery('#show').hide(); jQuery('#hide').show();" id="show" style="display: none;" />

Ok thanks solved!!!!!!!!!!!!! Smile