[es] - kwicks 1.5 problem

blind-linux
Vanja Šomođi
student
Varaždin

Član broj: 162178
Poruke: 7
193.198.251.*

ICQ: 451632558

Profil

^{12.02.2010. u 00:42 - pre 173 meseci}

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

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-1.sezampro.yu.

+33 Profil

Re: kwicks 1.5 problem

^{12.02.2010. u 09:53 - pre 173 meseci}

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...

Odgovor na temu

blind-linux
Vanja Šomođi
student
Varaždin

Član broj: 162178
Poruke: 7
193.198.251.*

ICQ: 451632558

Profil

Re: kwicks 1.5 problem

^{12.02.2010. u 13:26 - pre 172 meseci}

ovo mi je html:

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>

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;
}

Mozes mi savjetovati kako oznaciti sad da je naslovna aktivna?
unaprijed hvala!

_{Kod stavljaj unutar tag-ova za kod.}

_{[Ovu poruku je menjao Nikola Poša dana 12.02.2010. u 15:36 GMT+1]}

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-1.sezampro.yu.

+33 Profil

Re: kwicks 1.5 problem

^{12.02.2010. u 14:43 - pre 172 meseci}

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".

Odgovor na temu

blind-linux
Vanja Šomođi
student
Varaždin

Član broj: 162178
Poruke: 7
193.198.251.*

ICQ: 451632558

Profil

Re: kwicks 1.5 problem

^{12.02.2010. u 15:42 - pre 172 meseci}

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!

Odgovor na temu