vebdehizmet

Menüler 1

KOD:

<style type="text/css"> #MainMenu { width:180px; background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_076.gif'); margin:0; border:0px none; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { float:left; margin:0; padding:0; clear:both; } #tab a { background:#000000 url('http://www.fileden.com/files/2007/6/19/1190933/bright_076.gif') no-repeat right top; margin:0; padding:0; text-decoration:none; width:180px; border:0px none; display:block; float:left } #tab a span { display:block; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_076.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:30px; 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:; } #tab a:hover span, #tab li.item_active a span { background-position:left bottom; color:#FFFFFF; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0px solid ; background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_076.gif'); 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; padding:0; display:block; border:0px solid ; color:#FFFFFF; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_076.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:30px; background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_076.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; padding-left:15px; padding-right:15px; 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:#FFFFFF } .dropmenudiv a:hover span { background-position:right bottom; color:#FFFFFF; font-weight:bold; } </style> <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromeslesi.js"></script> <style> #MainMenu { width:180px; background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_076.gif"); margin:0; border:0; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { float:left; margin:0; padding:0; clear:both; } #tab a { background:#000000 url("http://www.fileden.com/files/2007/6/19/1190933/bright_076.gif") no-repeat right top; margin:0; padding:0; text-decoration:none; width:180px; border:0; display:block; float:left; } #tab a span { display:block; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_076.gif") no-repeat left top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:30px; } #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:#FFFFFF; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0 solid ; background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_076.gif"); 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; padding:0; display:block; border:0 solid ; color:#FFFFFF; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_076.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:30px; background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_076.gif") no-repeat right top; padding:0 15px 0 15px; 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:#FFFFFF; } .dropmenudiv a:hover span { background-position:right bottom; color:#FFFFFF; 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>

KOD:

<style type="text/css"> #MainMenu { height:30px; background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_076.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; padding:0; } #tab a { background:#000000 url('http://www.fileden.com/files/2007/6/19/1190933/bright_076.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_076.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:30px; 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:; } #tab a:hover span, #tab li.item_active a span { background-position:left bottom; color:#FFFFFF; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0px solid ; background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_076.gif'); 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; padding:0; display:block; border:0px solid ; color:#FFFFFF; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_076.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:30px; background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_076.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; padding-left:15px; padding-right:15px; 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:#FFFFFF } .dropmenudiv a:hover span { background-position:right bottom; color:#FFFFFF; font-weight:bold; } </style> <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromealya.js"></script> <style> #MainMenu { height:30px; background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_076.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; padding:0; } #tab a { background:#000000 url("http://www.fileden.com/files/2007/6/19/1190933/bright_076.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_076.gif") no-repeat left top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:30px; } #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:#FFFFFF; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0 solid ; background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_076.gif"); 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; padding:0; display:block; border:0 solid ; color:#FFFFFF; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_076.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:30px; background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_076.gif") no-repeat right top; padding:0 15px 0 15px; 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:#FFFFFF; } .dropmenudiv a:hover span { background-position:right bottom; color:#FFFFFF; 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>

KOD:

