AnasayfaAramaÜye ListesiKayıt OlGiriş yap
Son Konular
Konu
Tarih
Yazan
Murat Boz Fan sitesi açıldı
Yetkin Forum,Forumunuzu Googleye Nasıl Eklersiniz ?(VİDEOLU+SESLİ ANLATIM)
Renk Seçiciyi Değiştirmek ( Modellersiz )
Yetkin Forum Altın ve Para Sisteminin Kurlumu(VİDEOLU+SESLİ)
Alıntı Bölümünü Küçültme Mouse İle Üstüne Gelince Büyültme
Code-Quote Box - [Noise]
Profil Bilgilerin Üstüne Kişisel Bilgi Eklemek( VİDEOLU + SESLİ ANLATIM )
Değişik Bir Profil (Modellersiz)
Forumun Genel Staffı
İstanbul Kıyamet Vakti
Çarş. Tem. 04, 2012 2:21 pm
Çarş. Tem. 04, 2012 2:17 pm
Çarş. Tem. 04, 2012 2:15 pm
Çarş. Tem. 04, 2012 1:28 pm
Çarş. Tem. 04, 2012 1:23 pm
Çarş. Tem. 04, 2012 1:22 pm
Çarş. Tem. 04, 2012 1:14 pm
Çarş. Tem. 04, 2012 12:43 pm
Çarş. Ekim 26, 2011 2:15 pm
Cuma Eyl. 16, 2011 9:29 am
Unnamed
Unnamed
Unnamed
Unnamed
Unnamed
Unnamed
Unnamed
Unnamed
stellina.
eVa

Paylaş|

Menu with CSS3

Önceki başlık Sonraki başlık Aşağa gitmek
YazarMesaj
redyy'~
Yönetici
Yönetici
avatar
<b>Mesaj Sayısı</b> Mesaj Sayısı : 44
<b>Tecrübe Puanı</b> Tecrübe Puanı : 78
<b>+Rep Puanı</b> +Rep Puanı : 0
<b>Kayıt tarihi</b> Kayıt tarihi : 04/09/10
MesajKonu: Menu with CSS3 Salı Ağus. 23, 2011 3:20 pm

Menu with CSS3

Merhaba, sizlere CSS3 Menü sunuyorum, bu menü gerçekten bizi daha hızlı, forum, web sitesi gezinmek için dikkatlice takip edebilirsiniz

Önizleme:http://www.photodsgn.com/h6-menu-css


Yapmaniz gereken adimlar

1.CSS
Yönetim Paneli >Renkler >CSS
Kod:



.navbox {
position: relative;
float: left;
}

ul.nav {
list-style: none;
display: block;
width: 200px;
position: relative;
top: 100px;
left: 10px;
padding: 60px 0 60px 0;
background: url(http://i60.servimg.com/u/f60/15/90/76/08/shad210.png) no-repeat;
-webkit-background-size: 50% 100%;
}


li {
margin: 5px 0 0 0;
}

ul.nav li a {
-webkit-transition: all 0.3s ease-out;
background: #cbcbcb url(http://i60.servimg.com/u/f60/15/90/76/08/border10.png) no-repeat;
color: #174867;
padding: 7px 15px 7px 15px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
width: 100px;
display: block;
text-decoration: none;
-webkit-box-shadow: 2px 2px 4px #888;
}

ul.nav li a:hover {
background: #ebebeb url(http://i60.servimg.com/u/f60/15/90/76/08/border10.png) no-repeat;
color: #67a5cd;
padding: 7px 15px 7px 30px;
}




2.HTML



Kod:

<div class="navbox">
<ul class="nav">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>

alintidir. Wink




Sayfa başına dön Aşağa gitmek
stellina.
Yönetici
Yönetici
avatar
<b>Mesaj Sayısı</b> Mesaj Sayısı : 214
<b>Tecrübe Puanı</b> Tecrübe Puanı : 280
<b>+Rep Puanı</b> +Rep Puanı : 3
<b>Kayıt tarihi</b> Kayıt tarihi : 15/08/11
MesajKonu: Geri: Menu with CSS3 Salı Ağus. 23, 2011 4:18 pm

harika, teşekkürler.


myphotoblog.<3
Sayfa başına dön Aşağa gitmek
KoRkUsUz
Banned
Banned
avatar
<b>Mesaj Sayısı</b> Mesaj Sayısı : 163
<b>Tecrübe Puanı</b> Tecrübe Puanı : 240
<b>+Rep Puanı</b> +Rep Puanı : 1
<b>Kayıt tarihi</b> Kayıt tarihi : 20/08/11
MesajKonu: Geri: Menu with CSS3 Salı Ağus. 23, 2011 4:41 pm

Stili hoşuma gitmesede kodun temeli hoş Smile
Sayfa başına dön Aşağa gitmek
!Spectra Phantom!
Genel moderatör
Genel moderatör
avatar
<b>Mesaj Sayısı</b> Mesaj Sayısı : 167
<b>Tecrübe Puanı</b> Tecrübe Puanı : 183
<b>+Rep Puanı</b> +Rep Puanı : 2
<b>Kayıt tarihi</b> Kayıt tarihi : 18/08/11
<b>Nerden</b> Nerden : Trabzon
MesajKonu: Geri: Menu with CSS3 Salı Ağus. 23, 2011 4:50 pm

Teşkürler İyi Kodmuş...





Konunuz Çözüldüğü Zaman Konunun İkonunu Olarak Değiştirin.Nasıl Değiştirilir:İlk Mesajdaki Değiştire Tıklayın İkonu Olarak Değiştirin.
Sayfa başına dön Aşağa gitmek
http://futbolkeyfi.forum.st

Menu with CSS3

Önceki başlık Sonraki başlık Sayfa başına dön
1 sayfadaki 1 sayfası
Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Secret World :: Webmaster :: İşinize yarayacak şeyler. :: CSS Kodları-