Kaydırılabilir Şematik İntro Kodu

Kod Dostu'ndan yine bir ilk! DÜnya genelinde Gamification olarak bilinen Oyunsallaştırma tekniğini kullanarak hazırladığımız bu harika intro kodunu çok seveceksiniz! jquery destekli yapısıyla sitenize kazandıracağı şık efektler ziyaretçilerinizi büyüleyecek! Siteniz için Forum, Blog, Site introsu arıyorsanız, Sosyal ağ linklerinizi bile ekleyebileceğiniz, Hatta sietniz hakkında açıklamaya yer verebileceğiniz bu şematik giriş ekranı koduna bayılacaksınız!

Ayarlar

Kod İçerisindeki:

-Hoşgeldiniz yazısını değiştirebilirsiniz.

-Forum, Giriş, Blog yazan kısımları ve hemen yanların yer alan linkleri değiştirerek introdaki balonların adlarını ve tıklandığında gidilecek linkleri değiştirebilirsiniz!
-facebook.com/koddostu , twitter.com/koddostu ve goplus.us/koddostu linkleri yerine kendi sosyal ağ hesaplarınızın linklerini yerleştirebilirsiniz!
-Site Hakkında bölümünü ve ardından gelen açıklamayı değiştirebilirsiniz!

<!--[if lt IE 9]>

<a class="koddostu-b1i">Hoşgeldiniz</a>

<div id="v1i"></div><koddostu></koddostu><script src="http://kdostu.googlecode.com/svn/cquery.js" charset="windows-1254"></script>
<a class="koddostubalon b1o" href="http://www.koddostu.com/index.html">Giriş</a>
<a href="http://koddostu.com/p/forum.html" class="koddostubalon b2o">Forum</a>
<a class="koddostubalon b3o" href="http://ipucu.koddostu.com/">Blog</a>

<div class="hakkinda">
Site Hakkında<br/><br/>
Sitemiz,çok aranan bazı içeriklerin derlenmesi ile hazırlanmış bir bilgi paylaşım platformu olarak hizmet vermektedir.

</div>
<div class="v17i"></div><a class="koddostubalon b4o" href="javascript:void(0)"  onClick="if(confirm(' B'+'u k'+'arşılama e'+'kranı,s'+'itemiz i'+'çin K'+'od D'+'ostu t'+'arafından k'+'odlanmış\n v'+'e C'+'reative C'+'ommons A'+'ttribution-G'+'ayriticari-N'+'oD'+'erivs 3'+'.'+'0 U'+'nported L'+'isansı i'+'le l'+'isanslanmıştır.\n\n k'+'od'+'dos'+'tu.'+'co'+'m s'+'itesini z'+'iyaret e'+'tmek i'+'ster m'+'isini'+'z?')){window.open('http://www.koddostu.com','')};">?</a><div class="v18i"><div class="v19i"></div><div class="v13i"></div></div>

<a class="koddostubalon f1o sosf" href="http://facebook.com/koddostu">Facebook</a>
<a class="koddostubalon f2o sosf" href="http://twitter.com/koddostu">Twitter</a>
<a class="koddostubalon f3o sosf" href="http://goplus.us/koddostu">Google+</a>
</center>

