Dentasarım
Popüler tasarımlar

DENTASARIM | Tasarımın bizden!

Açılır siyah menü v1

Açılır siyah menü v1




CSS KODU:

#dentasarim {
width: 900px;
background-color: #333;
height: 40px;
margin: auto;
box-shadow: 1px 1px 2px #999;
}
#dentasarim ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#dentasarim ul li a {
text-decoration: none;
color: #FFF;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 13px;
font-weight: bold;
text-align: center;
display: block;
width: 150px;
height: 40px;
line-height: 40px;

}
#dentasarim ul li ul li {
clear: left;
}
#dentasarim ul li ul {
display: none;
}
#dentasarim ul li:hover ul {
background-color: #969;
display: block;
position: absolute;
}
#dentasarim ul li {
display: block;
float: left;
}
#dentasarim ul li ul li a {
background-color: #CCC;
text-align: left;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #999;
width: 150px;
padding-left: 7px;
color: #666;
box-shadow: 1px 1px 2px #999;
}
#dentasarim ul li ul li a:hover {
background-color: #CCC;
text-align: left;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #666;
width: 150px;
padding-left: 7px;
color: #333;
box-shadow: 1px 1px 2px #999;
}

 

 

 

HTML KODU:

<div id="dentasarim">
<ul>
<li><a href="#">ANASAYFA</a></li>
<li><a href="#">İLETİŞİM</a></li>
<li><a href="#">KATEGORİLER
</a>
<ul>
<li><a href="#">OYUNLAR</a></li>
<li><a href="#">KODLAR</a></li>
<li><a href="#">TASARIMLAR</a></li>
<li><a href="#">EKSTRA KODLAR</a></li>
</ul>
</li>
<li><a href="#">SİTELERİM
</a>
<ul>
<li><a href="#">DENTASARIM</a></li>
<li><a href="#">MUNGESS</a></li>
<li><a href="#">TEKNOANALİZ</a></li>
</ul>
</li>
<li><a href="#">HAKKIMDA</a></li>
<li><a href="#">FORUM</a></li>
</ul>
</div>


Kendi yapımımdır, kaynak göstermeden paylaşmak yasaktır.
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=