htmlkodlari69 - Kaydırılabilir Şematik İntro Kodu

<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">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.nn 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>

kod önizleme için tıkla