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!
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!
<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Kaydırılabilir Şematik İntro Kodu-->
<!--Kod Dostu Kaydırılabilir Şematik İntro Kodu START-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır-->
<!--Telif sahibi: koddostu.com-->
<!--[if lt IE 9]>
<script>
alert('İnternet explorer sürümünüz eski! Karşılama sayfamız doğru görüntülenmeyecek.');
</script>
<![endif]-->
<div class="koddostu-riteral introsu-koddostu"><div class="itala"><div id="t1h"></div><div id="t2h"></div><div id="t3h"></div><center>
<a class="koddostu-b1i">Hoşgeldiniz</a>
<div id="v1i"></div><koddostu></koddostu>
<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 id="v2i"></div><div id="v3i"></div><div id="v4i"></div><div id="v5i"></div><div id="v6i"><div class="v7i"></div><div class="v13i"></div></div><div id="v8i"><div class="v9i"></div><div class="v10i"></div></div><div class="v11i"><div class="v9i"></div><div class="v12i"></div></div><div class="v14i"><div class="v15i"></div><div class="v16i"></div></div>
<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(http://1.bp.blogspot.com/-BX3O5_jc_MA/USVAVa24xEI/AAAAAAAASfU/HKppIs0XtwU/s1600/1.png)!important}#t2h{background-image:url(http://3.bp.blogspot.com/-ECa4HCOqUOE/USVAVczBTBI/AAAAAAAASfY/YQjJjcnyUPo/s1600/3.png)!important}#t3h{background-image:url(http://1.bp.blogspot.com/-UuNGHR5U1RY/USVAVUklklI/AAAAAAAASfQ/0bMi0602pVQ/s1600/2.png)!important}#t1h,#t2h,#t3h{background:transparent url(http://1.bp.blogspot.com/-BX3O5_jc_MA/USVAVa24xEI/AAAAAAAASfU/HKppIs0XtwU/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(http://2.bp.blogspot.com/-v6wq1QliCb0/USP8AVPalgI/AAAAAAAASa0/CIfJ5e9Wv8s/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(http://2.bp.blogspot.com/-v6wq1QliCb0/USP8AVPalgI/AAAAAAAASa0/CIfJ5e9Wv8s/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 src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(".koddostubalon").on("mouseenter",function(){$(this).animate({width:"+=40px",height:"+=40px",marginLeft:"-=20px",top:"-=20px",lineHeight:"+=40px",fontSize:"+=8px"},300);$(".itala").animate({backgroundPosition:"-=10px"},300)});$(".koddostubalon").on("mouseleave",function(){$(this).animate({width:"-=40px",height:"-=40px",marginLeft:"+=20px",top:"+=20px",lineHeight:"-=40px",fontSize:"-=8px"},300);$(".itala").animate({backgroundPosition:"+=10px"},300)}); function yuhohabe(){$(".itala").fadeIn(3E3);$(".koddostu-riteral").scrollTop(2E3);$(".koddostu-riteral").animate({scrollTop:0},1400)}yuhohabe();$("#t1h").animate({top:"-350px",left:"-700px"},12E3,"linear",function(){document.getElementById("t1h").style.top="0px";document.getElementById("t1h").style.left="0px"});$("#t2h").animate({top:"-350px",left:"-700px"},2E4,"linear",function(){document.getElementById("t2h").style.top="0px";document.getElementById("t2h").style.left="0px"}); $("#t3h").animate({top:"-350px",left:"-700px"},38E3,"linear",function(){document.getElementById("t3h").style.top="0px";document.getElementById("t3h").style.left="0px"});setInterval(function(){$("#t1h").animate({top:"-350px",left:"-700px"},12E3,"linear",function(){document.getElementById("t1h").style.top="0px";document.getElementById("t1h").style.left="0px"})},12E3); setInterval(function(){$("#t2h").animate({top:"-350px",left:"-700px"},2E4,"linear",function(){document.getElementById("t2h").style.top="0px";document.getElementById("t2h").style.left="0px"})},2E4);setInterval(function(){$("#t3h").animate({top:"-350px",left:"-700px"},38E3,"linear",function(){document.getElementById("t3h").style.top="0px";document.getElementById("t3h").style.left="0px"})},38E3);
</script>
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır-->
<!--Telif sahibi: koddostu.com-->
<!--Kod Dostu Kaydırılabilir Şematik İntro Kodu STOP-->
<script src="https://www.koddostu.com/duzelt.js?no=170"></script>