• Witam. Nie mogę znaleźć gdzie jest w css kod odpowiedzialny za tło przycisku nawigacji tej strony która została właśnie otwarta.
    Jeśli trzeba to storna: http://www.webgm.xaa.pl. Kod:

    /*============================ NAVIGATION ============================*/
    #navi_container {
    	clear: both;
    	margin: 0 auto;
    	width: 980px;
    }
    #navi{
    	float: left;
    	width: 980px;
    	margin: 0;
    	padding: 0;
    	background: url(images/navix.png) no-repeat;
    	list-style-type: none;
    }
    #navi ul{
    	margin: 0;
    	padding: 0 15px;
    	list-style-type: none;
    }
    /*Top level list items*/
    #navi ul li{
    	position: relative;
    	display: inline;
    	float: left;
    	cursor: pointer;
    	margin: 0; 
    
    }
    /*Top level menu link items style*/
    #navi ul li a{
    	display: block;
    	font-family: verdana;
    	font-size: 0.8em;
    	font-weight: bold;
    	cursor: pointer;
    	padding: 15px 20px;
    
    }
    #navi ul li a:link, #navi ul li a:visited{
    	color: #fff;
    	text-decoration: none;
    }
    #navi ul li a:hover, #navi ul li a:active {
    	background: url('images/hovnavi.gif');
    }
    
    /*1st sub level menu*/
    #navi ul li ul{
    	position: absolute;
    	display: block;
    	visibility: hidden;
    	z-index: 10;
    	border-left: 1px solid #bbb;
    }
    /*Sub level menu list items (undo style from Top level List Items)*/
    #navi ul li ul li{
    	display: list-item;
    	float: none;
    }
    /*All subsequent sub menu levels vertical offset after 1st level sub menu */
    #navi ul li ul li ul{
    	margin: -1px 0 0 0;
    	padding: 0;
    	border-top: 1px solid #bbb;
    	border-left: 1px solid #bbb;
    
    }
    
    /* Sub level menu links style */
    #navi ul li ul li a {
    	width: 160px; /*width of sub menus*/
    	padding: 10px 15px;
    	margin: 0;
    	font-size: 1.0em;
    	color: #333 !important;
    	border-bottom: 1px solid #bbb;
    
    }
    #navi ul li ul li a:hover, #navi ul li ul li a:active  {
    	background: url('images/hovnavi.gif') !important;
    	color: red !important;
    	text-decoration: none;
    
    }
    #navi ul li.current_page_item a, #navi ul li.current-cat a, #navi ul li.current-menu-item a{
    	color: red;
    
    }
    #navi ul li ul li.current_page_item a, #navi ul li ul li.current_cat a, #navi ul li ul li.current-menu-item a {
    	text-decoration: underline;
    
    }

    Proszę o pomoc. Próbowałem w każdym miejscu. ( nie wiem czy dobrze się wyraziłem, chodzi mi o to, że jak wejdziemy na odpowiednią stronę przez nawigację to button z tą stroną ma zmienioną klasę a w moim przypadku chce zmienić to białe tło )

Viewing 3 replies - 1 through 3 (of 3 total)
  • }
    #navi ul li a:link, #navi ul li a:visited{
    color: #fff;
    text-decoration: none;
    }

    Zmieniasz tylko color: wpisując go w odpowiednim formacie, np. #00A040

    Thread Starter marcin_g

    (@marcin_g)

    color odpowiada za kolor czcionki, a co gorzej to nie odpowiada za button aktywnej strony. ponawiam pytanie

    To spróbuj z tym
    #navi ul li a:hover, #navi ul li a:active {
    background: url(’images/hovnavi.gif’);
    }

    lub z tym:

    #navi ul li ul li a:hover, #navi ul li ul li a:active {
    background: url(’images/hovnavi.gif’) !important;
    color: red !important;
    text-decoration: none;

    }

    Tyle tylko że musisz zamienić obrazek na kolor.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Temat ‘podmiana przycisku aktywnej strony (navi)’ jest zamknięty na nowe odpowiedzi.