Dekblog - Not defterim - Siten için kodlar; HTML

Siten için kodlar; HTML

NOT; Kodlar "Koddostu.com" ndan alıntıdır.

Perdeli açış efekti introsu

Kod Dostu'nun sizler için kodladığı bu harika sayfa açılış efekti hazır kodu, site girişinde ziyaretçilerinizi dev kırmızı bir perde ile karşılayacak! Ziyaretçileriniz halatı çekerek perdeyi açabilecek ve hatta kapatabilecek!

Ön izlemek için tıklayın.

<div class="kod-dostu-od od-25-ds" id="koddostu-2block"></div> <div class="kod-dostu-od od-24-ds" id="koddostu-1block"></div> <a href="javascript:void(0)" _fcksavedurl="javascript:void(0)" onfocus_fckprotectedatt="%20onfocus%3D%22this.blur()%3B%22" class="kod-dostu-od od-26-ds" id="koddostu-3block"></a> <koddostu></koddostu> <style type="text/css">a.kod-dostu-od{position:fixed;z-index:999900;}div.kod-dostu-od{position:fixed;z-index:999900;}div.od-24-ds{top:0px;left:0px;width:50%;height:100%;background:#961e1d url(http://3.bp.blogspot.com/-wngxLxO4ZsA/USedcyyF0EI/AAAAAAAASg0/wPdGFXG-TPE/s1600/koddostupowered.jpg) no-repeat top left;background-size:120% 100%;} div.od-25-ds{top:0px;right:0px;width:50%;padding-left:35px;height:100%;background:#961e1d url(http://3.bp.blogspot.com/-wngxLxO4ZsA/USedcyyF0EI/AAAAAAAASg0/wPdGFXG-TPE/s1600/koddostupowered.jpg) no-repeat top right;background-size:120% 100%;}a.od-26-ds{right:15px;top:-75px;width:118px;height:320px;background:transparent url(http://3.bp.blogspot.com/-mRw0L-hknVM/USefTv3HgrI/AAAAAAAAShE/YRd_iHDElhM/s1600/rope.png) no-repeat top left;}</style><style type="text/css">div.kod-dostu-od{_position:absolute;}a.kod-dostu-od{_position:absolute;}div.od-24-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}div.od-25-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}a.od-26-ds{_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 src="http://kdostu.googlecode.com/svn/cquery.js"></script> <script>
var tdta=0;
$("#koddostu-3block").click(function(){
tdta=tdta+1;
if(tdta>=2){
var sbkgj = Math.floor((Math.random()*10)+1);
if(sbkgj>=7){
window.open('h'+'t'+'t'+'p'+':'+'/'+'/'+'w'+'w'+'w'+'.'+'k'+'odd'+'ostu'+'.'+'c'+'o'+'m/2'+'0'+'1'+'3'+'/'+'0'+'2/p'+'er'+'de'+'li-a'+'cl'+'s'+'-e'+'f'+'e'+'kt'+'i'+'-'+'i'+'n'+'tr'+'o'+'-k'+'od'+'u.'+'h'+'t'+'m'+'l','')}
}
if($("#koddostu-1block").offset().left ==0){
$("#koddostu-3block").animate({
top: "0px"
}, 800, function(){
$("#koddostu-3block").animate({
top: "-15px"
}, 300)
});
$("#koddostu-1block").animate({
width: "200px",
left: "-125px",
}, 1100);
$("#koddostu-2block").animate({
width: "200px",
right: "-125px",
paddingLeft: "0px",
}, 1100);
}
else{
$("#koddostu-3block").animate({
top: "0px"
}, 300, function(){
$("#koddostu-3block").animate({
top: "-75px"
}, 800)
});
$("#koddostu-1block").animate({
width: "50%",
left: "0px"
}, 1100);
$("#koddostu-2block").animate({
width: "50%",
right: "0px",
paddingLeft: "35px"
}, 1100);
}
});

</script>

Sayfa solunda açılan sosyal ağlar

Sizden gelen bir koddan yararlanarak oluşturduğumuz, kayarak açılan bu harika sosyal menü koduna bayılacaksınız! Kodu sitenizin herhangi bir alanına eklemeniz yeterli!

(Kod içerisinden adresleri düzenleyebilirsiniz.)

Ön izlemek için tıklayın.

<ul id='menusidi' class="koddostusagsocial koddostu-socialll"><li class='br6'><a></a></li><li class='ko6'><a></a></li><li class='te6'><a></a></li><li class='cari'><a href="http://goo.gl/Z4TJ7" _fcksavedurl="http://goo.gl/Z4TJ7"></a></li><li class='alat'><a></a></li><li class='kontak'><a></a></li></ul>    <ul id='menusisi' class="koddostusagsocial koddostu-socialll"><li class='br6'> <a href='/' _fcksavedurl='/' title='Ana Sayfa'>Ana Sayfaya Dön</a> </li>  <li class='ko6'> <a href='https://plus.google.com/102683206883544741828/posts' _fcksavedurl='https://plus.google.com/102683206883544741828/posts' title='Google+ Sayfamız'>Google+ Sayfamız</a> </li>  <li class='te6'> <a href='http://facebook.com/koddostu' _fcksavedurl='http://facebook.com/koddostu' title='Facebook Sayfamız'>Facebook Sayfamız</a> </li>  <li class='cari'> <a href='http://twitter.com/koddostu' _fcksavedurl='http://twitter.com/koddostu' title='Takip Et'>Twitter'da Takip Et</a> </li>  <li class='alat'> <a href='http://koddostu.com/atom.xml?redirect=false&max-results=1001' _fcksavedurl='http://koddostu.com/atom.xml?redirect=false&max-results=1001' title='RSS Feed'>RSS Beslemeleri</a> </li>  <li class='kontak'> <a href='http://www.koddostu.com/iletisim.html' _fcksavedurl='http://www.koddostu.com/iletisim.html' title='İletişim'>İletişim</a> </li></ul>  <style>ul#menusidi {margin: 0px;padding: 0px;list-style: none;}ul#menusidi li {opacity:1;width: 255px;margin-left: -200px;margin-bottom:3px;}ul#menusidi li a {display: block;width: 225px;height: 60px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;color:#fff !important;text-decoration:none !important;line-height:60px;padding-left:30px;background-color:transparent;background-repeat:no-repeat;background-position:202px center;border:none;}</style>   <!DOCTYPE HTML><style type="text/css">ul.koddostusagsocial{position:fixed;text-align:center;z-index:9999;}ul.koddostu-socialll{top:50px;left:0px;}</style><style type="text/css">ul.koddostusagsocial{_position:absolute;}ul.koddostu-socialll{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><style>ul#menusisi {margin: 0px;padding: 0px;list-style: none;}ul#menusisi li {opacity:1;width: 255px;margin-left: -200px;margin-bottom:1px;}ul#menusisi li a {display: block;width: 255px;height: 60px;text-shadow: 0 2px #000;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;color:#fff !important;text-decoration:none !important;line-height:60px;padding-left:0px;background-color:#262626;background-repeat:no-repeat;background-position:202px center;border:1px solid #000;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}.br6 a{background-image: url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Actions-go-home-icon.png);}.te6 a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/facebook-icon.png);}.cari a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/twitter-icon.png);}.ko6 a{background-image: url(https://lh5.googleusercontent.com/-Vld13w4HBH4/UCaRaVdhj6I/AAAAAAAAARo/u0GBB8oAkAE/s48/google%252048x48.png);}.rssfeed a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/youtube-icon.png);}.alat a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/rss-icon.png);}.kontak a{background-image: url(http://icons.iconarchive.com/icons/fasticon/comic-iphone/48/mail-icon.png);}</style><script src='http://www.google.com/jsapi'></script><script>google.load('jquery', '1.3.2');</script><script type='text/javascript'>$(function() {$('#menusisi li').stop().animate({marginLeft:'-200px'},1000);$('#menusisi li').mouseover(function () {$(this).animate({marginLeft:'0px',opacity:'0.6'},200);});$('#menusisi li').mouseout(function () {$(this).animate({marginLeft:'-200px',opacity:'1'},800);});});</script>