Side bar Improvement

uJhisper at 04h42
23
Jan
2012
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
1 Coddy, on 23/01/2012 at 06h20
http://clanfru.com/Templates/fru/Images/button_profile.png is the Profile image:


My Forum Link is redirection link when you click to image. Very Happy
2 uJhisper, on 23/01/2012 at 12h02
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. Very Happy

what i want is when it inputs that button to replace it with an image
http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm
3 Rideem3, on 23/01/2012 at 13h06
So you want an image for a button instead if the default button?
4 uJhisper, on 23/01/2012 at 13h25
Rideem3 wrote:So you want an image for a button instead if the default button?

yes please
5 Rideem3, on 23/01/2012 at 21h37
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;" />
6 uJhisper, on 23/01/2012 at 21h57
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
7 Nera., on 23/01/2012 at 21h58
Topic Solved & Locked
Similar topics
Does anyone know why most (but not all) migraines tend to be on one side of the head? Mine have historically been bilateral, but today I am fighting one off that is just behind my left eyeball. And the headache is only on the left side which is not
Hey, i thought it could be an improvement to the Donation thing on forums, if you also could donate with more sites than Paypal and Allopass (which never works for my country, Denmark) But anyway i think you also should pay with sites like Alertpay and
You cant click the link that someone post in chatbox with copy/paste. It acts like simple text. We would appreciate this function!
Replies 1 to 7 on 7 for "Side bar Improvement"
See also
more_less
Informations

7 Replies For the topic :
"Side bar Improvement"

This topic has been viewed 623 times.

Last message :
23/01/2012 at 04h42 by "uJhisper"