Forum PHP.pl > Zmiana w menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

BudrysLP

25.10.2014, 13:00:15

Witam.

W standardowym menu mozna ustawić rozwijanie się do 2 stopnia.
Czy można zrobić tak, aby po kliknięciu w menu cały czas podswietlało pole wyboru ( nie tylko przy najeżdzaniu na nie)

Strona to http://www.new.ekopartner.org.pl/index.php...&Itemid=547

menu po prawej.

Teraz jestesmy w Usługi->Przechowywanie i chciałbym aby w tym menu "Przechowywanie" miało np inny kolor.

Kod

/* ++++++++++++++ kategorie ++++++++++++++ */
.moduletable.kategorie ul.nav.kategorie { background:#fff; }

.moduletable.kategorie h3 { background:#000; }

ul.nav.kategorie {
border-bottom:#9C0 2px solid;
background:#fff;
border:solid 0px #eee; }

.module_content.kategorie ul.nav.kategorie { }

ul.nav.kategorie li { border-bottom:solid 1px #ddd; }

ul.nav.kategorie li a:link, ul.nav.kategorie li a:visited {
color:#184723;
padding-left:30px;
background:url(../images/listek.jpg) no-repeat;
font-size:15px;
height: 35px;
margin-top:5px;
display:table-cell;
vertical-align:middle;}

ul.nav.kategorie li.active a:link, ul.menu.kategorie li.active a:visited {
color:#333;
padding-left:30px;
font-size:16px;
background:url(../images/karo2.jpg) 0px 7px no-repeat }

ul.nav.kategorie li a:hover, ul.nav.kategorie li a:active, ul.nav.kategorie li a:focus,
ul.nav.kategorie li.active a:hover, ul.nav.kategorie li.active a:active, ul.nav.kategorie li.active a:focus {
background: #fff;
color:#638420; }

/* ++++++++++++++ second level kategorie ++++++++++++++ */
ul.nav.kategorie li ul { border:solid 0px #eee; }
ul.nav.kategorie li ul li { border:solid 0px #000; background:#fff; }

ul.nav.kategorie li.active ul li a:link, ul.nav.kategorie li.active ul li a:visited {
color:#333;
border:0;
border-bottom:solid 1px #fff;
font-size:12px;
background:#fff;
height:20px;} }

ul.nav.kategorie li.active ul li.active a:link,
ul.menu.kategorie li.active ul li.active a:visited
{
border:0;
color:#333;
border-bottom:solid 1px #fff;
font-size:12px;
background:#fff; }

ul.nav.kategorie li.active ul li a:hover,
ul.nav.kategorie li.active ul li a:active,
ul.nav.kategorie li.active ul li a:focus{
background:#fff !important;
color:#333 !important; }

Olsz4k

27.10.2014, 17:53:29

Można, stwórz klasę np. .active i dodawaj ją do aktywnego elementu, np:

[JAVASCRIPT] pobierz, plaintext 
var selector = '.nav li';
 
$(selector).on('click', function(){
    $(selector).removeClass('active');
    $(this).addClass('active');
});
[JAVASCRIPT] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.