Yılbaşı İndex
- Konuyu başlatan S.C.K. TASARIM
- Başlangıç Tarihi
S.C.K. TASARIM
Üye
- Kayıt
- 27 Ekim 2012
- Mesaj
- 66
- Tepki
- 2
@shadow110
İngilizce hali buyrun.
İngilizce hali buyrun.
Kod:
<!doctype html>
<!--
Telif Hakları
// İndex: S.C.K. TASARIM
// Geri Sayım Aracı: Berk Öztoprak
// Siteye Giriş: Kod Dostu
// Telif Bölgesini silip silmemek sizin elinizde Silmesseniz İndexde gözükmez...
-->
<div class="arka">
<script src='http://yourjavascript.com/22470210191/snowstorm.js' type='text/javascript'></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/23115123206/jquery.lwtcountdown-1.0.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/21204166321/placeholder.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/24331112262/script.js" type="text/javascript"></script>
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link href="http://fonts.googleapis.com/css?family=Englebert" rel="stylesheet" type="text/css" />
<style type="text/css">
/****
Project Countdown Page
Design:Berk Oztoprak
Implementation:Kilitbilgi
*****/
.arka{
top:0px;left:0px;width:100%;height:100%;background:url('http://2.bp.blogspot.com/-Ladqe1SHT80/UMzNPlil_1I/AAAAAAAABsw/Ow1TaExxx84/s1600/2013-yilbasi-sck_05.png');
position:fixed;text-align:center;z-index:97000;
}
div#general{
margin:40px auto 0 auto;
width:970px;
height:400px;
border-top:none;
}
div#general div.counter_wrapper{
margin:0 auto;
width:750px;
padding-left:100px;
}
div#general div.counter_wrapper div.counter_bg{
background:url('http://2.bp.blogspot.com/-5ZL5mukFxk4/UNIpOLUWInI/AAAAAAAABvY/E7DlurgOSxg/s1600/ingcounter_bg.png') no-repeat;
padding-right:30px;
}
div#general div.counter_wrapper div.counter_week{
background-position:0 -3px;
width:110px;
height:143px;
display:inline-block;
margin:0 -20px 0 15px;
}
div#general div.counter_wrapper div.counter_day{
background-position:-116px -3px;
width:120px;
height:143px;
display:inline-block;
}
div#general div.counter_wrapper div.counter_hour{
background-position:-268px -3px;
width:115px;
height:143px;
display:inline-block;
}
div#general div.counter_wrapper div.counter_minute{
background-position:-409px -3px;
width:115px;
height:143px;
display:inline-block;
}
div#general div.counter_wrapper div.counter_second{
background-position:-550px -3px;
width:115px;
height:143px;
display:inline-block;
}
div#general div.counter_wrapper span.digit{
font-size:70px;
display:inline-block;
font-family: 'Englebert', sans-serif;
color:#ffffff;
float:left;
text-align: center;
}
div.weeks_dash{padding-left:23px;}
div.days_dash{padding-left:39px;}
div.hours_dash{padding-left:39px;}
div.minutes_dash{padding-left:39px;}
div.seconds_dash{padding-left:39px;}
</style>
<center>
<!-- Save for Web Slices (2013 index.psd) -->
<table id="Table_01" width="1024" height="404" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="http://1.bp.blogspot.com/-hNKoHdAeZNs/UMzNMMRlkHI/AAAAAAAABsU/CDt0OB8WGWQ/s1600/2013-yilbasi-sck_01.png" width="1024" height="362" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://2.bp.blogspot.com/-TGUIKzYnyRY/UMzNNGGqwnI/AAAAAAAABsY/XC4Y3If3v50/s1600/2013-yilbasi-sck_02.png" width="460" height="42" alt="" /></td>
<td>
<a href="javascript:void(0)" class="koddostubayrak4"><img src="http://1.bp.blogspot.com/-SDwDQnM3i5I/UMzNN9szE0I/AAAAAAAABsg/8SIchxdWAXQ/s1600/2013-yilbasi-sck_03.png" width="141" height="42" alt="" /></a></td>
<td>
<img src="http://3.bp.blogspot.com/-kZ3qYD_K_2w/UMzNOxxBAmI/AAAAAAAABso/F2kwFDdJeN0/s1600/2013-yilbasi-sck_04.png" width="423" height="42" alt="" /></td>
</tr>
</table>
<script>
$(".koddostubayrak4").click(function () {
$(".arka").fadeOut("slow");
});
</script>
<!-- End Save for Web Slices -->
</center>
<div id="general">
<div class="counter_wrapper" id="counter_start">
<div class="counter_bg counter_week">
<div class="dash weeks_dash"><span class="digit">0</span><span class="digit">0</span></div>
</div>
<div class="counter_bg counter_day">
<div class="dash days_dash"><span class="digit">0</span><span class="digit">0</span></div>
</div>
<div class="counter_bg counter_hour">
<div class="dash hours_dash"><span class="digit">0</span><span class="digit">0</span></div>
</div>
<div class="counter_bg counter_minute">
<div class="dash minutes_dash"><span class="digit">0</span><span class="digit">0</span></div>
</div>
<div class="counter_bg counter_second">
<div class="dash seconds_dash"><span class="digit">0</span><span class="digit">0</span></div>
</div>
</div>
</div>
</div></!doctype>S.C.K. TASARIM
Üye
- Kayıt
- 27 Ekim 2012
- Mesaj
- 66
- Tepki
- 2
@shadow110
Önemli değil
Blogunuzun adresinide öm olark yollarsanız memnun kalırım.
Buda kodunuz
Önemli değil
Blogunuzun adresinide öm olark yollarsanız memnun kalırım.
Buda kodunuz
Kod:
<!doctype html>
<!--
Telif Hakları
// İndex: S.C.K. TASARIM
// Geri Sayım Aracı: Berk Öztoprak
// Siteye Giriş: Kod Dostu
// Telif Bölgesini silip silmemek sizin elinizde Silmesseniz İndexde gözükmez...
-->
<div class="arka">
<script src='http://yourjavascript.com/22470210191/snowstorm.js' type='text/javascript'></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/23115123206/jquery.lwtcountdown-1.0.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/21204166321/placeholder.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/24331112262/script.js" type="text/javascript"></script>
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link href="http://fonts.googleapis.com/css?family=Englebert" rel="stylesheet" type="text/css" />
<style type="text/css">
/****
Project Countdown Page
Design:Berk Oztoprak
Implementation:Kilitbilgi
*****/
.arka{
top:0px;left:0px;width:100%;height:100%;background:url('http://2.bp.blogspot.com/-Ladqe1SHT80/UMzNPlil_1I/AAAAAAAABsw/Ow1TaExxx84/s1600/2013-yilbasi-sck_05.png');
position:fixed;text-align:center;z-index:97000;
}
div#general{
margin:40px auto 0 auto;
width:970px;
height:400px;
border-top:none;
}
div#general div.counter_wrapper{
margin:0 auto;
width:750px;
padding-left:100px;
}
div#general div.counter_wrapper div.counter_bg{
background:url('http://2.bp.blogspot.com/-5ZL5mukFxk4/UNIpOLUWInI/AAAAAAAABvY/E7DlurgOSxg/s1600/ingcounter_bg.png') no-repeat;
padding-right:30px;
}
div#general div.counter_wrapper div.counter_week{
background-position:0 -3px;
width:110px;
height:143px;
display:inline-block;
margin:0 -20px 0 15px;
}
div#general div.counter_wrapper div.counter_day{
background-position:-116px -3px;
width:120px;
height:143px;
display:inline-block;
}
div#general div.counter_wrapper div.counter_hour{
background-position:-268px -3px;
width:115px;
height:143px;
display:inline-block;
}
div#general div.counter_wrapper div.counter_minute{
background-position:-409px -3px;
width:115px;
height:143px;
display:inline-block;
}
div#general div.counter_wrapper div.counter_second{
background-position:-550px -3px;
width:115px;
height:143px;
display:inline-block;
}
div#general div.counter_wrapper span.digit{
font-size:70px;
display:inline-block;
font-family: 'Englebert', sans-serif;
color:#ffffff;
float:left;
text-align: center;
}
div.weeks_dash{padding-left:23px;}
div.days_dash{padding-left:39px;}
div.hours_dash{padding-left:39px;}
div.minutes_dash{padding-left:39px;}
div.seconds_dash{padding-left:39px;}
</style>
<center>
<!-- Save for Web Slices (2013 index.psd) -->
<table id="Table_01" width="1024" height="404" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="http://1.bp.blogspot.com/-hNKoHdAeZNs/UMzNMMRlkHI/AAAAAAAABsU/CDt0OB8WGWQ/s1600/2013-yilbasi-sck_01.png" width="1024" height="362" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://2.bp.blogspot.com/-TGUIKzYnyRY/UMzNNGGqwnI/AAAAAAAABsY/XC4Y3If3v50/s1600/2013-yilbasi-sck_02.png" width="460" height="42" alt="" /></td>
<td>
<a href="javascript:void(0)" class="koddostubayrak4"><img src="http://2.bp.blogspot.com/-7i5gpvMkFVs/UNLNKmY7BSI/AAAAAAAABwI/SW4IQuVUs4k/s1600/2013-yilbasi-sck_03.png" width="141" height="42" alt="" /></a></td>
<td>
<img src="http://3.bp.blogspot.com/-kZ3qYD_K_2w/UMzNOxxBAmI/AAAAAAAABso/F2kwFDdJeN0/s1600/2013-yilbasi-sck_04.png" width="423" height="42" alt="" /></td>
</tr>
</table>
<script>
$(".koddostubayrak4").click(function () {
$(".arka").fadeOut("slow");
});
</script>
<!-- End Save for Web Slices -->
</center>
<div id="general">
<div class="counter_wrapper" id="counter_start">
<div class="counter_bg counter_week">
<div class="dash weeks_dash"><span class="digit">0</span><span class="digit">0</span></div>
</div>
<div class="counter_bg counter_day">
<div class="dash days_dash"><span class="digit">0</span><span class="digit">0</span></div>
</div>
<div class="counter_bg counter_hour">
<div class="dash hours_dash"><span class="digit">0</span><span class="digit">0</span></div>
</div>
<div class="counter_bg counter_minute">
<div class="dash minutes_dash"><span class="digit">0</span><span class="digit">0</span></div>
</div>
<div class="counter_bg counter_second">
<div class="dash seconds_dash"><span class="digit">0</span><span class="digit">0</span></div>
</div>
</div>
</div>
</div></!doctype>