Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Zmiana w menu
BudrysLP
post 25.10.2014, 13:00:15
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 12.02.2014

Ostrzeżenie: (0%)
-----


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; }
Go to the top of the page
+Quote Post
Olsz4k
post 27.10.2014, 17:53:29
Post #2





Grupa: Zarejestrowani
Postów: 95
Pomógł: 0
Dołączył: 26.07.2013
Skąd: Kraków

Ostrzeżenie: (0%)
-----


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


[JAVASCRIPT] pobierz, plaintext
  1. var selector = '.nav li';
  2.  
  3. $(selector).on('click', function(){
  4. $(selector).removeClass('active');
  5. $(this).addClass('active');
  6. });
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 12:57