KOD
<style type="text/css"> /*Credits: Menüler */ /*URL: http://www.mycss.tr.gg/ */ .solidblockmenu{ margin: 0; padding: 0; float: left; font: bold 13px Arial; width: 100%; border: 1px solid #625e00; border-width: 1px 0; background: black url(media/blockdefault.gif) center center repeat-x; } .solidblockmenu li{ display: inline; } .solidblockmenu li a{ float: left; color: white; padding: 9px 11px; text-decoration: none; border-right: 1px solid white; } .solidblockmenu li a:visited{ color: white; } .solidblockmenu li a:hover, .solidblockmenu li .current{ color: white; background: transparent url(media/blockactive.gif) center center repeat-x; } </style> <!--[if IE]> <style type="text/css"> p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/ padding-top: 1em; } </style> <![endif]--> <ul class="solidblockmenu"> <li><a href="URL">BASLIK</a></li> <li><a href="URL" class="current">BASLIK</a></li> <li><a href="URL">BASLIK</a></li> <li><a href="URL">BASLIK</a></li> <li><a href="URL">BASLIK</a></li> <li><a href="URL">BASLIK</a></li> </ul> <br style="clear: left" /> DİKEY MAVİ MENÜ
KOD <style type="text/css"> /*Credits: MENÜLER */ /*URL: http://www.mycss.tr.gg/ */ .glossymenu{ list-style-type: none; margin: 5px 0; padding: 0; width: 170px; border: 1px solid #9A9A9A; border-bottom-width: 0; } .glossymenu li a{ background: white url(media/glossyback.gif) repeat-x bottom left; font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: white; display: block; width: auto; padding: 3px 0; padding-left: 10px; text-decoration: none; } * html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */ width: 160px; } .glossymenu li a:visited, .glossymenu li a:active{ color: white; } .glossymenu li a:hover{ background-image: url(media/glossyback2.gif); } </style> <ul class="glossymenu"> <li><a href="URL" >BASLIK</a></li> <li><a href="URL" >BASLIK</a></li> <li><a href="URL">BASLIK</a></li> <li><a href="URL">BASLIK</a></li> <li><a href="URL">BASLIK</a></li> <li><a href="URL" style="border-bottom-width: 0">BASLIK</a></li> </ul>
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
