toggle signature

hi, i found this on the russian support forum.. i followed it but it's not working..

pls help me fast....

viewtopic_body:
So, you need to find:

Code:

<div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>

and replace with:

Code:

<br/><br/><br/><center>
<div><a href="javscript://" class="sig" style="text-decoration: none;"><img src="http://savepic.net/1189114.png" border="0" /> <span style="font-family:Times New Roman; font-size:18px;font-style:italic;">•Открыть подпись•</span></a>
                    <div class="signature_div">


          {postrow.displayed.SIGNATURE}

                    </div></div>
</center>

Save, then publish!

overall_footer:
Before </body> add this code:

Code:

<!--Сворачивание подписи-->
<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery('.sig').click(function(){
      jQuery(this).parent().children('div.signature_div').slideToggle("slow");
      return false;
    });
  });
</script>

Save, then publish.

CSS Stylesheet:

Code:

.signature_div{
background-color: #FFFFFF;
display:none;
border:3px double #3A4B8A;
padding:5;
width: 98%;
}

That was for phpBB2. Hah, maybe I'll translate full tutorial for english support forum?

NVM... it wasn't working cause i forgot to allow signatures.... silly me

uhm , one question.. how can i edit the borders??

well i am not sure what it is without seeing it,

But most likely right here in the css part.
all depends what you want to change it to as well?

border:3px double #3A4B8A;

i want it to be like in the tut.. but with green border.

Replace from stylesheet this: border:3px double #3A4B8A; to this: border:3px double #11FE11;

can i make one with round corners???

Of course, after border:3px double #11FE11; add:

Code:

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

topic solved!