Forum'da ara:
Ara


Yazar Mesaj
Mesaj07.08.2009, 21:09 (UTC)    
Mesaj konusu: Css Menü

arkadaşlar bana gri, krem rengi, çok açık mavi ya da çok açık yeşil renginde açılmayan üst menü lazım..
yardımcı olabilir misiniz Question
______________
Mesaj07.08.2009, 21:31 (UTC)    
Mesaj konusu:



Kod:
<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>

______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu