yukaridan asagi dogru kayan kutu

Bu bir denemedir görüldüğü gibi yukarıdan inen kutu ile reklam ve ya herhangi bir bağlantı paylaşabileceksiniz

Yukarıdan Aşağı doğru kayan kutu

Yukarıdan aşağı doğru kayan kutu ile reklamlarınızı ve ya linklerinizi kolayca ve pratik bir şekilde paylaşabileceksiniz.Bu kod ile yukarıdan inecek kutunun rengini,boyutlarını ve hızını ayarlayabileceğiniz gibi düşeceği alanı da kendiniz belirleyebileceksiniz.

Öncelikle kutu rengi,kod içersinde background-color: lightyellow; bulun ve göreceğiniz gibi lightyellow(sarı) olan bölgeyi istediğiniz bir renk yapın mesela red(kırmızı)
Kutunun inme hızı ise kod içersinde var dropspeed=10 olarak belirtildi var dropspeed=10 bulun ve 10 yerine istediğinz bir hızı yazın

https://img.webme.com/pic/w/webodam/html_fon.jpg

Kutunu kenarlıkları ve rengi ise kod içersinde border: 2px solid black; bularak ayarlayabilirsiniz border:2px kalınlık olup solid black ise rengidir.

En altta ise Close It yazanyer Kapat tuşudur Close It değiştirip KAPAT yazabilirsiniz.

En sonda ise ''Bu bir denemedir görüldüğü gibi yukarıdan inen kutu ile reklam ve ya herhangi bir bağlantı paylaşabileceksiniz'' olan yere istediğiniz yazıyı yazın ve ya istediğiniz bağlandı ve html kodunu paylaşabilirsiniz.

HTML KODUNU AŞAĞIDA GÖRÜYORSUNUZ;

<style type="text/css">

#dropinboxv2cover{
width: 320px; /*change width to desired */
height: 220px; /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
width: 300px; /*change width to above width-20. */
height: 200px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
border: 2px solid black; /*Customize box appearance*/
background-color: lightyellow;
padding: 4px;
position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
}

</style> <script type="text/javascript">

/***********************************************
* Amazon style Drop-in content box- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
* Go to http://www.dynamicdrive.com/ for full source code
***********************************************/

var dropboxleft=200 //set left position of box (in px)
var dropboxtop=100 //set top position of box (in px)
var dropspeed=15 //set speed of drop animation (larger=faster)

//Specify display mode. 3 possible values are:
//1) "always"- This makes the fade-in box load each time the page is displayed
//2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
//3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
// For example, 2 would display the box about (1/2) 50% of the time the page loads.

var displaymode="always"

///Don't edit beyond here///////////

if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)
var ie=document.all
var dom=document.getElementById

function initboxv2(){
if (!dom&&!ie)
return
crossboxcover=(dom)?document.getElementById("dropinboxv2cover") : document.all.dropinboxv2cover
crossbox=(dom)?document.getElementById("dropinboxv2"): document.all.dropinboxv2
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
crossbox.height=crossbox.offsetHeight
crossboxcover.style.height=parseInt(crossbox.height)+"px"
crossbox.style.top=crossbox.height*(-1)+"px"
crossboxcover.style.left=dropboxleft+"px"
crossboxcover.style.top=dropboxtop+"px"
crossboxcover.style.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropinv2()",50)
}

function dropinv2(){
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
if (parseInt(crossbox.style.top)<0){
crossboxcover.style.top=scroll_top+dropboxtop+"px"
crossbox.style.top=parseInt(crossbox.style.top)+dropspeed+"px"
}
else{
clearInterval(dropstart)
crossbox.style.top=0
}
}

function dismissboxv2(){
if (window.dropstart) clearInterval(dropstart)
crossboxcover.style.visibility="hidden"
}

function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

if (displaymode=="oncepersession" && get_cookie("droppedinv2")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initboxv2, false)
else if (window.attachEvent)
window.attachEvent("onload", initboxv2)
else if (document.getElementById || document.all)
window.onload=initboxv2
if (displaymode=="oncepersession")
document.cookie="droppedinv2=yes"
}

</script>
            <div id="dropinboxv2cover">
            <div id="dropinboxv2">Bu bir denemedir görüldüğü gibi yukarıdan inen kutu ile reklam ve ya herhangi bir bağlantı paylaşabileceksiniz<br />
            <p align="right"><a onClick="dismissboxv2();return false" href="#">Close It</a></p>
            </div>
            </div>