CSS3 Pul Efektli Reklam İntrosu HTML Kodu

Koddostu olarak sizler için hazırladığımız hoş bir css3 efektini kullanan bu reklam kodu sayfanızı hem yavaşlatmayacak, hem de ziyaretçilerinize sayfa yüklendiğinde seçtiğiniz bir reklamı gösterecek.

Kod içerisindeki http://1.bp.blogspot.com/-AFp5EylRh2U/UGXA
DAjrtfI/AAAAAAAAOEw/YR9j9AU0KF8/s1600/reklamresmi.gif linki yerine kendi reklam resminizin linkini yerleştirin.

Kod içerisindeki http://www.koddostu.com yerine, reklama tıklandığında açılacak adresi yazın.

Önizlemeyi Görmek İçin Tıklayın

<style>#kd-c{display:block;position:fixed;z-index:27;top:0;left:0;width:0;height:0;font-size:0;overflow:hidden}.kd-d{min-width:100%;min-height:100%}#kd-m{position:absolute;z-index:1;top:100px;left:50%;margin-left:-280px;width:560px;min-height:300px;color:#fff;font-family:Arial,sans-serif;font-weight:400;font-size:22px;text-align:center;opacity:0}.kd-d #kd-m{transition:opacity 2s 1s ease-in;-webkit-transition:opacity 2s 1s ease-in;-o-transition:opacity 2s 1s ease-in;-moz-transition:opacity 2s 1s ease-in;opacity:1!important}#kd-m a:hover{cursor:pointer}#kd-r{display:block;margin:20px auto}.kc{font-size:13px;display:inline-block;width:12.5%;background:0 0;transform:skew(12deg,-12deg) rotate(30deg);-webkit-transform:skew(12deg,-12deg) rotate(30deg);-moz-transform:skew(12deg,-12deg) rotate(30deg);-o-transform:skew(12deg,-12deg) rotate(30deg);transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;height:25%;transition:transform ease-in .5s,background ease-in .5s,box-shadow ease-in .5s;-webkit-transition:-webkit-transform ease-in .5s,background ease-in .5s,box-shadow ease-in .5s;-o-transition:-o-transform ease-in .5s,background ease-in .5s,box-shadow ease-in .5s;-moz-transition:-moz-transform ease-in .5s,background ease-in .5s,box-shadow ease-in .5s}#kd-m img{border:none}.kd-d .kc{background:#213;transform:skew(0deg,0deg) rotate(0deg);-webkit-transform:skew(0deg,0deg) rotate(0deg);-moz-transform:skew(0deg,0deg) rotate(0deg);-o-transform:skew(0deg,0deg) rotate(0deg)}.kd2c[alt="1"]{-webkit-transition-delay:.3s;transition-delay:.3s;-o-transition-delay:.3s;-moz-transition-delay:.3s}.kd2c[alt="2"]{-webkit-transition-delay:.35s;transition-delay:.35s;-o-transition-delay:.35s;-moz-transition-delay:.35s}.kd2c[alt="3"]{-webkit-transition-delay:.4s;transition-delay:.4s;-o-transition-delay:.4s;-moz-transition-delay:.4s}.kd2c[alt="4"]{-webkit-transition-delay:.45s;transition-delay:.45s;-o-transition-delay:.45s;-moz-transition-delay:.45s}.kd2c[alt="5"]{-webkit-transition-delay:.55s;transition-delay:.55s;-o-transition-delay:.55s;-moz-transition-delay:.55s}.kd2c[alt="6"]{-webkit-transition-delay:.6s;transition-delay:.6s;-o-transition-delay:.6s;-moz-transition-delay:.6s}.kd2c[alt="7"]{-webkit-transition-delay:.65s;transition-delay:.65s;-o-transition-delay:.65s;-moz-transition-delay:.65s}.kd2c[alt="8"]{-webkit-transition-delay:.7s;transition-delay:.7s;-o-transition-delay:.7s;-moz-transition-delay:.7s}.kd3c[alt="1"]{-webkit-transition-delay:.4s;transition-delay:.4s;-o-transition-delay:.4s;-moz-transition-delay:.4s}.kd3c[alt="2"]{-webkit-transition-delay:.45s;transition-delay:.45s;-o-transition-delay:.45s;-moz-transition-delay:.45s}.kd3c[alt="3"]{-webkit-transition-delay:.5s;transition-delay:.5s;-o-transition-delay:.5s;-moz-transition-delay:.5s}.kd3c[alt="4"]{-webkit-transition-delay:.55s;transition-delay:.55s;-o-transition-delay:.55s;-moz-transition-delay:.55s}.kd3c[alt="5"]{-webkit-transition-delay:.65s;transition-delay:.65s;-o-transition-delay:.65s;-moz-transition-delay:.65s}.kd3c[alt="6"]{-webkit-transition-delay:.7s;transition-delay:.7s;-o-transition-delay:.7s;-moz-transition-delay:.7s}.kd3c[alt="7"]{-webkit-transition-delay:.75s;transition-delay:.75s;-o-transition-delay:.75s;-moz-transition-delay:.75s}.kd3c[alt="8"]{-webkit-transition-delay:.8s;transition-delay:.8s;-o-transition-delay:.8s;-moz-transition-delay:.8s}.kd4c[alt="1"]{-webkit-transition-delay:.5s;transition-delay:.5s;-o-transition-delay:.5s;-moz-transition-delay:.5s}.kd4c[alt="2"]{-webkit-transition-delay:.55s;transition-delay:.55s;-o-transition-delay:.55s;-moz-transition-delay:.55s}.kd4c[alt="3"]{-webkit-transition-delay:.6s;transition-delay:.6s;-o-transition-delay:.6s;-moz-transition-delay:.6s}.kd4c[alt="4"]{-webkit-transition-delay:.65s;transition-delay:.65s;-o-transition-delay:.65s;-moz-transition-delay:.65s}.kd4c[alt="5"]{-webkit-transition-delay:.75s;transition-delay:.75s;-o-transition-delay:.75s;-moz-transition-delay:.75s}.kd4c[alt="6"]{-webkit-transition-delay:.8s;transition-delay:.8s;-o-transition-delay:.8s;-moz-transition-delay:.8s}.kd4c[alt="7"]{-webkit-transition-delay:.85s;transition-delay:.85s;-o-transition-delay:.85s;-moz-transition-delay:.85s}.kd4c[alt="8"]{-webkit-transition-delay:.9s;transition-delay:.9s;-o-transition-delay:.9s;-moz-transition-delay:.9s}.kd5c[alt="1"]{-webkit-transition-delay:.6s;transition-delay:.6s;-o-transition-delay:.6s;-moz-transition-delay:.6s}.kd5c[alt="2"]{-webkit-transition-delay:.65s;transition-delay:.65s;-o-transition-delay:.65s;-moz-transition-delay:.65s}.kd5c[alt="3"]{-webkit-transition-delay:.7s;transition-delay:.7s;-o-transition-delay:.7s;-moz-transition-delay:.7s}.kd5c[alt="4"]{-webkit-transition-delay:.75s;transition-delay:.75s;-o-transition-delay:.75s;-moz-transition-delay:.75s}.kd5c[alt="5"]{-webkit-transition-delay:.85s;transition-delay:.85s;-o-transition-delay:.85s;-moz-transition-delay:.85s}.kd5c[alt="6"]{-webkit-transition-delay:.9s;transition-delay:.9s;-o-transition-delay:.9s;-moz-transition-delay:.9s}.kd5c[alt="7"]{-webkit-transition-delay:.95s;transition-delay:.95s;-o-transition-delay:.95s;-moz-transition-delay:.95s}.kd5c[alt="8"]{-webkit-transition-delay:1s;transition-delay:1s;-o-transition-delay:1s;-moz-transition-delay:1s}</style><div id="kd-c"><div id="kd-m"><a onclick="document.getElementById('kd-c').className=''">Reklamı Kapatmak İçin Buraya Tıklayın</a>

