Batuhan İndex

[Batuhann]

Yeni bir index kodldım hoş oldu gibi hatalar varsa söleyebilrsiniz..

demo:

Kod: Tümünü Seç Tümünü Kopyala

http://st.10tl.net/tema/batuhann/batuhanindex.html

CSS Kodu:

Kod: Tümünü Seç Tümünü Kopyala

body { background-image:url(http://i.hizliresim.com/oQbMqq.png);  background-repeat:no-repeat; background-size:cover;
background-attachment:fixed; background-position:center; -webkit-background-size:cover;
-moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; margin:0px; margin:auto auto;
}
#üst {
background-color:#d7d594; height:30px; box-shadow:0px 0px 8px #6b6b6b; -webkit-box-shadow:0px 0px 8px #6b6b6b; -o-box-shadow:0px 0px 8px #6b6b6b;
-ms-box-shadow:0px 0px 8px #6b6b6b; -moz-box-shadow:0px 0px 8px #6b6b6b;

}
#button {
background-color:#d7d594; padding:5px; margin-top:-30px; margin-left:850px; width:10%; color:#fff; border-radius:5px;
-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;
box-shadow: inset 0px 0px 5px #6b6b6b; -webkit-box-shadow: inset 0px 0px 5px #6b6b6b; -o-box-shadow: inset 0px 0px 5px #6b6b6b;
-ms-box-shadow: inset 0px 0px 5px #6b6b6b; -moz-box-shadow: inset 0px 0px 5px #6b6b6b; transition:all 0.5s;
}
#button:hover{
background-color:#45aced; padding:5px; margin-top:-30px; margin-left:850px; width:10%; color:#fff; border-radius:5px;
-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;
box-shadow: inset 0px 0px 5px #6b6b6b; -webkit-box-shadow: inset 0px 0px 5px #6b6b6b; -o-box-shadow: inset 0px 0px 5px #6b6b6b;
-ms-box-shadow: inset 0px 0px 5px #6b6b6b; -moz-box-shadow: inset 0px 0px 5px #6b6b6b; text-decoration:none;
}
#button a {
color:#fff; text-decoration:none;
}
#orta {
background-color:#f17878; padding:30px; text-align:center; margin-top:100px; width:300px; color:#fff;
box-shadow:0px 0px 5px #6b6b6b; -webkit-box-shadow:0px 0px 5px #6b6b6b; -o-box-shadow:0px 0px 5px #6b6b6b;
-ms-box-shadow:0px 0px 5px #6b6b6b; -moz-box-shadow:0px 0px 5px #6b6b6b;
}
#orta a {
color="#fff;
}
#yazı {
font-weight:bold; font-style:italic; color:#cc4242; margin:0 auto;
}
#yazı2 {
color:#fff;
}
#yazı2 a {
color:#fff; text-decoration:none;
}

HTML Kodu:

Kod: Tümünü Seç Tümünü Kopyala

<div id="üst">
<div id="yazı">Batuhann İndex</div>
</div>
<center><div id="button"><a href="grafox.10tl.net">Siteye git!</a></div><center>
<center><div id="orta">Batuhann İndex v3 ile karşınızda!Uzun süre sonra tekrar size<br>index kodladık
ve hoş oldu geliştirilicektir..<br>
Kodlama:<a href="http://destek.10tl.net/member.php?action=profile&uid=8620" title="MyBB Theme" id="yazı2">Batuhann</a></div></center>

[L34DRi]

Çok basit. Geliştirilmeli... Bir de sağ üstteki link hatalı başına http:// eklemelisiniz.

[Batuhann]

Deneme yaptım zaten..

[fuat97]

Bana hoş gibi geldi gelişirse super birşey çıkacağına zannediyorum

[Batuhann]

Teşekkürler 5 dakikamı aldı zaten..

[DarKRooM]

Zaten 5 dakikada olsa olsa bu kadar olur :).

[Batuhann]

Teşekkürler..