Yılbaşı İndex

shadow110

Üye
Kayıt
15 Aralık 2012
Mesaj
8
Tepki
0
@S.C.K. TASARIM

inanki çok teşekkür ederim. tmm bekliom sizden haber :)
 
Kayıt
27 Ekim 2012
Mesaj
66
Tepki
2
@shadow110

İ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>
 
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

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>
 

shadow110

Üye
Kayıt
15 Aralık 2012
Mesaj
8
Tepki
0
@S.C.K. TASARIM

TEŞEEKKÜÜRLERRR :D gerçekten çok yardımcı oldunuz sizin gibiler kaldı mı bu dünyada ;) şu an deneme süreçindeyim herşey tamamlanınca atarım
 
Yukarı Alt