<style type="text/css"> #MainMenu { width:179px; margin:0; border:0px none; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { float:left; margin:0 1px 0 0 ; padding:0; clear:both; } #tab a { background:#000000 url('http://www.fileden.com/files/2007/6/19/1190933/bright_069.gif') no-repeat right top; margin:0; padding:0; text-decoration:none; width:179px; border:0px none; display:block; float:left } #tab a span { display:block; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_069.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:31px; 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:#FF9300; } #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 ; 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_069.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:31px; background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_069.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0 } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0px solid #FF9300; 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/chromesesso.js"></script> <style> #MainMenu { width:179px; margin:0; border:0; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { float:left; margin:0 1px 0 0 ; padding:0; clear:both; } #tab a { background:#000000 url("http://www.fileden.com/files/2007/6/19/1190933/bright_069.gif") no-repeat right top; margin:0; padding:0; text-decoration:none; width:179px; border:0; display:block; float:left; } #tab a span { display:block; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_069.gif") no-repeat left top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:31px; } #tab a:hover,#tab li.item_active a { background-position:right bottom; border-color:#FF9300; } #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 ; 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_069.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:31px; background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_069.gif") no-repeat right top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0 solid #FF9300; 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> <br /> <img alt="" src="http://www.izzymenu.com/t/3400.jpg" _fcksavedurl="http://www.izzymenu.com/t/3400.jpg" /> <p align="center"><br /> KOD:<br /> <br /> <textarea style="width: 300px; height: 55px" onclick_fckprotectedatt=" onclick="this.focus();this.select()""><style type="text/css"> #MainMenu { width:150px; background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_046.gif'); margin:0; border:0px none; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { float:left; margin:0; padding:0; clear:both; } #tab a { background:#000000 url('http://www.fileden.com/files/2007/6/19/1190933/bright_046.gif') no-repeat right top; margin:0; padding:0; text-decoration:none; width:150px; border:0px none; display:block; float:left } #tab a span { display:block; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_046.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:29px; padding-left:18px; padding-right:15px; padding-top:0; padding-bottom:0 } #tab a:hover, #tab li.item_active a { background-position:right bottom; border-color:#FF9300; } #tab a:hover span, #tab li.item_active a span { background-position:left bottom; color:#FFFFFF; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0px solid #000000; background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_046.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:150px; margin:0; padding:0; display:block; border:0px solid #FF9300; color:#000000; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_046.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:29px; background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_046.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; padding-left:18px; padding-right:15px; padding-top:0; padding-bottom:0 } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0px solid #FF9300; background-position: left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#FFFFFF } .dropmenudiv a:hover span { background-position:right bottom; color:#FFFFFF; font-weight:bold; } </style> <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/7.js"></script> <style> #MainMenu { width:150px; background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_046.gif"); margin:0; border:0; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { float:left; margin:0; padding:0; clear:both; } #tab a { background:#000000 url("http://www.fileden.com/files/2007/6/19/1190933/bright_046.gif") no-repeat right top; margin:0; padding:0; text-decoration:none; width:150px; border:0; display:block; float:left; } #tab a span { display:block; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_046.gif") no-repeat left top; padding:0 15px 0 18px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:29px; } #tab a:hover,#tab li.item_active a { background-position:right bottom; border-color:#FF9300; } #tab a:hover span,#tab li.item_active a span { background-position:left bottom; color:#FFFFFF; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0 solid #000000; background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_046.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:150px; margin:0; padding:0; display:block; border:0 solid #FF9300; color:#000000; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_046.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:29px; background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_046.gif") no-repeat right top; padding:0 15px 0 18px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0 solid #FF9300; background-position:left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#FFFFFF; } .dropmenudiv a:hover span { background-position:right bottom; color:#FFFFFF; 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>

KOD:

<style type="text/css"> #MainMenu { border-left:0px solid #778287; border-right:0px solid #778287; border-top:2px solid #778287; border-bottom:2px solid #778287; height:34px; background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_056.gif'); 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; padding:0; } #tab a { background:#000000 url('http://www.fileden.com/files/2007/6/19/1190933/bright_056.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_056.gif') no-repeat left top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11; color:#4D4D4D; font-weight:bold; line-height:34px; padding-left:20px; padding-right:15px; padding-top:0; padding-bottom:0 } #tab a:hover, #tab li.item_active a { background-position:right bottom; border-color:#FF9300; } #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 #778287; border-right:0px solid #778287; border-top:2px solid #778287; border-bottom:2px solid #778287; position:absolute; top:0; float:left; display:block; visibility:hidden; background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_056.gif'); color:#4D4D4D; 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 ; color:#4D4D4D; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_056.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:34px; background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_056.gif') no-repeat right top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11; color:#4D4D4D; padding-left:20px; padding-right:15px; padding-top:0; padding-bottom:0 } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0px solid #FF9300; 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/8.js"></script> <style> #MainMenu { height:34px; background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_056.gif"); margin:0; border-style:solid; border-color:#778287; border-top-width:2px; border-right-width:0; border-bottom-width:2px; 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; padding:0; } #tab a { background:#000000 url("http://www.fileden.com/files/2007/6/19/1190933/bright_056.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_056.gif") no-repeat left top; padding:0 15px 0 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11; color:#4D4D4D; font-weight:bold; line-height:34px; } #tab a:hover,#tab li.item_active a { background-position:right bottom; border-color:#FF9300; } #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:#778287; border-top-width:2px; border-right-width:0; border-bottom-width:2px; border-left-width:0; background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_056.gif"); color:#4D4D4D; 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:0 solid ; color:#4D4D4D; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_056.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:34px; background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_056.gif") no-repeat right top; padding:0 15px 0 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11; color:#4D4D4D; } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0 solid #FF9300; 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>

KOD:

<style type="text/css"> #MainMenu { border-left:0px solid #4D9FBE; border-right:0px solid #4D9FBE; border-top:0px solid #4D9FBE; border-bottom:4px solid #4D9FBE; height:26px; 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:#000000 url('http://www.fileden.com/files/2007/6/19/1190933/bright_095.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_095.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:26px; padding-left:13px; padding-right:13px; 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:#FFFFFF; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { border-left:0px solid #4D9FBE; border-right:0px solid #4D9FBE; border-top:0px solid #4D9FBE; border-bottom:4px solid #4D9FBE; position:absolute; top:0; float:left; display:block; visibility:hidden; background: #FFFFFF; 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; padding:0; display:block; border:0px solid ; color:#000000; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_095.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:26px; background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_095.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; padding-left:13px; padding-right:13px; 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:#FFFFFF } .dropmenudiv a:hover span { background-position:right bottom; color:#FFFFFF; font-weight:bold; } </style> <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/9.js"></script> <style> #MainMenu { height:26px; background: #FFFFFF; margin:0; border-style:solid; border-color:#4D9FBE; border-top-width:0; border-right-width:0; border-bottom-width:4px; 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:#000000 url("http://www.fileden.com/files/2007/6/19/1190933/bright_095.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_095.gif") no-repeat left top; padding:0 13px 0 13px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:26px; } #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:#FFFFFF; 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:#4D9FBE; border-top-width:0; border-right-width:0; border-bottom-width:4px; border-left-width:0; background: #FFFFFF; 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 1px 0 0 ; padding:0; display:block; border:0 solid ; color:#000000; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_095.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:26px; background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_095.gif") no-repeat right top; padding:0 13px 0 13px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; } .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:#FFFFFF; } .dropmenudiv a:hover span { background-position:right bottom; color:#FFFFFF; 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>

KOD:

<style type="text/css"> #MainMenu { height:33px; background: #FFFFFF; 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:3; padding:0; } #tab a { background: #000000; margin:0; padding:0; text-decoration:none; border:3px solid ; display:block; float:left; } #tab a span { display:block; padding:2px 15px 0 15px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11; color:#CCFFFF; font-weight:bold; line-height:33px; } #tab a:hover, #tab li.item_active a { background:#CCFF33; border-color:#CCCC99; } #tab a:hover span, #tab li.item_active a span { 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 #00CCCC; background: #FFFFFF; color:#CCFFFF; 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:3px; padding:0; display:block; border:3px solid ; color:#CCFFFF; background: #000000; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:33px; padding:2px 15px 0 15px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11; color:#CCFFFF; } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:3px solid #CCCC99; background:#CCFF33; font-weight:bold; font-style:normal; text-decoration:none; color:#000000; } .dropmenudiv a:hover span { background:#CCFF33; color:#000000; font-weight:bold; } </style> <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/11.js"></script> <style> #MainMenu { height:33px; background: #FFFFFF; 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:3; padding:0; } #tab a { background: #000000; margin:0; padding:0; text-decoration:none; border:3px solid ; display:block; float:left; } #tab a span { display:block; padding:2px 15px 0 15px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11; color:#CCFFFF; font-weight:bold; line-height:33px; } #tab a:hover,#tab li.item_active a { background:#CCFF33; border-color:#CCCC99; } #tab a:hover span,#tab li.item_active a span { 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 #00CCCC; background: #FFFFFF; color:#CCFFFF; 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:3px; padding:0; display:block; border:3px solid ; color:#CCFFFF; background: #000000; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:33px; padding:2px 15px 0 15px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11; color:#CCFFFF; } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:3px solid #CCCC99; background:#CCFF33; font-weight:bold; font-style:normal; text-decoration:none; color:#000000; } .dropmenudiv a:hover span { background:#CCFF33; 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>

KOD:

<style type="text/css"> #MainMenu { width:100%; background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_051.gif'); margin:0; border:0px none; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { float:left; margin:0; padding:0; clear:both; } #tab a { background:#000000 url('http://www.fileden.com/files/2007/6/19/1190933/bright_051.gif') no-repeat right top; margin:0; padding:0; text-decoration:none; width:100px; border:0px none; display:block; float:left } #tab a span { display:block; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_051.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:28px; 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:#FF9300; } #tab a:hover span, #tab li.item_active a span { background-position:left bottom; color:#FFFFFF; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0px solid #000000; background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_051.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 #FF9300; color:#000000; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_051.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:28px; background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_051.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 #FF9300; background-position: left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#FFFFFF } .dropmenudiv a:hover span { background-position:right bottom; color:#FFFFFF; font-weight:bold; } </style> <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/12.js"></script> <style> #MainMenu { width:100%; background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_051.gif"); margin:0; border:0; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { float:left; margin:0; padding:0; clear:both; } #tab a { background:#000000 url("http://www.fileden.com/files/2007/6/19/1190933/bright_051.gif") no-repeat right top; margin:0; padding:0; text-decoration:none; width:100px; border:0; display:block; float:left; } #tab a span { display:block; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_051.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:28px; } #tab a:hover,#tab li.item_active a { background-position:right bottom; border-color:#FF9300; } #tab a:hover span,#tab li.item_active a span { background-position:left bottom; color:#FFFFFF; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0 solid #000000; background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_051.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:0 solid #FF9300; color:#000000; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_051.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:28px; background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_051.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 #FF9300; background-position:left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#FFFFFF; } .dropmenudiv a:hover span { background-position:right bottom; color:#FFFFFF; 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>