WebMaster | HTML KodLar | Sitene EkLe

Menu5

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

CSS KODU

<style type="text/css">

#slantedmenu{
font-weight: bold;
font-size: 90%;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(https://img.webme.com/pic/x/xwebmaster/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
}

#slantedmenu ul li a:hover{
color: black;
}

</style>

HTML KODU [ MENÜNÜZÜN NERDE GÖRÜNMESİNİ İSTİYORSANIZ ORAYA ]

<div id="slantedmenu">
<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://www.javascriptkit.com/">JavaScript Kit</a></li>
<li><a href="http://www.codingforums.com">Coding Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/button/">Button Maker</a></li>
</ul>
</div>

WebMaster | HTML KodLar | Sitene EkLe | Kod ÖnizLeme

Menu5