koristim kwicks 1.5 za jquery i sve radi kak spada, al jednostavno ne znam kako oznaciti trenutnu stranicu kao aktivnu pa da mi link od stranice na kojoj sam ima oblikak kao kod hover, u uputama pise da <ul class="kwicks" > promijenim u <ul class="kwicksl" > ali onda mi opce ne radi. Molio bih za pomoć jer nemam previse iskustva! Unaprijed hvala
kwicks 1.5 problem
Zaključano
Zakačeno
Pa ta problematika nije vezana za sam kwicks, već to ti treba sam da rešiš u zavisnosti od toga kako si pravio taj tvoj sajt na kome je implementiran kwicks. Ako je u pitanju neki statički sajt, onda u tim nekim HTML stranicima u kojima ispisuješ taj kwicks meni treba da dodeliš CSS klasu odgovarajućem npr. li-ju u tom meniju, koji će da ga render-uje u tom obliku kao nakon hover-ovanja preko tog elementa. Ista stvar je ako u pitanju neki dinamički sajt, npr. PHP kao server-side, onda samo treba da u zavisnosti od zahteva radiš istu ovu priču kao malopre...
izmenjeno 1 put, poslednji put Nikola Poša 12.02.2010. u 15:36
Izmene poruke
- Nikola Poša12.02.2010. u 15:36zapis iz teksta poruke
ovo mi je html:
a ovo css:
Mozes mi savjetovati kako oznaciti sad da je naslovna aktivna?
unaprijed hvala!
Kod stavljaj unutar tag-ova za kod.
Code:
<ul class="kwicks" >
<li id="kwick1"><a href="index.html" >Naslovna</a></li>
<li id="kwick2"><a href="#">Uclani se</a></li>
<li id="kwick3"><a href="#">F.A.Q</a></li>
<li id="kwick4"><a href="#">Kontakt</a></li>
</ul>
<ul class="kwicks" >
<li id="kwick1"><a href="index.html" >Naslovna</a></li>
<li id="kwick2"><a href="#">Uclani se</a></li>
<li id="kwick3"><a href="#">F.A.Q</a></li>
<li id="kwick4"><a href="#">Kontakt</a></li>
</ul>
a ovo css:
Code:
.kwicks {
list-style : none;
position : relative;
margin : 0;
padding : 0;
background-image : url("../img/no_flicker.jpg");
}
.kwicks li {
display : block;
overflow : hidden;
padding : 0;
cursor : pointer;
float : left;
width : 125px;
height : 40px;
margin-right : 0;
background-image : url("../img/kwicks_sprite.jpg");
background-repeat : no-repeat;
}
.kwicks a {
display : block;
height : 40px;
text-indent : -9999px;
outline : none;
}
#kwick1 {
background-position : 0 0;
}
#kwick2 {
background-position : -200px 0;
}
#kwick3 {
background-position : -400px 0;
}
#kwick4 {
background-position : -600px 0;
}
#kwick1.active, #kwick1:hover {
background-position : 0% bottom;
}
#kwick2.active, #kwick2:hover {
background-position : -200px bottom;
}
#kwick3.active, #kwick3:hover {
background-position : -400px bottom;
}
#kwick4.active, #kwick4:hover {
background-position : -600px bottom;
}
.kwicks {
list-style : none;
position : relative;
margin : 0;
padding : 0;
background-image : url("../img/no_flicker.jpg");
}
.kwicks li {
display : block;
overflow : hidden;
padding : 0;
cursor : pointer;
float : left;
width : 125px;
height : 40px;
margin-right : 0;
background-image : url("../img/kwicks_sprite.jpg");
background-repeat : no-repeat;
}
.kwicks a {
display : block;
height : 40px;
text-indent : -9999px;
outline : none;
}
#kwick1 {
background-position : 0 0;
}
#kwick2 {
background-position : -200px 0;
}
#kwick3 {
background-position : -400px 0;
}
#kwick4 {
background-position : -600px 0;
}
#kwick1.active, #kwick1:hover {
background-position : 0% bottom;
}
#kwick2.active, #kwick2:hover {
background-position : -200px bottom;
}
#kwick3.active, #kwick3:hover {
background-position : -400px bottom;
}
#kwick4.active, #kwick4:hover {
background-position : -600px bottom;
}
Mozes mi savjetovati kako oznaciti sad da je naslovna aktivna?
unaprijed hvala!
Kod stavljaj unutar tag-ova za kod.
Pa nema tu ništa specijalno da se uradi sem da se poveća width ili height, u zavisnosti da li je horizontalno ili vertikalno poravnat, pošto vidim da je to jedini efekat nakon prelaska mišem preko tog nekog bloka. I možda eventualno promena boje ili tako nešto. A u tom tvom primeru, koliko vidim po tom CSS-u, trebao bi samo da dodaš jedan class = "active" na taj prvi li element, koji ima id "kwick1".
e tak sam i ja skuzio i dodao sam class active
<li id="kwick1"><a href="index.html" class="active" >Naslovna</a></li>
i nije mi htjelo radit!
<li id="kwick1"><a href="index.html" class="active" >Naslovna</a></li>
i nije mi htjelo radit!
Molim Vas za odgovor gdje sam pogrijesio!