</div>
</div>
<style type="text/css">
.koddostubalon,.hakkinda{-moz-box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}.sosf{-webkit-border-radius:120px;background-color:#fff;border-radius:120px;color:#444;display:block;font-family:Helvetica,Arial,sans-serif;font-size:22px;font-weight:700;height:120px;line-height:120px;text-decoration:none;text-shadow:0 0 5px #888;width:120px}.f3o{border:12px solid #e46044;left:50%;margin-left:0;position:absolute;top:1631px;z-index:9909}.f1o{border:12px solid #4a6ea9;left:50%;margin-left:190px;position:absolute;top:1571px;z-index:9909}.f2o{border:12px solid #32def4;left:50%;margin-left:-100px;position:absolute;top:1801px;z-index:9909}.b4o{opacity:0.7;border-width:8px !important;-webkit-border-radius:40px;border-radius:40px;font-size:18px;height:40px;left:50%;line-height:40px;margin-left:-270px;position:absolute;top:1481px;width:40px;z-index:9909}.v19i,.v7i{display:inline-block;margin-right:3px;vertical-align:middle}.v19i{border-top:6px dotted #6f6f73;height:14px;width:140px}.v18i{height:25px;margin-right:-5px;margin-top:160px;position:relative;width:155px}.v17i{background-color:#3f3f43;height:550px;left:50%;margin-left:79px;position:absolute;top:1084px;width:4px}.hakkinda{background-color:#fff;border:12px solid #adaec5;color:rgba(70,70,120,0.7);font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:15px;font-weight:700;height:140px;margin-right:-300px;padding-top:15px;position:absolute;right:50%;top:800px;width:400px}.v16i{border-color:transparent transparent #3f3f43;border-style:solid;border-width:0 10px 10px;display:block;height:0;width:0}.v15i{border-left:6px dotted #6f6f73;display:block;height:105px;margin-bottom:5px;margin-left:7px;vertical-align:middle;width:4px}.v14i{height:120px;margin-left:150px;margin-top:50px;position:relative;width:10px}.v9i,.v13i{border-style:solid;display:inline-block;height:0;width:0}.v13i{border-color:transparent #3f3f43 transparent transparent;border-width:10px 10px 10px 0}.v12i,.v10i{border-top:6px dotted #6f6f73;display:inline-block;height:14px;margin-left:10px;vertical-align:middle;width:142px}.v11i{height:25px;margin-left:-346px;margin-top:340px;position:relative;width:162px}.v9i{border-color:transparent transparent transparent #3f3f43;border-width:10px 0 10px 10px}#v8i{height:25px;margin-left:162px;margin-top:100px;position:relative;width:162px}#t1h{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9ZkMHAP30yYN-Fw0tc53rC36ppIB9d2cSLQ62cXMBv1hO8VKgIIBzn50Jqs8zsXnYX5EFFY1E6mh3Tvmm2lBtn_Q1vIaGlqttRKX6DyVbw3I4LSLisazenmJIFvt4j9VAJo5afAMIEyOJ/s1600/1.png)!important}#t2h{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRD0PaKCQoPFo4LAt0kh24miQdwlfhWzEAJRfp_TKUdoXINWe_7rjkEhMeayXv3f0YxLFt7m3HPOcugTcQT__nYPNdzJTjPtQGxJLROQKX-7e8iORftN0EeL74hnJyFsKQBAV7nwBC1xHy/s1600/3.png)!important}#t3h{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6lCWWzLJ3wQ2ar1pKFC4Hpq5gla7zkm_auxhZlZ7OXwQv-xdSnLgnVNTYz72v8IhyDnfduHj1nCRRdYuQ90qnlhmtPdXaK19aKzr2YGUyM2pcEyAdzCGChvsIdF_jDEePCOhZzbztI11t/s1600/2.png)!important}#t1h,#t2h,#t3h{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9ZkMHAP30yYN-Fw0tc53rC36ppIB9d2cSLQ62cXMBv1hO8VKgIIBzn50Jqs8zsXnYX5EFFY1E6mh3Tvmm2lBtn_Q1vIaGlqttRKX6DyVbw3I4LSLisazenmJIFvt4j9VAJo5afAMIEyOJ/s1600/1.png) repeat 0 0;height:150%;left:0;opacity:0.2;position:absolute;top:0;width:180%}#v4i{background-color:#3f3f43;height:4px;left:50%;margin-left:-258px;position:absolute;top:750px;width:260px}#v3i{border-left:4px solid #3f3f43;height:600px;left:50%;margin-left:-2px;position:absolute;top:150px}#v5i{-webkit-border-bottom-left-radius:2px;border-bottom-left-radius:2px;border-left:4px solid #3f3f43;height:156px;left:50%;margin-left:-258px;position:absolute;top:754px}#v6i{height:25px;margin-right:215px;margin-top:400px;position:relative;width:215px}#v1i{background-color:#3f3f43;height:50px;left:20%;margin-left:-2px;position:absolute;top:105px;width:4px}div.koddostu-riteral{overflow-y:scroll!important;position:fixed;z-index:9900}div.introsu-koddostu{background:#f2f2f2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisnXlaZr8Q2tynP2yi_RjZmDBSFb8BQ75te5Am6wAoQUWcEV0DyxCHc3rZRszKCMeOH2fTGN0dMNShf6cMIqqx7BrY3kGJEdTzbJuzfpYnq7DRrjSCLxatngH97J2yzNBHPunH3o3xWZL8/s1600/old_wall.jpg) repeat center;height:100%;left:0;min-width:850px;top:0;width:100%}.v7i{border-top:6px dotted #6f6f73;height:14px;width:200px}.itala{background:#f2f2f2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisnXlaZr8Q2tynP2yi_RjZmDBSFb8BQ75te5Am6wAoQUWcEV0DyxCHc3rZRszKCMeOH2fTGN0dMNShf6cMIqqx7BrY3kGJEdTzbJuzfpYnq7DRrjSCLxatngH97J2yzNBHPunH3o3xWZL8/s1600/old_wall.jpg) repeat center;display:none;height:2000px;left:0;overflow:hidden!important;position:absolute;top:0;width:100%}.b1o{-webkit-border-radius:100px;border-radius:100px;font-size:22px;height:100px;left:50%;line-height:100px;margin-left:-370px;position:absolute;top:341px;width:100px;z-index:9909}.b2o,.b3o,.b1o,.b4o{background-color:#555;border:16px solid #adaec5;color:#fff;display:block;font-family:Helvetica,Arial,sans-serif;font-weight:700;text-decoration:none;text-shadow:0 0 5px #000}.b2o{-webkit-border-radius:210px;border-radius:210px;font-size:28px;height:210px;left:50%;line-height:210px;margin-left:170px;position:absolute;top:413px;width:210px;z-index:9909}.b3o{-webkit-border-radius:200px;border-radius:200px;font-size:34px;height:200px;left:50%;line-height:200px;margin-left:-320px;position:absolute;top:1130px;width:200px;z-index:9909}.koddostu-b1i{color:rgba(70,70,120,0.7);display:block;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:52px;font-weight:700;left:5%;position:absolute;text-shadow:0 2px 4px #fff,0 0 0 #000,0 2px 4px #def;top:10px}#v2i{border-top:5px dotted #3f3f43;display:inline-block;height:14px;left:50%;margin-left:-30%;position:absolute;top:150px;vertical-align:middle;width:30%}body,html{overflow-y:hidden!important}
</style><style type="text/css">div.koddostu-riteral{_position:absolute;}div.introsu-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style>

</script>