Yılbaşı İndex

S.C.K. TASARIM · 10 Aralık 2012

Merhabalar

Yılbaşı geliyor bir tane index patlatalım dedim

ve patladı

Tasarımı basit ama şık olan bu indexi size ücretsiz olarak sunuyorum.... İndexde farklı olan sadece tasarım dışında biraz kodlama var. Kodlamada beni zorlıyacak olan geri sayım aracıydı bunuda internetten buldum ve Berk Öztoprağa teşekkür ediyorum... (Telif bölegesine eklenmiştir) Bu kadar yazıdan sonra önizleme vermeliyim dİye düşünüp dosyayıda paylaşıyım...

İndir

Kod:

https://hotfile.com/dl/183579333/20388ef/YILBAI_NDEX_SCK.rar.html

Kod:

ŞİFRE:SCKTASARIM

shadow110 · 15 Aralık 2012

@S.C.K. TASARIM

bu konuda acemiyim meraktan başladım yoksa bi bildiğim yok

bunu bloggera nasıl yüklerim

S.C.K. TASARIM · 15 Aralık 2012

Bloggerde ftp sistemi yok bu yüzden dosyları atıcak yerimizde yok :S

shadow110 · 15 Aralık 2012

@S.C.K. TASARIM

peki böle geri sayımlı başka bişey yapılabilir mi

S.C.K. TASARIM · 15 Aralık 2012

@shadow110
Yapılamaz diye birşey yoktur bende

sadece bilmediğim vardır.....
Ben indexin tüm resimlarini upload ederim jsleri,ni upload ederim bloogerde ayrı sayfa oluşturmadan html bölmüne eklenir olur biter ben uğraşıyorum şimdi.

Not: Herşey tamamlandı Blogger eklenmek için hazırlanıyor.....

shadow110 · 16 Aralık 2012

@S.C.K. TASARIM

teşekkürler. yaptıkdan sonra basit ve ayrıntılı bi şekilde anlatır mısınız. çünkü bilmediğim şeyler bunlar meraktan başladım artık öğrene öğrene bişeyler yapcam

S.C.K. TASARIM · 18 Aralık 2012

@shadow110

İndexi bloggere eklemeyi başardım.
demo site

HTML:

http://tema2sck.blogspot.com/

Kodlarıda yarın ekliyeceğim.....

shadow110 · 18 Aralık 2012

@S.C.K. TASARIM

ne diyim ben sana ya :clap2: ellerine sağlık, allah razı olsun, çok güzel olmuş. kodları bekliom

shadow110 · 18 Aralık 2012

@S.C.K. TASARIM

ayrıca son bi isteğim var .. bloggerımı ingilizce yapcam ortadaki siteye giriş yazısını ve sayaçdaki hafat ,gün,saat... yazılarını ingilizce yapabilir misiniz , kusura bakmayın şimdi farkettim :S benim için çok önemli

S.C.K. TASARIM · 19 Aralık 2012

@shadow110

hıımmm ben psd dosyasını bulıyım ayarlarım biraz bekleyin bu arada interntte sorun yaşıyorum ttnet yektililerine durumu haberdar ettim ilgilenicekler buyüzden sizle itibaratım kesile bilir ben buradan kodu veriyim....

gadget bölümne html kod bölümne eklersin.

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://1.bp.blogspot.com/-opsI4-ExjMg/UMzNQf0t8hI/AAAAAAAABs4/pVupfSSg4H8/s1600/counter_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>

Yılbaşı İndex

S.C.K. TASARIM

Üye

shadow110

Üye

S.C.K. TASARIM

Üye

shadow110

Üye

S.C.K. TASARIM

Üye

shadow110

Üye

S.C.K. TASARIM

Üye

shadow110

Üye

shadow110

Üye

S.C.K. TASARIM

Üye