Ads

Buttons Appear And Disappear

Although now rarely update this blog, unlike in the past that I update almost everyday because lately I'm very busy plus my internet connection that uses a prepaid card which is often very problematic IM3 so that almost no time and a little lazy for blogging as well looking for material to post, but still I am a time to to update this blog.

At my leisure time and an internet connectional though some what decent break this connection I would like to invite you all to make Keys Appear And Disappear that can be used on the sidebar or else where as desired, application code that will be mydiscuss this you can see here or here.
Instantly, so do not get bored because there are many stories here. To create this button, please copy code below and put it wherever you like, like in the sidebar or insections can also posts.



<div>
<div style="margin: 5px;">
<div class="normalfont" style="margin-bottom: 2px;">
<input value="
OPEN
" style="margin: 0px; padding: 5px;
width: 100%;
font-size: 12px;
font-weight:bold;
background:red;
color:white;
border:1px dashes yellow;


-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px; " onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = '
CLOSE
'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '
OPEN
'; }" type="button" /></div>
<div class="alt2">
<div style="display: none;">
<div style="border: 2px dashes white; color:blue;background-color:NONE; text-align: justify; padding:10px; ">
<center>


PUT CODE, OR LINK TEXT HERE




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



Description:
Code that I printed in red, please replace inaccordance with the wishes and for which I printed in yellow are width: 100%; (the width of the button) and font-size: 12px; (size of the text that appears on the button), please adjust to the needs and the rest please consider changing them selves while learning.


When it is done save the changes already made and to see the results mate. For buddies who still do not understand please leave questionsin comments field below this posting.

Good luck and hopefully successful!...