------------------------------------------------
Menü 1- Ön izleme için tıklayın.
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;
HTML Kodu (koyacağınız sayfaya)
<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;
}
HTML Kodu (koyacağınız sayfaya)
<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> |