</a></div> <div class="kc kd2c" alt="1"></div> <div class="kc kd2c" alt="2"></div> <div class="kc kd2c" alt="3"></div> <div class="kc kd2c" alt="4"></div> <div class="kc kd2c" alt="5"></div> <div class="kc kd2c" alt="6"></div> <div class="kc kd2c" alt="7"></div> <div class="kc kd2c" alt="8"></div> <div class="kc kd3c" alt="1"></div> <div class="kc kd3c" alt="2"></div> <div class="kc kd3c" alt="3"></div> <div class="kc kd3c" alt="4"></div> <div class="kc kd3c" alt="5"></div> <div class="kc kd3c" alt="6"></div> <div class="kc kd3c" alt="7"></div> <div class="kc kd3c" alt="8"></div> <div class="kc kd4c" alt="1"></div> <div class="kc kd4c" alt="2"></div> <div class="kc kd4c" alt="3"></div> <div class="kc kd4c" alt="4"></div> <div class="kc kd4c" alt="5"></div> <div class="kc kd4c" alt="6"></div> <div class="kc kd4c" alt="7"></div> <div class="kc kd4c" alt="8"></div> <div class="kc kd5c" alt="1"></div> <div class="kc kd5c" alt="2"></div> <div class="kc kd5c" alt="3"></div> <div class="kc kd5c" alt="4"></div> <div class="kc kd5c" alt="5"></div> <div class="kc kd5c" alt="6"></div> <div class="kc kd5c" alt="7"></div> <div class="kc kd5c" alt="8"></div></div><script>function kdosturek(){setTimeout(function(){document.getElementById('kd-c').className='kd-d';}, 1000);}kdosturek();window.onload=kdosturek;</script>

Nasıl ekleyeceğinizi öğrenmek için,sitenizi oluştururken kullandığınız platformu seçin: