Siteniz için cok güzel 2 Dikey menü.
Selamlar, bu sefer size 2 tane Dikey menü. Menüler cok cok cok güzeller ve istediğiniz ayarı yapabiliyorsunuz. Reklamsız şekilde menüleri size hediye ediyoruz. Menü telif hakları cesuraktif yani cesur'a ait. Sonradan yalan haber olmasın, Alıntı yapıyorlar felan gibi.. Güle güle kullanın..
Menü 1- Ön izleme için tıklayın.
Menu 1 Kodları:
CSS KODU:
Menu 1 Kodları:
CSS KODU:
<!-- Menü BS-aktif.tr.gg 'ye aittir.-->
/*URL: http://www.bs-aktif.tr.gg */
.anarsicocukmenu{
width: 150px;
font: bold 12px Tahoma;
color: #2886B9;
}
.anarsicocukmenu .headerbar{
font: bold 14px Tahoma;
color: #ECFBCA;
background: url(https://img.webme.com/pic/a/anarsicocuk/acik_mavi_menu.png) repeat-x center left;
margin-bottom: 5px;
padding: 4px 0 4px 10px;
text-shadow: 0.1em 0.1em 1em black;
-moz-border-radius: 10px 10px 0 0;
}
.anarsicocukmenu ul{
font: 14px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px;
}
.anarsicocukmenu ul li{
padding-bottom: 2px;
}
.anarsicocukmenu ul li a{
color: #2886B9;
background: url(https://img.webme.com/pic/a/anarsicocuk/misc-forward-icon.png) no-repeat center left;
display: block;
padding: 2px 0;
padding-left: 19px;
text-decoration: none;
font-weight: bold;
border-bottom: 1px dashed #dadada;
font-size: 90%;
}
.anarsicocukmenu ul li a:visited{
color: #A70303;
}
.anarsicocukmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #ECFBCA;
<div class="anarsicocukmenu">
<h3 class="headerbar">Anarsi Menu</h3>
<ul>
<li><a href="http://anarsicocuk.tr.gg/Css-Tasarimlar.htm">Css Tasarimlar</a></li>
<li><a href="http://anarsicocuk.tr.gg/Css-Menuler.htm">Css Menüler</a></li>
<li><a href="http://anarsicocuk.tr.gg/Ziyaretci-Defteri.htm">Konuk Defteri</a></li>
<li><a href="http://anarsicocuk.tr.gg">AnarsiCocuk</a></li>
</ul>
<h3 class="headerbar">Anarsi Menu</h3>
<ul>
<li><a href="http://anarsicocuk.tr.gg/Css-Tasarimlar.htm">Css Tasarimlar</a></li>
<li><a href="http://anarsicocuk.tr.gg/Css-Menuler.htm">Css Menüler</a></li>
<li><a href="http://anarsicocuk.tr.gg/Ziyaretci-Defteri.htm">Konuk Defteri</a></li>
<li><a href="http://anarsicocuk.tr.gg">AnarsiCocuk</a></li>
</ul>
<h3 class="headerbar">Anarsi Menu</h3>
<center>WwW.AnarsiCocuk.tr.gg Css Menü ve Tasarımlar</center>
</div>
İkinci Menü Ön izlemesi için tıklayın.
Menü Kodları:
Css Kodu:
<!-- Menü BS-aktif.tr.gg 'ye aittir.-->
/*URL: http://www.bs-aktif.tr.gg */
.anarsicocukmenu{
width: 200px;
font: bold 12px Tahoma;
color: #2886B9;
}
.anarsicocukmenu .headerbar{
font: bold 15px Verdana, Geneva, sans-serif;
color: white;
background: black url(https://img.webme.com/pic/a/anarsicocuk/mavi_menu_baslik.png) repeat-x center left;
margin-bottom: 5px;
padding: 4px 0 4px 10px;
border-top: 1px solid #0F7EBB;
border-bottom: 1px dashed #1EA7CE;
text-shadow: 0.1em 0.1em 0.2em black;
-moz-border-radius: 10px 10px 0 0;
}
.anarsicocukmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px;
}
.anarsicocukmenu ul li{
padding-bottom: 2px;
border-bottom: 1px dashed red;
}
.anarsicocukmenu ul li a{
color: #313131;
background: url(https://img.webme.com/pic/a/anarsicocuk/navigate-right-icon.png) no-repeat center left;
display: block;
padding: 2px 0;
padding-left: 19px;
text-decoration: none;
font-weight: bold;
font-size: 90%;
}
.anarsicocukmenu ul li a:visited{
color: #A70303;
}
.anarsicocukmenu ul li a:hover{
color: #116288;
background-color: #a1eeff;
}
<div class="anarsicocukmenu">
<h3 class="headerbar">Anarsi Menu</h3>
<ul>
<li><a href="http://anarsicocuk.tr.gg/Css-Tasarimlar.htm">Css Tasarimlar</a></li>
<li><a href="http://anarsicocuk.tr.gg/Css-Menuler.htm">Css Menüler</a></li>
<li><a href="http://anarsicocuk.tr.gg/Ziyaretci-Defteri.htm">Konuk Defteri</a></li>
<li><a href="http://anarsicocuk.tr.gg">AnarsiCocuk</a></li>
</ul>
<h3 class="headerbar">Anarsi Menu</h3>
<ul>
<li><a href="http://anarsicocuk.tr.gg/Css-Tasarimlar.htm">Css Tasarimlar</a></li>
<li><a href="http://anarsicocuk.tr.gg/Css-Menuler.htm">Css Menüler</a></li>
<li><a href="http://anarsicocuk.tr.gg/Ziyaretci-Defteri.htm">Konuk Defteri</a></li>
<li><a href="http://anarsicocuk.tr.gg">AnarsiCocuk</a></li>
</ul>
<h3 class="headerbar">Anarsi Menu</h3>
<center>WwW.AnarsiCocuk.tr.gg Css Menü ve Tasarımlar</center>
</div>
Bu yazı Cesur Tarafından yazılmıştır.
Link Takas 
