/* Menus */
.sf-menu, .sf-menu * { list-style: none; margin: 0; padding: 0; z-index: 101; }
.sf-menu { line-height: 1; }
.sf-menu ul { position: absolute; left: -999em; width: 11em; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.8em; z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 11em; top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 11em; top: 0; }
.sf-shadow ul { background: url(../images/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }
#top-menu, #nav { min-width: 990px; }
#top-menu-content, #nav-content { margin: 0 auto; width: 978px; }
#top-menu-content .sf-menu, #nav .sf-menu { float: left; line-height: 1.1; max-width: 770px; }
/* top menu */
#top-menu { background: #111; border-bottom: 1px solid #333; }
#top-menu-content { height: 25px; padding: 3px 0; }
#top-menu-content .sf-menu { text-transform: uppercase; margin: 0 2px; }
#top-menu .sf-menu a { display: block; text-decoration: none; padding: 7px 10px 8px; color: #AAA; font-size: 10px; border-right: 1px solid #333; }
#top-menu .sf-menu ul a { border: none; }
#top-menu .sf-menu ul li { border: 1px solid #333; margin-top: -1px; }
#top-menu .sf-menu a:hover, #top-menu .sf-menu li:hover, #top-menu .sf-menu li.sfHover, #top-menu .sf-menu ul li { color: #FFF; background: #111; }
#top-menu .sf-menu ul a:hover, #top-menu .sf-menu ul li.sfHover, #top-menu .sf-menu ul li:hover { color: #373331; background: #FFF; }
#top-menu .sf-menu ul li.sfHover a.sf-with-ul { color: #373331; }
#top-menu .sf-menu li li a { padding: 7px 10px; line-height: 1; height: auto; font-size: 11px; }
#top-menu .sf-menu .sf-with-ul { padding-right: 15px; }
#top-menu .sf-sub-indicator { background: url(../../images/dropdown.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; }
#top-menu .sf-menu ul .sf-sub-indicator { display: none; }
#top-menu .sf-menu li:hover ul, #top-menu .sf-menu li.sfHover ul { top: 2.4em; }
#top-menu ul.sf-menu li li:hover ul, #top-menu ul.sf-menu li li.sfHover ul, #top-menu ul.sf-menu li li li:hover ul, #top-menu ul.sf-menu li li li.sfHover ul { top: 0; }
/* main navigation */
#nav { background: url(../../images/postbar.jpg) repeat-x top #F0F0F0; min-width: 990px; border-bottom: 1px solid #CCC; }
#nav-content { height: 31px; margin: 0 auto; width: 978px; }
#nav .sf-menu { float: left; line-height: 1.0; max-width: 770px; text-transform: uppercase; }
#nav .sf-menu a { display: block; text-decoration: none; padding: 10px 12px; color: #666; font-size: 11px; border: solid #DDD; border-width: 0 1px; margin-right: -1px; }
#nav .sf-menu ul li { border: 1px solid #CCC; margin-top: -2px; }
#nav .sf-menu a:hover, #nav .sf-menu li:hover, #nav .sf-menu li.sfHover, #nav .sf-menu ul li { background: url(../../images/content-bg.jpg) repeat-x top; color: #0052A3; }
#nav .sf-menu ul a:hover, #nav .sf-menu ul li.sfHover, #nav .sf-menu ul li:hover { color: #373331; background: #FFF; }
#nav .sf-menu ul li.sfHover a.sf-with-ul { color: #373331; }
#nav .sf-menu li li a { padding: 7px 10px; line-height: 1; height: auto; font-size: 11px; border: none; }
#nav .sf-menu .sf-with-ul { padding-right: 15px; }
#nav .sf-sub-indicator { background: url(../../images/dropdown_dark.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; }
#nav .sf-menu ul .sf-sub-indicator { display: none; }
#nav .quick-nav li { padding-top: 8px; } Sitemdeki menü renklerini değiştirmek istiyorum nasıl değiştiririm
5
●792
- 20-11-2012, 23:48:18Arkadaşlar kodlar aşağıdadır. Ancak ve lakin sitemdeki menü kodları bunlarmı bilmiyorum iki tür menü var temada biri headerin üstünde biri hemen altında çift menü bağımsız birbirinden Top menü ve main menü diye geçiyor ben menü oluştururken temadan. Birde tema klasörlerinde jquery nin superfish klasörü var acaba menünün biri onamı ait bilemedim her neyse siteme bakarkta bunu anlayabilirsiniz sanırım sitem www.bahissistem.com kodlar aşağıdadır css dosyası kodları. Özellikle üstteki siyah menüyü turuncu gibi bir renk yapmak istiyorum yazıları siyah olacak şekilde.
- 22-11-2012, 23:42:34bu kısımlarımı kastediyorsun background tam olarak nereye deneyeceğim 102 de değil bende #111 102. satırda çıkıyor bulduğum bölge bu bölge ve 102 yi senin 104 e göre baz aldım ve 103 ü de 105 olarak ve oraya background ekledim ikisinede #836fff bu kodu ekledim ancak olmadı altı çizili yerler eklediğim bölümler. üç satırada background ekledim denedim ama yine hiç değişmedi menü 6 haneli renk kodunumu kabul etmiyor ne ediyor anlamadım. #111 i de aynı renk kodu yaptım aşağıda belirtmedim sen sıralamada şaşırma diye.ordeal adlı üyeden alıntı: mesajı görüntüle
/* top menu */ #top-menu { background: #111; border-bottom: 1px solid #333; } #top-menu-content { background: #836fff; height: 25px; padding: 3px 0; } #top-menu-content .sf-menu { text-transform: uppercase; margin: 0 2px; } #top-menu .sf-menu a { display: block; text-decoration: none; padding: 7px 10px 8px; color: #AAA; font-size: 10px; border-right: 1px solid #333; }