Sitene Windows 8 Başlangıç İntro Kodu!!!

Kod Dostu'ndan bir ilk daha! Sitenize Metro arayüzünü getirmek artık mümkün! Metro arayüzlü intro sayesinde ziyaretçilerinize sitenize girişlerinde windows 8 temalı bir intro ekranı sunabilir, Windows 8 deneyimini yaşamalarını sağlayabilirsiniz! Hoş geçiş efektiyle windows 8 temalı giriş ekranı tam size göre!

Kod içerisindeki www.koddostu.com kısımlarını değiştirerek kendi sitenize uyarlayabilirsiniz.

<script src="http://code.jquery.com/jquery-latest.js"></script>
<!DOCTYPE HTML><style type="text/css">div.koddostu-win8{position:fixed;z-index:999900;}div.windows8-koddostu{top:0px;left:0px;width:100%;height:100%;background:#098736 url(http://th09.deviantart.net/fs70/PRE/i/2012/065/5/f/windows_8_start_background_by_vin8it-d4rw3ni.jpg) no-repeat top left;background-size:100% 100%;min-width:900px;min-height:600px;}</style><style type="text/css">div.koddostu-win8{_position:absolute;}div.windows8-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style>
<div class="koddostu-win8 windows8-koddostu">
<a style="position:absolute;top:20px;left:100px;font-family:MS Sans Serif, Geneva, sans-serif;font-size:50px;font-weight:normal;color:#f8f8f8;text-shadow: 0 0 3px #ffffff;">Başlangıç</a>
<a href="http://www.koddostu.com" class="homnomnom" style="position:absolute;top:120px;left:100px;display:block;width:31%;max-width:367px;height:135px;border:1px solid #b43051;background:#b41b43 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyawKqjn_o87uZKS1RjibQSIi4kCqEQHqNAOfldXImNDAf5wKirfWIMnz7ld5pU-Y632lnjL_E8S21zq4eiyn0gZwI1bkj-QI2gfLSJUcPonPVdA2_b3ZkqHBZ3_LLu-UylV7FwUyGm9FB/s1600/capture-20121125-133653.png) no-repeat center center;"></a>
<a href="http://www.koddostu.com" class="mosmors" style="position:absolute;top:410px;left:100px;display:block;width:31%;max-width:367px;height:135px;background:#5233ab url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifRb-lMTu5xNTt2l5ojrKzbLkoTufJG3pAO-mb7I4Lpd6YCkIQDiEwxPL8ixIEiO2P6MAB9ynKl2IoqSV-b63ZMEJgVQsrLDOHLDDRF2E7EY63XdYW9gj8fRDMcfFk8FCJJuQS4ITkcBvn/s1600/SDsd-20121125-143311.png) no-repeat center center;border:1px solid #7453c6"></a>
<a href="http://www.koddostu.com" class="tuprss" style="position:absolute;top:410px;left:43%;display:block;width:31%;max-width:367px;height:135px;background:#fd9f13 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVZsoeyiMRsK2Kgf0GB6pV1QU6TQzMcaT52vXtypZ81-UK4I3s2BJaG-aLKvq9hOwB1DQhME51S6WGxja86gsv3BwYLk6g68afV2uM-xp4C-pWPRJS1CJSuNXfTe7qmsqZ9q35VmnoNVs4/s1600/Web-RSS-Feed-Metro-icon.png) no-repeat center center;border:1px solid #df912d"></a>
<div style="position:absolute;top:120px;left:43%;width:31%;height:135px;max-width:367px;"><a class="istatustok" href="http://www.koddostu.com" style="position:absolute;top:0px;left:0px;display:block;width:48%;height:135px;background:#59b40e url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7O6T8GWSzS_cMC8TXzNj1Bxal-PfRBJ6PH_esfmWSM2SdOagB3vDNAqSwACAWOC3AI0v79XgiNGilLm8dSIJzaaq0WNEFUf4U6pCBt0_J-c4aNDajrReVyiLfpMX-6hbDZNv8L7wYb2QM/s1600/capture-20121125-141430.png) no-repeat center center;border:1px solid #64b624"></a>
<a href="http://www.koddostu.com" class="iletusam" style="position:absolute;top:0px;right:0px;display:block;width:48%;height:135px;border:1px solid #18b3df;background:#1ba1e2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvifQHx8MMNZ4zlVw90UlE-vyMa-eVQ7U0KxSK_uWfipm5V9c2d2g2-Y5ZWpt6sgzv0hg7k9i6tsMKgehhBwuvkBGW2Rp8iKInj9alnB43nhvUENckP0sNf4kKCYWW8-18Rr-pZHOWSkZ8/s1600/Apps-Email-Chat-Metro-icon.png) no-repeat center center;"></a></div>
<div style="position:absolute;top:265px;left:100px;width:31%;height:135px;max-width:367px;"><a class="malmiyimm" href="http://facebook.com/koddostu" style="position:absolute;top:0px;left:0px;display:block;width:48%;height:135px;background:#3a5897 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKcZUNEv5wbgB3fPDN0BEiaBRMSltuTgbt-KqA70O1bqkYgC8mZesq1BNa-nbNoHo_b8Gyq47v_raINi4KehLtIaHTMacJmVCb5atCBD8G0nd1QeXLTLZUBhFUWXKWEperHM4vHShyY_K-/s1600/Web-Facebook-alt-2-Metro-icon.png) no-repeat center center;border:1px solid #4b69a8"></a>
<a href="http://www.koddostu.com" class="bilejean" style="position:absolute;top:0px;right:0px;display:block;width:48%;height:135px;background:#00acda url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFX2ayXIE4MANdSz6npoxf223EQBZtNIQqf7QLec-cZEsoelhRpkT4bqbP6F4FWbV2UJG_APmMRj9e_24oHgnUONcYcb9BWRDkEUmgCpwpvUMHGkCzb3748N0bG6dskXQMhIyz0dUCKp63/s1600/Apps-Expose-Metro-icon.png) no-repeat center center;border:1px solid #18b3df"></a>
</div>
<a href="https://plus.google.com/102683206883544741828/posts" class="koddostugleplus" style="position:absolute;top:265px;left:43%;display:block;width:31%;max-width:367px;height:135px;background:#d64136 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-RqtQWD1iABN2Ptv6KaLw2Hp-uOPaO3OGU_XtfV5gX4gJl7WlK8Tni7Fq8ipKoHl6ZyRF-w08EEN7hXxbrKUKFlVB0cu6qTbf8hUhqru3rKpH-xfvc3T4vZGP-Vmjxn44BjpSZkY_D8RV/s1600/Web-Google-plus-Metro-icon.png) no-repeat center center;border:1px solid #d13c5a"></a>
</div>

/*KOD DOSTU WINDOWS8 SCRIPT STOP READY*/
/*script koddostu.com tarafından oluşturulmuştur*/
/*KOD DOSTU WINDOWS8 SCRIPT STOP READY*/
<script>
/*KOD DOSTU WINDOWS8 SCRIPT STOP READY*/
/*yuppiiii*/
/*KOD DOSTU WINDOWS8 SCRIPT STOP READY*/

$(".homnomnom").click(function(){
  $(".homnomnom").animate({
    zIndex: "999999999"
  }, 100 );
  $(".homnomnom").animate({
    zIndex: "999999999",
    opacity: 0.9,
    maxWidth: "100%",
    width: "100%",
    height: "100%",
    top: "0px",
    left: "0px",
  }, 900 );
});
$(".mosmors").click(function(){
  $(".mosmors").animate({
    zIndex: "999999999"
  }, 100 );
  $(".mosmors").animate({
    zIndex: "999999999",
    opacity: 0.9,
    maxWidth: "100%",
    width: "100%",
    height: "100%",
    top: "0px",
    left: "0px",
  }, 900 );
});

$(".tuprss").click(function(){
  $(".tuprss").animate({
    zIndex: "999999999"
  }, 100 );
  $(".tuprss").animate({
    zIndex: "999999999",
    opacity: 0.9,
    maxWidth: "100%",
    width: "100%",
    height: "100%",
    top: "0px",
    left: "0px",
  }, 900 );
});

$(".koddostugleplus").click(function(){
  $(".koddostugleplus").animate({
    zIndex: "999999999"
  }, 100 );
  $(".koddostugleplus").animate({
    zIndex: "999999999",
    opacity: 0.9,
    maxWidth: "100%",
    width: "100%",
    height: "100%",
    top: "0px",
    left: "0px",
  }, 900 );
});
$(".iletusam").click(function(){
  $(".iletusam").animate({
    zIndex: "999999999"
  }, 100 );
  $(".iletusam").animate({
    zIndex: "999999999",
    opacity: 0.9,
    maxWidth: "405%",
    width: "405%",
    height: "850px",
    top: "-150px",
    left: "-180%",
  }, 900 );
});

$(".istatustok").click(function(){
  $(".istatustok").animate({
    zIndex: "999999999"
  }, 100 );
  $(".istatustok").animate({
    zIndex: "999999999",
    opacity: 0.9,
    maxWidth: "405%",
    width: "405%",
    height: "850px",
    top: "-150px",
    left: "-180%",
  }, 900 );
});
$(".malmiyimm").click(function(){
  $(".malmiyimm").animate({
    zIndex: "999999999"
  }, 100 );
  $(".malmiyimm").animate({
    zIndex: "999999999",
    opacity: 0.9,
    maxWidth: "420%",
    width: "420%",
    height: "850px",
    top: "-300px",
    left: "-50%",
  }, 900 );
});
$(".bilejean").click(function(){
  $(".bilejean").animate({
    zIndex: "999999999"
  }, 100 );
  $(".bilejean").animate({
    zIndex: "999999999",
    opacity: 0.9,
    maxWidth: "500%",
    width: "500%",
    height: "850px",
    top: "-300px",
    left: "-100%",
  }, 900 );
});
/*KOD DOSTU WINDOWS8 SCRIPT STOP READY*/
/*script koddostu.com tarafından oluşturulmuştur*/
/*KOD DOSTU WINDOWS8 SCRIPT STOP READY*/
</script>
/*KOD DOSTU WINDOWS8 SCRIPT STOP READY*/

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