dina's storylineʕ•ᴥ•ʔ: Show/Hide Rule Javascript For Template Designer

#FANFIksi Refresh Author Stuff buddies

Show/Hide Rule Javascript For Template Designer



Aku sendiri hack dari code blogskin :p so credit atas aku
Live preview, click http://htmledit.squarefree.com/
lalu masukkan code dibawah
dan untuk apply di blog kalian masukkan code dibawah tepatnya dikotak html/javascript
LE CODING;
<style type="text/css">
#at{
position:fixed;
right:150px;
z-index:+1000;
top:6;
}
.atcontent{
float:right;
background:url(http://4.bp.blogspot.com/-mCuNO6-wz1U/UhjQuxl7aeI/AAAAAAAAKmw/qsNbzd67br4/s1600/kop.jpg)
no-repeat 0 0 transparent;
width:800px;
height:10000000px;center scroll ;
padding:56px 0 20px 5px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url() no-repeat;">
<center><div id="author">
<a href="javascript:void(0);" onclick="showHideAT()">
</a></div></center></div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-500-at.offsetWidth).toString() + "px";
</script>
<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;F
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:100px; left:5px;'>
<a href="javascript:void(0);"onclick="showHideAT()"/>
<img src="http://1.bp.blogspot.com/-IX_qGNN0p5g/UhjQvCUf2SI/AAAAAAAAKm0/0S4oUoNqp3s/s1600/dd.png"
alt="PUSH" title="MUST CLICK!" /></a>
done!=)

Tidak ada komentar: