Tips Membuat Iklan Melayang
<style type="text/css">
* html #iklan{position:relative;}
#iklan{position:fixed;right:23%;top:0;z-index:+1000;
background:#ddd ;width:50%;height:96%;padding:5px;border:8px solid #ddd;-moz-box-shadow: 0 0 50px #000,inset 0 0 50px #000;-webkit-box-shadow: 0 0 50px #000,inset 0 0 50px #000;box-shadow: 0 0 50px #000,inset 0 0 50px #000;}
</style><script type="text/javascript">
function showHideiklan(){
var iklan = document.getElementById("iklan");
var w = iklan.offsetWidth;
iklan.opened ? moveiklan(0, 30-w) : moveiklan(20-w, 0);
iklan.opened = !iklan.opened;
}
function moveiklan(x0, xf){
var iklan = document.getElementById("iklan");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir-100;
iklan.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveiklan("+x+", "+xf+")", 10);}
}
</script>
<div id="iklan">
<div style="-background: #ddd; height: 90%; overflow: auto; padding: 5px;">
<center>
KODE IKLAN LOE LETAKKAN DISINI SOB
</center>
</div>
<center>
<a href="javascript:void(0);" onclick="showHideiklan()"><input class="close" style="-moz-box-shadow: 0 0 50px #000,inset 0 0 50px #000; -webkit-box-shadow: 0 0 50px #000,inset 0 0 50px #000; background: #A4A4A4; border: 4px solid #ddd; box-shadow: 0 0 50px #000,inset 0 0 50px #000; color: white; font: 16px Verdana; padding: 5px; width: auto;" type="button" value="Click Here to Close" /></a>
<script type="text/javascript">
var iklan = document.getElementById("iklan");
iklan.style.center = (30-iklan.offsetWidth).toString() + "px";
</script></center>
</div>
* html #iklan{position:relative;}
#iklan{position:fixed;right:23%;top:0;z-index:+1000;
background:#ddd ;width:50%;height:96%;padding:5px;border:8px solid #ddd;-moz-box-shadow: 0 0 50px #000,inset 0 0 50px #000;-webkit-box-shadow: 0 0 50px #000,inset 0 0 50px #000;box-shadow: 0 0 50px #000,inset 0 0 50px #000;}
</style><script type="text/javascript">
function showHideiklan(){
var iklan = document.getElementById("iklan");
var w = iklan.offsetWidth;
iklan.opened ? moveiklan(0, 30-w) : moveiklan(20-w, 0);
iklan.opened = !iklan.opened;
}
function moveiklan(x0, xf){
var iklan = document.getElementById("iklan");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir-100;
iklan.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveiklan("+x+", "+xf+")", 10);}
}
</script>
<div id="iklan">
<div style="-background: #ddd; height: 90%; overflow: auto; padding: 5px;">
<center>
KODE IKLAN LOE LETAKKAN DISINI SOB
</center>
</div>
<center>
<a href="javascript:void(0);" onclick="showHideiklan()"><input class="close" style="-moz-box-shadow: 0 0 50px #000,inset 0 0 50px #000; -webkit-box-shadow: 0 0 50px #000,inset 0 0 50px #000; background: #A4A4A4; border: 4px solid #ddd; box-shadow: 0 0 50px #000,inset 0 0 50px #000; color: white; font: 16px Verdana; padding: 5px; width: auto;" type="button" value="Click Here to Close" /></a>
<script type="text/javascript">
var iklan = document.getElementById("iklan");
iklan.style.center = (30-iklan.offsetWidth).toString() + "px";
</script></center>
</div>
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrgYf9pl-rQ1SRhze85fDLK9ZiuBgzVxRuqIP73EltZSyc_BYAUZ32tVIN1uMQp7IXooWTnb2SlcbQsBAe6qd16Ik0wdLSopivylV7A0fNOqXp7hou7_P4opFvpDr0-7ZIfbeGq6KWOyzz/w326-h66-no/http___signatures.mylivesignature.com_54492_357_C0DA34C45AF99DB5A77A1F06B64AB280.png)
Langganan:
Posting Komentar (Atom)
0 komentar: