• 20-11-2012, 23:48:18
    #1
    Arkadaş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.
    /* 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; }
  • 21-11-2012, 22:14:42
    #2
    Arkadaşlar Temamda 6 tane değişik renk renk seçenekleri mevcut başka şekilde görüntülenmesini sağlayınca menüler mavi falan oluyor ama o kodları bu menülere yapıştırıyorum olmuyor özellikle top menu üzerinde test ettim ana temada menüler hiç değişmiyor.
  • 22-11-2012, 20:45:09
    #3
    Konunun üzerinden 1 gün bile geçmeden diğer sayfada çöpe gitmiş kadar değeri oluyor. Bu tür sorunu nasıl halledecez bu kadar hızlı akan bir forumda. Kusura bakmayın ama yenilemek zorunda kalacağım bu konuyu
  • 22-11-2012, 22:35:09
    #4
    legacy.css dosyasında 105. satırda yeri buraya
    background: #fff; kodunu eklemelisin #fff beyaz renktir sen istediğin renk kodunu yazabilirsin
    uzunluk tam olsun istiyorsan 104. satırdaki #111 olan kod rengini de diğer yapacağınla aynı renk yaparsın
  • 22-11-2012, 23:42:34
    #5
    ordeal adlı üyeden alıntı: mesajı görüntüle
    legacy.css dosyasında 105. satırda yeri buraya
    background: #fff; kodunu eklemelisin #fff beyaz renktir sen istediğin renk kodunu yazabilirsin
    uzunluk tam olsun istiyorsan 104. satırdaki #111 olan kod rengini de diğer yapacağınla aynı renk yaparsın
    bu 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.

    /* 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; }
  • 23-11-2012, 00:10:17
    #6
    Gönderdim msn adresimi pm ile