HtMl TasAr!//Lar Html Kodları , Javascript , CSS Tasarım Kod Bankası

Css Menü Kodları

• Home
• Privacy Policy
• Products
• Where to find us
• Contact us
• Search

<style type="text/css"> /*Credits: CSSpplay */ /*URL: http://www.cssjavascript.tr.gg/siyah menu */ .menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(https://img.webme.com/pic/c/cssjavascript/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;} .menu2 li {float:left;} .menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;} .menu2 li a b {float:left; display:block; padding:0 16px 0 8px;} .menu2 li.current a {color:#fff; background:url(https://img.webme.com/pic/c/cssjavascript/button3.gif);} .menu2 li.current a b {background:url(https://img.webme.com/pic/c/cssjavascript/button3.gif) no-repeat right top;} .menu2 li a:hover {color:#fff; background:#000 url(button4.gif);} .menu2 li a:hover b {background:url(https://img.webme.com/pic/c/cssjavascript/button4.gif) no-repeat right top;} .menu2 li.current a:hover {color:#fff; background:#000 url(https://img.webme.com/pic/c/cssjavascript/button3.gif); cursor:default;} .menu2 li.current a:hover b {background:url(https://img.webme.com/pic/c/cssjavascript/button3.gif) no-repeat right top;}</style> <ul class="menu2"> <li><a href="#nogo" _fcksavedurl="#nogo"><strong>Home</strong></a></li> <li><a href="#nogo" _fcksavedurl="#nogo"><strong>Privacy Policy</strong></a></li> <li class="current"><a href="#nogo" _fcksavedurl="#nogo"><strong>Products</strong></a></li> <li><a href="#nogo" _fcksavedurl="#nogo"><strong>Where to find us</strong></a></li> <li><a href="#nogo" _fcksavedurl="#nogo"><strong>Contact us</strong></a></li> <li><a href="#nogo" _fcksavedurl="#nogo"><strong>Search</strong></a></li> </ul>

<style type="text/css"> #MainMenu { width:100%; height:38px; background: url('https://img.webme.com/pic/s/samanyolu35/bmid_040.gif'); margin:0; border:0px none; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0 0 0 0 ; padding:0; } #tab a { background:#000000 url('https://img.webme.com/pic/s/samanyolu35/bright_040.gif') no-repeat right top; margin:0; padding:0; text-decoration:none; border:0px none; display:block; float:left } #tab a span { display:block; background:url('https://img.webme.com/pic/s/samanyolu35/bleft_040.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:38px; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0 } #tab a:hover, #tab li.item_active a { background-position:right bottom; border-color:#000000; } #tab a:hover span, #tab li.item_active a span { background-position:left bottom; color:#000000; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0px solid #330066; background: url('https://img.webme.com/pic/s/samanyolu35/bmid_040.gif'); color:#000000; z-index:100; text-decoration:none; padding:0 } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; margin:0 ; padding:0; display:block; border:0px solid #000000; color:#000000; background:url('https://img.webme.com/pic/s/samanyolu35/bleft_040.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:38px; background:url('https://img.webme.com/pic/s/samanyolu35/bright_040.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0 } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0px solid #000000; background-position: left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#000000 } .dropmenudiv a:hover span { background-position:right bottom; color:#000000; font-weight:bold; } </style> <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chrome.js"></script> <style> #MainMenu { width:100%; height:38px; background: url("https://img.webme.com/pic/s/samanyolu35/bmid_040.gif"); margin:0; border:0; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0 0 0 0 ; padding:0; } #tab a { background:#000000 url("https://img.webme.com/pic/s/samanyolu35/bright_040.gif") no-repeat right top; margin:0; padding:0; text-decoration:none; border:0; display:block; float:left; } #tab a span { display:block; background:url("https://img.webme.com/pic/s/samanyolu35/bleft_040.gif") no-repeat left top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:38px; } #tab a:hover,#tab li.item_active a { background-position:right bottom; border-color:#000000; } #tab a:hover span,#tab li.item_active a span { background-position:left bottom; color:#000000; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0 solid #330066; background: url("https://img.webme.com/pic/s/samanyolu35/bmid_040.gif"); color:#000000; z-index:100; text-decoration:none; padding:0; } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; margin:0 0 0 0 ; padding:0; display:block; border:0 solid #000000; color:#000000; background:url("https://img.webme.com/pic/s/samanyolu35/bleft_040.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:38px; background:url("https://img.webme.com/pic/s/samanyolu35/bright_040.gif") no-repeat right top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0 solid #000000; background-position:left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#000000; } .dropmenudiv a:hover span { background-position:right bottom; color:#000000; font-weight:bold; } </style> <div id="MainMenu"> <div id="tab"> <ul> <li><a target="_blank" href="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ"><span>SAYFA ADI</span></a></li> <li><a target="_blank" href="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ"><span>SAYFA ADI</span></a></li> <li><a target="_blank" href="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ"><span>SAYFA ADI</span></a></li> <li><a target="_blank" href="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ"><span>SAYFA ADI</span></a></li> <li><a target="_blank" href="LİNK ADRESİ" _fcksavedurl="LİNK ADRESİ"><span>SAYFA ADI</span></a></li> </ul> </div> </div>

<style type="text/css"> #MainMenu { border-left:0px solid #9AB6D2; border-right:0px solid #9AB6D2; border-top:0px solid #9AB6D2; border-bottom:3px solid #9AB6D2; height:27px; background: #FFFFFF; margin:0; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0 1px 0 0 ; padding:0; } #tab a { background: url('http://www.fileden.com/files/2007/6/19/1190933/bright_115.gif') no-repeat right top; margin:0; padding:0; text-decoration:none; border:0px none; display:block; float:left } #tab a span { display:block; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_115.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:27px; padding-left:22px; padding-right:22px; padding-top:0; padding-bottom:0 } #tab a:hover, #tab li.item_active a { background-position:right bottom; border-color:; } #tab a:hover span, #tab li.item_active a span { background-position:left bottom; color:#000000; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { border-left:0px solid #9AB6D2; border-right:0px solid #9AB6D2; border-top:0px solid #9AB6D2; border-bottom:3px solid #9AB6D2; position:absolute; top:0; float:left; display:block; visibility:hidden; background: #FFFFFF; color:#FFFFFF; z-index:100; text-decoration:none; padding:0 } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; padding:0; display:block; border:0px solid ; color:#FFFFFF; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_115.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; margin-left:0; margin-right:1px; margin-top:0; margin-bottom:0 } .dropmenudiv a span { float:left; display:block; line-height:27px; background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_115.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; padding-left:22px; padding-right:22px; padding-top:0; padding-bottom:0 } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0px solid ; background-position: left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#000000 } .dropmenudiv a:hover span { background-position:right bottom; color:#000000; font-weight:bold; } </style> <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromee.js"></script> <style> #MainMenu { height:27px; background: #FFFFFF; margin:0; border-style:solid; border-color:#9AB6D2; border-top-width:0; border-right-width:0; border-bottom-width:3px; border-left-width:0; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0 1px 0 0 ; padding:0; } #tab a { background: url("http://www.fileden.com/files/2007/6/19/1190933/bright_115.gif") no-repeat right top; margin:0; padding:0; text-decoration:none; border:0; display:block; float:left; } #tab a span { display:block; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_115.gif") no-repeat left top; padding:0 22px 0 22px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:27px; } #tab a:hover,#tab li.item_active a { background-position:right bottom; border-color:; } #tab a:hover span,#tab li.item_active a span { background-position:left bottom; color:#000000; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border-style:solid; border-color:#9AB6D2; border-top-width:0; border-right-width:0; border-bottom-width:3px; border-left-width:0; background: #FFFFFF; color:#FFFFFF; z-index:100; text-decoration:none; padding:0; } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; margin:0 1px 0 0 ; padding:0; display:block; border:0 solid ; color:#FFFFFF; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_115.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:27px; background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_115.gif") no-repeat right top; padding:0 22px 0 22px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0 solid ; background-position:left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#000000; } .dropmenudiv a:hover span { background-position:right bottom; color:#000000; font-weight:bold; } </style> <div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div>