Kaydırılabilir Şematik intro kodu

Kod açıklaması: 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 siteniz 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!

Önizlemesi için tıkla
sitene ekle     <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> <a class="koddostubalon b1o" href="http://www.koddostu.com/index.html" _fcksavedurl="http://www.koddostu.com/index.html">Giriş</a> <a href="http://koddostu.com/p/forum.html" _fcksavedurl="http://koddostu.com/p/forum.html" class="koddostubalon b2o">Forum</a> <a class="koddostubalon b3o" href="http://ipucu.koddostu.com/" _fcksavedurl="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)" _fcksavedurl="javascript:void(0)" onClick_fckprotectedatt="%20onClick%3D%22if(confirm('%20B'%2B'u%20k'%2B'ar%C5%9F%C4%B1lama%20e'%2B'kran%C4%B1%2Cs'%2B'itemiz%20i'%2B'%C3%A7in%20K'%2B'od%20D'%2B'ostu%20t'%2B'araf%C4%B1ndan%20k'%2B'odlanm%C4%B1%C5%9F%5Cn%20v'%2B'e%20C'%2B'reative%20C'%2B'ommons%20A'%2B'ttribution-G'%2B'ayriticari-N'%2B'oD'%2B'erivs%203'%2B'.'%2B'0%20U'%2B'nported%20L'%2B'isans%C4%B1%20i'%2B'le%20l'%2B'isanslanm%C4%B1%C5%9Ft%C4%B1r.%5Cn%5Cn%20k'%2B'od'%2B'dos'%2B'tu.'%2B'co'%2B'm%20s'%2B'itesini%20z'%2B'iyaret%20e'%2B'tmek%20i'%2B'ster%20m'%2B'isini'%2B'z%3F'))%7Bwindow.open('http%3A%2F%2Fwww.koddostu.com'%2C'')%7D%3B%22">?</a><div class="v18i"><div class="v19i"></div><div class="v13i"></div></div> <a class="koddostubalon f1o sosf" href="http://facebook.com/koddostu" _fcksavedurl="http://facebook.com/koddostu">Facebook</a> <a class="koddostubalon f2o sosf" href="http://twitter.com/koddostu" _fcksavedurl="http://twitter.com/koddostu">Twitter</a> <a class="koddostubalon f3o sosf" href="http://goplus.us/koddostu" _fcksavedurl="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>