11-12-2014, Saat:21:29
Merhaba Dostlar.Tek Tek Paylaşmaktansa Hepsini Bir Konuya Koyalım.Hepimize Kolaylık Olsun.
Not : Kodlar Alıntıdır.
#1 Perdeli Açılış Efekti İntro Kodu
Önizleme :
http://preview.koddostu.com/2013/02/oniz...ti_22.html
#2 Sitenize Efektif Giriş İntrosu
#3 Sitenize Galatasaray Giriş İntrosu
Önizleme :
http://preview.koddostu.com/2014/09/onizleme-bitti.html
#4 Animasyonlu Giriş İntrosu
Önizleme :
http://preview.koddostu.com/2014/08/oniz...ti_23.html
#5 Sitenize Retro İntro Kodu
Önizleme :
http://preview.koddostu.com/2013/02/oniz...niyor.html
İyi Forumlar.
Edit : Kodlar Eklenmeye Devam Edecektir.
Not : Kodlar Alıntıdır.
#1 Perdeli Açılış Efekti İntro Kodu
Kod:
<!--Kod Dostu Perde İntrosu Kodu START-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır-->
<!--Telif sahibi: koddostu.com-->
<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)" onfocus="this.blur();" 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>
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır-->
<!--Telif sahibi: koddostu.com-->
<!--Kod Dostu Perde İntrosu Kodu STOP-->Önizleme :
http://preview.koddostu.com/2013/02/oniz...ti_22.html
#2 Sitenize Efektif Giriş İntrosu
Kod:
<!DOCTYPE HTML><style type="text/css">div.tht-position{position:fixed;z-index:6010;}div.tht-s-e{top:72px;right:0px;}</style><style type="text/css">div.tht-position{_position:absolute;}div.tht-s-e{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><koddostu></koddostu><script src="http://kdostu.googlecode.com/svn/cquery.js" charset="windows-1254" type="text/javascript"></script><div class="tht-position tht-s-e"><a id="lambakapali" onclick="document.getElementById('lambaacik').style.display='block';document.getElementById('lambakapali').style.display='none';document.getElementById('gölgem').style.display='none';" style="margin:0px !important;padding:0px !important;border:none !important;background-color:transparent !important;cursor:pointer;" title="Lambayı Aç"><img style="margin:0px !important;padding:0px !important;border:none !important;background-color:transparent !important;" src="http://1.bp.blogspot.com/-Ont9cH8VCJg/TvBiv-Ng47I/AAAAAAAADR8/bw36Ge18Wt0/s1600/LampOff.png" border="0"></a><Script Language='Javascript'>
<!--
document.write(unescape('%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3a%2f%2f%6b%6f%64%64%6f%73%74%75%2e%63%6f%6d%2f%32%30%31%31%2F%31%32%2F%67%69%72%69%73%2D%65%6B%6C%65%2D%73%69%74%65%79%65%2D%67%69%72%69%73%2D%69%6E%74%72%6F%2D%6B%6F%64%75%2E%68%74%6D%6C%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%69%64%3D%22%6C%61%6D%62%61%61%63%69%6B%22%20%20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%6D%61%72%67%69%6E%3A%30%70%78%20%21%69%6D%70%6F%72%74%61%6E%74%3B%70%61%64%64%69%6E%67%3A%30%70%78%20%21%69%6D%70%6F%72%74%61%6E%74%3B%62%6F%72%64%65%72%3A%6E%6F%6E%65%20%21%69%6D%70%6F%72%74%61%6E%74%3B%62%61%63%6B%67%72%6F%75%6E%64%2D%63%6F%6C%6F%72%3A%74%72%61%6E%73%70%61%72%65%6E%74%20%21%69%6D%70%6F%72%74%61%6E%74%3B%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%6E%6F%6E%65%3B%22%3E%0A%3C%69%6D%67%20%73%74%79%6C%65%3D%22%6D%61%72%67%69%6E%3A%30%70%78%20%21%69%6D%70%6F%72%74%61%6E%74%3B%70%61%64%64%69%6E%67%3A%30%70%78%20%21%69%6D%70%6F%72%74%61%6E%74%3B%62%6F%72%64%65%72%3A%6E%6F%6E%65%20%21%69%6D%70%6F%72%74%61%6E%74%3B%62%61%63%6B%67%72%6F%75%6E%64%2D%63%6F%6C%6F%72%3A%74%72%61%6E%73%70%61%72%65%6E%74%20%21%69%6D%70%6F%72%74%61%6E%74%3B%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%31%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%4E%51%62%4E%32%63%36%46%71%69%38%2F%54%76%42%69%77%6B%38%73%43%70%49%2F%41%41%41%41%41%41%41%41%44%53%45%2F%68%45%56%66%46%58%47%58%64%46%55%2F%73%31%36%30%30%2F%4C%61%6D%70%4F%6E%2E%70%6E%67%22%20%62%6F%72%64%65%72%3D%22%30%22%2F%3E%3C%2F%61%3E'));
//-->
</Script></div><style type="text/css">div.gtg-position{position:fixed;text-align:center;z-index:6008;background-color:black;opacity:0.98;
filter:alpha(opacity=98);width:100%;height:100%;}div.gtg-s-e{top:0px;right:0px;padding-top:20%;}</style><style type="text/css">div.gtg-position{_position:absolute;}div.gtg-s-e{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div id="gölgem" class="gtg-position gtg-s-e"><a style="opacity:1;
filter:alpha(opacity=100);color:#777;font-size:26px;margin:0px;padding:0px;background-color:transparent;border:none;text-decoration:none;font-weight:normal;">Siteyi Görmek İçin<br/>Lambaya Tıklayın</a>
</div>#3 Sitenize Galatasaray Giriş İntrosu
Kod:
<!--Kod Dostu Galatasaray İntro Kodu START-->
<!--telif hakkı sahibi: koddostu.com-->
<div class="koddostu-gs1 gs2-koddostu" style="width:100%;height:100%;background-color:#000;" id="koddostu-gs-1"><center><div id="hgsdf"></div></center>
<a style="position:absolute;bottom:10%;display:block;width:100%;height:30px;opacity:1;
filter:alpha(opacity=100);color:#777;font-size:38px;margin:0px;padding:0px;background-color:transparent;border:none;text-decoration:none;font-weight:normal;text-align:center !important;"><span onmouseover="this.style.color='#aaaaaa'" onmouseout="this.style.color='#777777'" class="hdgyk" onclick="document.getElementById('koddostu-gs-1').style.display='none';">>>Siteye Giriş<<</span></a>
<!--telif hakkı sahibi: koddostu.com-->
<script type="text/javascript" language="javascript">
<!--
KodDostuCRY=new Array();
KodDostuCRY[0]="045063103163164171154145045062060164171160145045063";
KodDostuCRY[1]="104045062062164145170164057143163163045062";
KodDostuCRY[2]="062045063105045060101045062063150147163144";
KodDostuCRY[3]="146045067102142141143153147162157165156144045063";
KodDostuCRY[4]="101164162141156163160141162145156164045062060165162";
KodDostuCRY[5]="154045062070150164164160045063101057057064";
KodDostuCRY[6]="056142160056142154157147163160157164056143";
KodDostuCRY[7]="157155057055166161160101165137147117114114";
KodDostuCRY[8]="153057125104145142117127131113156172111057101";
KodDostuCRY[9]="101101101101101101101115064143057104152147131113132";
KodDostuCRY[10]="106061067170143057163061066060060057147163153157144";
KodDostuCRY[11]="144157163164165056152160147045062071045062";
KodDostuCRY[12]="060156157055162145160145141164045062060164157160045";
KodDostuCRY[13]="062060154145146164045063102167151144164150045063";
KodDostuCRY[14]="101066060060160170045063102150145151147150164";
KodDostuCRY[15]="045063101065061066160170045063102155141162";
KodDostuCRY[16]="147151156055164157160045063101065045062065045063";
KodDostuCRY[17]="102045067104045060101056150144147171153045";
KodDostuCRY[18]="067102143157154157162045063101045062063067067";
KodDostuCRY[19]="067045063102146157156164055163151172145045063";
KodDostuCRY[20]="101063070160170045063102155141162147151156045063";
KodDostuCRY[21]="101060160170045063102160141144144151156147";
KodDostuCRY[22]="045063101060160170045063102142141143153147162157";
KodDostuCRY[23]="165156144055143157154157162045063101164162141156";
KodDostuCRY[24]="163160141162145156164045063102142157162144145162045";
KodDostuCRY[25]="063101156157156145045063102164145170164055144145";
KodDostuCRY[26]="143157162141164151157156045063101156157156145045";
KodDostuCRY[27]="063102146157156164055167145151147150164045063101156";
KodDostuCRY[28]="157162155141154045063102164145170164055141154";
KodDostuCRY[29]="151147156045063101143145156164145162045062060";
KodDostuCRY[30]="045062061151155160157162164141156164045063102143165";
KodDostuCRY[31]="162163157162045063101160157151156164145162045";
KodDostuCRY[32]="063102045067104045060101144151166056153157144144";
KodDostuCRY[33]="157163164165055147163061045067102160157163151164";
KodDostuCRY[34]="151157156045063101146151170145144045063102";
KodDostuCRY[35]="164145170164055141154151147156045063101143145";
KodDostuCRY[36]="156164145162045063102172055151156144145170045063";
KodDostuCRY[37]="101071070060060060045063102045067104144151166056";
KodDostuCRY[38]="147163062055153157144144157163164165045067102142157";
KodDostuCRY[39]="164164157155045063101060160170045063102162151147";
KodDostuCRY[40]="150164045063101060160170045063102045067104045";
KodDostuCRY[41]="063103057163164171154145045063105045060101045";
KodDostuCRY[42]="063103141045062060150162145146045063104045";
KodDostuCRY[43]="062062150164164160045063101057057167167167";
KodDostuCRY[44]="056153157144144157163164165056143157155057062";
KodDostuCRY[45]="060061062057060070057147141154141164141163141";
KodDostuCRY[46]="162141171055151156164162157055153157144165055";
KodDostuCRY[47]="147163055147151162151163055150164155154056";
KodDostuCRY[48]="150164155154045062062045062060164141162147145164";
KodDostuCRY[49]="045063104045062062137142154141156153045062062";
KodDostuCRY[50]="045062060157156155157165163145157166145162";
KodDostuCRY[51]="045063104045062062164150151163056163164171";
KodDostuCRY[52]="154145056162151147150164045063104045062067060160";
KodDostuCRY[53]="170045062067045062062045062060157156155157165163";
KodDostuCRY[54]="145157165164045063104045062062164150151163056";
KodDostuCRY[55]="163164171154145056162151147150164045063104";
KodDostuCRY[56]="045062067055066066160170045062067045062062045062";
KodDostuCRY[57]="060163164171154145045063104045062062144151";
KodDostuCRY[58]="163160154141171045063101045062060142154157143";
KodDostuCRY[59]="153045063102045062060167151144164150045063101";
KodDostuCRY[60]="045062060071062160170045063102045062060150145151147";
KodDostuCRY[61]="150164045063101045062060061070160170045063102";
KodDostuCRY[62]="045062060142141143153147162157165156144045063101045";
KodDostuCRY[63]="062060165162154045062070045062066161165157";
KodDostuCRY[64]="164045063102150164164160045063101057057064056142";
KodDostuCRY[65]="160056142154157147163160157164056143157155";
KodDostuCRY[66]="057055152130154172151124110102143101131057125102055";
KodDostuCRY[67]="066064146147130137153111057101101101101101";
KodDostuCRY[68]="101101101115146153057164132145106105063157121";
KodDostuCRY[69]="060153101057163061066060060057153144063065056160";
KodDostuCRY[70]="156147045062066161165157164045063102045062071045";
KodDostuCRY[71]="062060156157055162145160145141164045062060163143";
KodDostuCRY[72]="162157154154045062060154145146164045062060164157";
KodDostuCRY[73]="160045062060164162141156163160141162145156164045063";
KodDostuCRY[74]="102045062060155141162147151156045063101045";
KodDostuCRY[75]="062060060160170045063102045062060160157163151164151";
KodDostuCRY[76]="157156045063101045062060141142163157154165164";
KodDostuCRY[77]="145045063102045062060142157164164157155045063101";
KodDostuCRY[78]="045062060060160170045063102045062060162151147150164";
KodDostuCRY[79]="045063101045062060055066066160170045063102045062";
KodDostuCRY[80]="060157160141143151164171045063101045062060";
KodDostuCRY[81]="060056062045063102045062062045063105045063";
KodDostuCRY[82]="103057141045063105045060101045063103045062061";
KodDostuCRY[83]="104117103124131120105045062060110124115114";
KodDostuCRY[84]="045063105045063103163164171154145045062060164171";
KodDostuCRY[85]="160145045063104045062062164145170164057143";
KodDostuCRY[86]="163163045062062045063105144151166056153157";
KodDostuCRY[87]="144144157163164165055147163061045067102137";
KodDostuCRY[88]="160157163151164151157156045063101141142163157154";
KodDostuCRY[89]="165164145045063102045067104144151166056147163062";
KodDostuCRY[90]="055153157144144157163164165045067102137142157164164";
KodDostuCRY[91]="157155045063101141165164157045063102137164157160045";
KodDostuCRY[92]="063101145170160162145163163151157156045062070151145";
KodDostuCRY[93]="066045063104045062070144157143165155145156164";
KodDostuCRY[94]="056144157143165155145156164105154145155145156";
KodDostuCRY[95]="164056163143162157154154124157160053144157";
KodDostuCRY[96]="143165155145156164056144157143165155145156164105154";
KodDostuCRY[97]="145155145156164056143154151145156164110145151147150";
KodDostuCRY[98]="164045062060055045062060065062053045062062160";
KodDostuCRY[99]="170045062062045062071045062060045062071045";
KodDostuCRY[100]="063102045067104045063103057163164171154145";
KodDostuCRY[101]="045063105";
OutString="";for(i=0;i<KodDostuCRY.length;i++){
for(j=0;j<KodDostuCRY[i].length;j+=3){
OutString+=eval("\"\\"+KodDostuCRY[i].slice(j,j+3)+"\"");
}}document.write(unescape(OutString));
// -->
</script>
</div>
<!--telif hakkı sahibi: koddostu.com-->
<!--Kod Dostu Galatasaray İntro Kodu STOP-->Önizleme :
http://preview.koddostu.com/2014/09/onizleme-bitti.html
#4 Animasyonlu Giriş İntrosu
Kod:
<!-- Koddostu - Bloglar İçin Animasyonlu Tardis Girişi START -->
<!--Telif sahibi:koddostu.com-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<koddostu></koddostu>
<style>
#ortucux{ position:fixed; top:0px;left:0px;width:100%; height:100%; background:#000 url(http://1.bp.blogspot.com/-XNlPlX8RT90/U_eIH4NNLZI/AAAAAAAAu_M/9iqNeDBkJWU/s1600/anigif.gif) no-repeat center center; z-index:77777; background-size:cover; -webkit-transition:-webkit-transform 1.4s 0.2s ease-in; transition:transform 1.4s 0.2s ease-in; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } #ortucux.gidiyor{ -webkit-transform:scale(6,6); transform:scale(6,6); } #koddostu-tardis{ position:fixed; z-index:88888; top:100%; left:0%; width:285px; height: 400px; -webkit-transition:all 2.67s linear; transition:all 2.67s linear; margin:0px 0 0 -600px; } #koddostu-tardis.birazsag{ top:40%; margin:-200px 0 0 400px; left:100%; } #koddostu-tardis.birazsol{ top:20%; left:0%; margin: -200px 0 0 -400px; } #koddostu-tardis.birazorta, #koddostu-tardis.defol{ top:50%; left:50%; margin: -200px 0 0 -142px; } #koddostu-tardis.birazsag #topluca{ transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); } #koddostu-tardis.birazorta #topluca{ cursor:pointer; transform:scale(1,1); -webkit-transform:scale(1,1); } #koddostu-tardis.defol #topluca{ -webkit-transition:-webkit-transform 1.6s linear, opacity 0.2s 1.4s ease; transition:transform 1.6s linear, opacity 0.2s 1.4s ease; opacity:0; transform:scale(0.01,0.01); -webkit-transform:scale(0.01,0.01); } #topluca{ position:relative; width:285px; height: 400px; -webkit-perspective: 1200px; perspective: 1200px; -webkit-transition:-webkit-transform 2s 0.6s linear; transition:transform 2s 0.6s linear; transform:scale(0.1,0.1); -webkit-transform:scale(0.1,0.1); } #kutu { width: 100%; height: 100%; position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 2s linear; transition: transform 2s linear; } #kutu figure { display: block; position: absolute; border: 2px solid black; } #kutu .front, #kutu .back { width: 196px; height: 196px; } #kutu .right, #kutu .left { width: 396px; height: 196px; left: -100px; } #kutu .top, #kutu .bottom { width: 196px; height: 396px; top:-100px; } #kutu .front { background: #008070 url(http://1.bp.blogspot.com/-DRvYbdtGxC0/U_d7bJzhWyI/AAAAAAAAu-4/uTDSF_BvahA/s1600/fh.png); } #kutu .back { background: #008070 url(http://1.bp.blogspot.com/-17mLIp1-FW4/U_d7apD9o5I/AAAAAAAAu-s/RDFvwccpHCs/s1600/55w.png); } #kutu .right { background: #008070 url(http://2.bp.blogspot.com/-VCqskNQWnOY/U_d7asVvfhI/AAAAAAAAu-o/hcS1mgBlALs/s1600/1.png); } #kutu .left { background: #008070 url(http://2.bp.blogspot.com/-VCqskNQWnOY/U_d7asVvfhI/AAAAAAAAu-o/hcS1mgBlALs/s1600/1.png); } #kutu .top { background: #008070 url(http://4.bp.blogspot.com/-GmjcbLkDMR0/U_d7alMJZsI/AAAAAAAAu-w/Fa3oc6NY5Aw/s1600/2.png); } #kutu .bottom { background: #008070 url(http://2.bp.blogspot.com/-VCqskNQWnOY/U_d7asVvfhI/AAAAAAAAu-o/hcS1mgBlALs/s1600/1.png); } #kutu .front { -webkit-transform: translateZ( 200px ); transform: translateZ( 200px ); } #kutu .back { -webkit-transform: rotateX( -180deg ) translateZ( 200px ); transform: rotateX( -180deg ) translateZ( 200px ); } #kutu .right { -webkit-transform: rotateY( 90deg ) translateZ( 100px ); transform: rotateY( 90deg ) translateZ( 100px ); } #kutu .right:after{ content:''; position:absolute;top:-100px;left:100px; width:196px; height:396px; -webkit-transform:rotate(90deg); transform:rotate(90deg); background:transparent url(http://2.bp.blogspot.com/-VCqskNQWnOY/U_d7asVvfhI/AAAAAAAAu-o/hcS1mgBlALs/s1600/1.png) no-repeat top left; } #kutu .left { -webkit-transform: rotateY( -90deg ) translateZ( 100px ); transform: rotateY( -90deg ) translateZ( 100px ); } #kutu .left:after{ content:''; position:absolute;top:-100px;left:100px; width:196px; height:396px; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); background:transparent url(http://2.bp.blogspot.com/-VCqskNQWnOY/U_d7asVvfhI/AAAAAAAAu-o/hcS1mgBlALs/s1600/1.png) no-repeat top left; } #kutu .top { -webkit-transform: rotateX( 90deg ) translateZ( 100px ); transform: rotateX( 90deg ) translateZ( 100px ); } #kutu .bottom { -webkit-transform: rotateX( -90deg ) translateZ( 100px ); transform: rotateX( -90deg ) translateZ( 100px ); } #kutu .bottom:after{ content:''; position:absolute;top:0px;left:2px; width:196px; height:396px; -webkit-transform:rotate(180deg); transform:rotate(180deg); background:transparent url(http://2.bp.blogspot.com/-VCqskNQWnOY/U_d7asVvfhI/AAAAAAAAu-o/hcS1mgBlALs/s1600/1.png) no-repeat top left; } #kutu.on { -webkit-transform: translateZ( -200px ) rotateX( -90deg ); transform: translateZ( -200px ) rotateX( -90deg ); } #kutu.sag{ -webkit-transform: translateZ( -50px ) translateX( 20px ) translateY( -7px ) rotateX( -50deg ) rotateZ( -90deg ); transform: translateZ( -50px ) translateX( 20px ) translateY( -7px ) rotateX( -50deg ) rotateZ( -90deg ); } #kutu.arka{ -webkit-transform: translateZ( -80px ) translateX( -100px ) translateY( -7px ) rotateX( -480deg ) rotateZ( -180deg ); transform: translateZ( -80px ) translateX( -100px ) translateY( -7px ) rotateX( -480deg ) rotateZ( -180deg ); } #kutu.ok { -webkit-transition: -webkit-transform 2.8s linear; transition: transform 2.8s linear; -webkit-transform: translateZ( -200px ) rotateX( -450deg ); transform: translateZ( -200px ) rotateX( -450deg ); } #kutu.defol { -webkit-transition: -webkit-transform 2.8s linear; transition: transform 2.8s linear; -webkit-transform: translateZ( -200px ) rotateX( 450deg ) rotateY( 450deg ); transform:translateZ( -200px ) rotateX( 450deg ) rotateY( 450deg ); }
</style>
<div id="ortucux"></div> <div id="koddostu-tardis"> <div id="topluca" onclick="defol();"> <div id="kutu" class="on"> <figure class="front"></figure> <figure class="back"></figure> <figure class="right"></figure> <figure class="left"></figure> <figure class="top"></figure> <figure class="bottom"></figure> </div> </div> </div><script src="http://kdostu.googlecode.com/svn/cquery.js"></script><script src="http://kdostu.googlecode.com/svn/koddostu-tardis.js"></script>
<!--Telif sahibi:koddostu.com-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!-- Koddostu - Bloglar İçin Animasyonlu Tardis Girişi STOP -->Önizleme :
http://preview.koddostu.com/2014/08/oniz...ti_23.html
#5 Sitenize Retro İntro Kodu
Kod:
<!--Kod Dostu Retro İntro Kodu START-->
<!--Telif Sahibi: www.koddostu.com-->
<!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.-->
<script src="http://code.jquery.com/jquery-latest.js"></script><koddostu></koddostu>
<style type="text/css">div.koddostu-tisikirlir{position:fixed;z-index:9900;}div.sipirmin-koddostu{top:0px;left:0px;width:100%;height:100%;background:#290700 url(http://4.bp.blogspot.com/-1Fn_lRVkAA8/US8z9bu70OI/AAAAAAAASrk/aAgziOKvWrg/s1600/kdostu.jpg) repeat top left;}</style><script src="http://kdostu.googlecode.com/svn/cquery.js" charset="windows-1254"></script><style type="text/css">div.koddostu-tisikirlir{_position:absolute;}div.sipirmin-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}
.sipaydirmen{display:inline-block;margin:20px 10px;background-color:#290700;position:relative;width:112px;height:53px;overflow:hidden;vertical-align:top;border-top:1px solid #290700;-webkit-border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;border-top-left-radius: 2px;border-top-right-radius: 2px;}
.tisikirlir{position:absolute;top:-10px;border-left:1px solid #390700;border-right:1px solid #390700;
left:0px;display:block;width:230px;height:67px;background:transparent url(http://3.bp.blogspot.com/-CmSyvS7VWGA/US8k28WhKdI/AAAAAAAASm0/asiBY2lhPpA/s1600/drawer_small_wlabel.png) no-repeat -59px 0px;text-align:left !important;padding-left:28px;padding-top:31px;font-family:Helvetica, Arial, sans-serif;font-size:12px;font-weight:normal;color:#da2;text-decoration:none !important;}
.tisikirlir span{text-align:center;display:block;background-color:transprent;width:57px;text-decoration:none !important;font-family:Helvetica, Arial, sans-serif;font-size:12px;font-weight:normal;color:#da2;}
#text-shadow-box {position: fixed;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;overflow: hidden;background: transparent;font-family: Rockwell, Arial, sans-serif;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-user-select: none;}#text-shadow-box #tsb-text,#text-shadow-box #tsb-link {position: absolute;top: 40%;left: 0;width: 100%;height: 1em;margin: -0.77em 0 0 0;font-size: 70px;line-height: 1em;font-weight: bold;text-align: center;}#text-shadow-box #tsb-text {font-size: 100px;color: transparent;text-shadow: black 0px -45.2px 19px;}#text-shadow-box #tsb-link a {color: #FFFFFF;text-decoration: none;}#text-shadow-box #tsb-box,#text-shadow-box #tsb-wall {position: absolute;top: 41%;left: 0;width: 100%;height: 60%;}#text-shadow-box #tsb-box {}#text-shadow-box #tsb-wall {background: #999;}#text-shadow-box #tsb-wall p {position: relative;font-size: 15px;line-height: 1.5em;text-align: justify;color: #222;width: 550px;margin: 1.5em auto;cursor: default;}#text-shadow-box #tsb-wall p a {color: #fff;}#text-shadow-box #tsb-wall p a:hover {text-decoration: none;color: #000;background: #fff;}#tsb-spot {position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;pointer-events: none;background: -webkit-gradient(radial, center center, 0, center center, 450, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 0, black 450px);}
</style>
<div class="koddostu-tisikirlir sipirmin-koddostu">
<center>
<div class="benoylemidedim" style="position:relative;margin-top:10%;width:326px;height:190px;margin-bottom:25px;">
<div style="width:162px;height:156px;border-top:2px solid #521300;border-bottom:2px solid #521300;background:#f2f2f2 url(http://3.bp.blogspot.com/-kvM9K1V7YQg/UQPk0RMwr6I/AAAAAAAARyM/R2izk9QUdcI/s1600/koddostusaydam.png) repeat top left;position:absolute;z-index:9910;top:12px;left:82px;-moz-box-shadow: inset 0 0 6px 3px #000;-webkit-box-shadow: inset 0 0 6px 3px #000;box-shadow: inset 0 0 6px 3px #000;">
<a style="display:block;margin-top:15px;font-family:Helvetica, Arial, sans-serif;color:#c60;font-weight:bold;font-size:16px; text-shadow: 0px 0px 4px #888;">Hoşgeldiniz!<br/><br/><br/><span style="font-size:14px;">Haydi bir çekmece seçin!</span></a>
</div>
<div class="rightpenn" style="position:relative;z-index:9940;display:inline-block;width:162px;height:184px;background:transparent url(http://3.bp.blogspot.com/-WLuHPEGgfeY/US8k3FJhl6I/AAAAAAAASm4/6HJpmxHUgjw/s1600/windowLeftOpenSequence.png) no-repeat -1px 0px"></div><div class="leftpenn" style="position:relative;z-index:9940;display:inline-block;width:162px;height:184px;background:transparent url(http://1.bp.blogspot.com/-oZipEY67MWs/US8k3uUaldI/AAAAAAAASm8/Rsrks-7tH2c/s1600/windowRightOpenSequence.png) no-repeat -964px 0px"></div>
</div>
<!--[if IE]>
<style type="text/css">
#tsb-spot {display: none;}#tsb-ie {position: absolute;top: -90%;left: -50%;width: 200%;height: 334%;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);}
</style>
<![endif]-->
<div id="text-shadow-box"><div id="tsb-box"></div><p id="tsb-text"></p><div id="tsb-ie"></div> <div id="tsb-spot"></div></div>
<script type="text/javascript" language="javascript" charset="utf-8">
var text = null;var spot = null;var box = null;var boxProperty = '';init();function init() {
text = document.getElementById('tsb-text');
spot = document.getElementById('tsb-spot');
if (text && spot) {
document.getElementById('text-shadow-box').onmousemove = onMouseMove;
document.getElementById('text-shadow-box').ontouchmove = function (e) {e.preventDefault(); e.stopPropagation(); onMouseMove({clientX: e.touches[0].clientX, clientY: e.touches[0].clientY});};
}
}
function onMouseMove(e) {
if (typeof e === 'undefined' || typeof e.clientX === 'undefined') {
return;}
var xm = (e.clientX - Math.floor(window.innerWidth / 2)) * 0.4;
var ym = (e.clientY - Math.floor(window.innerHeight / 3)) * 0.4;
var d = Math.round(Math.sqrt(xm*xm + ym*ym) / 5);
xm = e.clientX - Math.floor(window.innerWidth / 2);
ym = e.clientY - Math.floor(window.innerHeight / 2);
spot.style.backgroundPosition = xm + 'px ' + ym + 'px';
}
</script>
<div class="sipaydirmen">
<a href="http://www.koddostu.com/genel.html" target="_blank" class="tisikirlir"><span>Genel</span></a>
</div>
<div class="sipaydirmen">
<a href="http://www.koddostu.com/forum.html" target="_blank" class="tisikirlir"><span>Forum</span></a>
</div>
<div class="sipaydirmen">
<a href="http://www.koddostu.com/blog.html" target="_blank" class="tisikirlir"><span>Blog</span></a>
</div>
<div class="sipaydirmen">
<a href="http://www.koddostu.com/ekstra.html" target="_blank" class="tisikirlir"><span>Ekstra</span></a>
</div><br/>
<div class="sipaydirmen">
<a href="http://www.koddostu.com/link5.html" target="_blank" class="tisikirlir"><span>Link5</span></a>
</div>
<div class="sipaydirmen">
<a href="http://www.koddostu.com/link6.html" target="_blank" class="tisikirlir"><span>Link6</span></a>
</div>
<div class="sipaydirmen">
<a href="http://www.koddostu.com/link7.html" target="_blank" class="tisikirlir"><span>Link7</span></a>
</div>
<div class="sipaydirmen">
<a href="http://www.koddostu.com/link8.html" target="_blank" class="tisikirlir"><span>Link8</span></a>
</div>
<a href="javascript:void(0)" onclick="window.open('h'+'t'+'tp'+':'+'//'+'w'+'ww.'+'k'+'oddo'+'stu.'+'c'+'om/2013/02/r'+'etro-i'+'ntro-k'+'odu-h'+'azr-k'+'od.'+'h'+'tml','')" style="position:absolute;bottom:5px;right:15px;color:#440;text-decoration:none;">© Koddostu </a>
</center>
<script>
$(".sipaydirmen").mouseenter(function(){
$(this).animate({
height: "63px",
marginBottom: "10px",
}, 200 );
$(this).children('a').eq(0).css({ backgroundColor: "0d0300" });
$(this).children('a').eq(0).animate({
top: "0px"
}, 200 );
$(".sipaydirmen").not(this).children('a').css({ backgroundColor: "290700" });
$(".sipaydirmen").not(this).children('a').animate({
top: "-10px"
}, 200 );
$(".sipaydirmen").not(this).animate({
marginBottom: "20px",
height: "53px"
}, 200 );
});
$(document).ready(function(){
evetac();
});
$(".benoylemidedim").mouseenter(function(){
evetkapa();
setTimeout(function(){evetac();},500);
});
function acbiraz(){
$(".leftpenn").css({ backgroundPosition: "+=160px 0px" });
$(".rightpenn").css({ backgroundPosition: "-=160px 0px" });
}
function kapabiraz(){
$(".leftpenn").css({ backgroundPosition: "-=160px 0px" });
$(".rightpenn").css({ backgroundPosition: "+=160px 0px" });
}
function evetac(){
setTimeout(function(){acbiraz();},100);
setTimeout(function(){acbiraz();},200);
setTimeout(function(){acbiraz();},300);
setTimeout(function(){acbiraz();},400);
setTimeout(function(){acbiraz();},500);
setTimeout(function(){acbiraz();},600);
}
function evetkapa(){
setTimeout(function(){kapabiraz();},10);
setTimeout(function(){kapabiraz();},100);
setTimeout(function(){kapabiraz();},200);
setTimeout(function(){kapabiraz();},300);
setTimeout(function(){kapabiraz();},400);
setTimeout(function(){kapabiraz();},500);
}
</script>
</div>
<!--Telif Sahibi: www.koddostu.com-->
<!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Kod Dostu Retro İntro Kodu STOP-->Önizleme :
http://preview.koddostu.com/2013/02/oniz...niyor.html
İyi Forumlar.
Edit : Kodlar Eklenmeye Devam Edecektir.