Html - Css - Eglence - Ve Fazlası




 
AnasayfaKayıt OlGiriş yap

Paylaş | 
 

 Dikey Resimli Css MeNü

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
¨FıRLaMa_GénǨ
Moderatör
Moderatör
avatar

Mesaj Sayısı Mesaj Sayısı : 6
Rep Gücü Rep Gücü : 0
Doğum tarihi Doğum tarihi : 19/04/94
Kayıt tarihi Kayıt tarihi : 02/04/10
Nerden Nerden : Evdeen :D
Ruh Hali Ruh Hali :

MesajKonu: Dikey Resimli Css MeNü   C.tesi 3 Nis. 2010 - 10:16

Dikey Resimli Css MeNü

[Resimleri görebilmek için üye olun veya giriş yapın.]
HTML KODU
Kod:
<ul class="menu"> <!-- Menu Begin  -->

<li> 
    <a href="http://www.cssornekleri.com/menu/liste"> <img src="user.png" alt="user.png">
    <span class="name">Ana Sayfa</span>
    <span class="description">açıklama alanı gelecek</span>
    </a>
</li>

<li>
    <a href="http://www.cssornekleri.com/menu/liste"> <img src="comment.png" alt="comment.png">
    <span class="name">Hakkımızda</span>
    <span class="description">açıklama alanı gelecek</span>
    </a>
</li>

<li>
    <a href="http://www.cssornekleri.com/menu/liste"> <img src="print.png" alt="print.png">
    <span class="name">Referanslar</span>
    <span class="description">açıklama alanı gelecek</span>
    </a>
</li>

<li>
    <a href="http://www.cssornekleri.com/menu/liste"> <img src="edit.png" alt="edit.png">
    <span class="name">Hizmetlerimiz</span>
    <span class="description">açıklama alanı gelecek</span>
    </a>
</li>


</ul> <!-- Menu End -->



CSS KODU
Kod:
<style type="text/css">
.menu , .menu ul {
    width:202px;
    margin:auto;
    padding:5px;
    list-style-type: none;
    overflow:hidden;
    border:1px solid #eee;
}
.menu li {
    float:left;
    position:relative;
}
.menu li img {
    float:left;
    margin: 5px 0 0 5px;
    border:none;
}
.menu li a .name {
    float:left;
    width:166px;
    margin:0 0 0 5px;
    font-weight:bold;
    font-size:0.7em;
    cursor:pointer;
}
.menu li a:active, .menu li a:focus {
    outline:0;
}
.menu li a .description{
    float:left;
    width:161px;
    margin:-5px 0 0 5px;
    font-weight:normal;
    font-size:0.7em;
    cursor:pointer;
}
.menu li a:link, .menu li a:visited {
    height:35px;
    font-size:1em;
    color:#000;
    text-decoration:none;
    line-height:20px;
    border:1px solid #fff;
    display:block;
    font-weight:bold;
}
.menu li a:hover  {
    background:#eee;
}
</style>
Sayfa başına dön Aşağa gitmek
http://www.mekan-emir.tr.gg
MusallaTR
Admin
Admin
avatar

Mesaj Sayısı Mesaj Sayısı : 410
Rep Gücü Rep Gücü : 33
Doğum tarihi Doğum tarihi : 10/08/94
Kayıt tarihi Kayıt tarihi : 10/09/09
Nerden Nerden : İzmir
Ruh Hali Ruh Hali :

MesajKonu: Geri: Dikey Resimli Css MeNü   C.tesi 3 Nis. 2010 - 10:42

éyw Hacı Smile

_____________________________________________________________________________

[Resimleri görebilmek için üye olun veya giriş yapın.]
Sayfa başına dön Aşağa gitmek
http://citycss.zforum.biz
Pashaa
General
General
avatar

Mesaj Sayısı Mesaj Sayısı : 603
Rep Gücü Rep Gücü : 22
Doğum tarihi Doğum tarihi : 24/02/96
Kayıt tarihi Kayıt tarihi : 10/09/09
Nerden Nerden : BuRSa
Ruh Hali Ruh Hali :

MesajKonu: Geri: Dikey Resimli Css MeNü   Salı 6 Nis. 2010 - 16:42

paylasşim için tesekkurler
Sayfa başına dön Aşağa gitmek
http://www.ayarsizpaylasim.tr.gg
KraL*
Üye
Üye
avatar

Mesaj Sayısı Mesaj Sayısı : 15
Rep Gücü Rep Gücü : 0
Doğum tarihi Doğum tarihi : 11/10/93
Kayıt tarihi Kayıt tarihi : 20/04/10
Nerden Nerden : D.Merkéz
Ruh Hali Ruh Hali :

MesajKonu: Geri: Dikey Resimli Css MeNü   Salı 20 Nis. 2010 - 16:27

éyw krdşm What a Face
Sayfa başına dön Aşağa gitmek
http://www.kral-c0cuq.tr.gg
 
Dikey Resimli Css MeNü
Önceki başlık Sonraki başlık Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» Psd Nasıl Yapılır?[Resimli]

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Html - Css - Eglence - Ve Fazlası :: Tr.Gg Dünyası :: Css Menüler-
Buraya geçin: