WebMaster | HTML KodLar | Sitene EkLe

Menu2

Menünün Örneğini Görmek İçin TIKLAYINIZ..

CSS KODU

<style type="text/css">

.wireframeauramenu{
font-weight: bold;
font-size: 90%;
width: 100%;
}

.wireframeauramenu ul{
border: 1px solid #BBB;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
overflow: hidden;
}

.wireframeauramenu ul li{
display: inline;
}

.wireframeauramenu ul li a{
color: #494949;
padding: 6px 12px 6px 6px;
margin: 0;
text-decoration: none;
border-right: 1px dashed #BBB; /*right border between menu items*/
}

.wireframeauramenu ul li a:hover{
color: black;
background: transparent url(https://img.webme.com/pic/x/xwebmaster/lightyellow.gif) center center no-repeat; /*background of menu item onMouseover*/
}

</style>

HTMLD KODU KISMINA İSE [ MENÜNÜZÜN NERDE GORUNMESİNİ İSTİYORSANIZ ORAYA ]

<div class="wireframeauramenu">
<ul>
<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>
<li><a href="http://www.cssdrive.com/">CSS Drive</a></li>
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Gif Optimizer</a></li>
<li><a href="http://tools.dynamicdrive.com/favicon/">Favicon Creator</a></li>
<li><a href="http://tools.dynamicdrive.com/button/">Button Maker</a></li>
</ul>
</div>

WebMaster | HTML KodLar | Sitene EkLe | Kod ÖnizLeme

Menu2