Side bar Improvement

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;" />

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.

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

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;" />