Cufon - hover Opcje

[Mega_88]

Hej ! Mam bardzo pilną rzecz do zrobienia, a już się pogubiłem. Nie wiem czy za to jest odpowiedzialny skrypt Cufon czy może czegos w CSS nie mam. Może ktoś rzucić na to okiem i mi pomóc ?

Chodzi o to, że sama funkcja hover działa, ale jeżeli wejdę w jakąś zakłądkę chce żeby kolor był zachowany z "hover". Czyli tak na szybko - Mam link "Start" , który jest biały po najechaniu kursorem robi się czarny, ale i po kliknieciu w "Start" również zostaje czarny. Może ktoś pomóc ? Poniżej linie kodu:

Kod strony

<?php
if ($id==7 or $id==8 or $id==9) echo
'<div class="menu1">
<a href="start" style="margin-right:10px"><h3>Start</h3></a>
<a href="historia" style="margin-right:10px"><h3>Start</h3></a>
<a href="srebrna" style="margin-right:10px"><h3>Start</h3></a>
<a href="zlota" style="margin-right:10px"><h3>Start</h3></a>
<a href="brazowa" style="margin-right:10px"><h3>Start</h3></a>
<a href="kontakt" style="margin-right:0px"><h3>Start</h3></a>
</div>'
?>

JS do Cufon

Cufon.replace("h3", { hover: {color: '#bb9e55'} });

CSS

.menu1 { float:right; width:720px;height:10px;margin-top:100px;}
.menu1 a, .menu1 span { display:block;float:left;margin-left:5px }
.menu1 a { color:#ffffff;font-size:12px;}
.menu1 a:hover { color:#bb9e55;font-size:12px;padding-bottom:10px;}
.menu1 span { color:#bb9e55;font-size:12px;}

[ovi_pl]

Może:

.menu1 a:hover, .menu1 a:active

Ten post edytował ovi_pl 6.10.2011, 13:41:37

[Mega_88]

Może:

Niestety, ale nie chce działać ...

[ovi_pl]

W takim razie spróbuj zdefiniować tę klasę tak samo jak jest tutaj:
http://www.w3schools.com/cssref/sel_hover.asp

[Mega_88]

Już kombinowałem i z tym nic nie pomogło... Nie mam pojęcia gdzie jest błąd...

[Pawel_W]

Boże, ludzie...

po prostu aktualnemu odsyłaczowi nadaj klasę .current i ostyluj ją w css tak jak :hover

[Mega_88]

Boże, ludzie...

po prostu aktualnemu odsyłaczowi nadaj klasę .current i ostyluj ją w css tak jak :hover

Paweł możesz mi to zrobić na przykładzie ? Przepraszam, ale nie zrozumiałem.

[Pawel_W]

http://www.pomozalicji.pl/ zobacz jak tam to zrobiłem

[Mega_88]

http://www.pomozalicji.pl/ zobacz jak tam to zrobiłem

Paweł... chodzi o to, że stron z tym elementem zrobiłem już dużo i zawsze mi działał, a w tym przypadku nie chce mi przejść. Zrobiłem go troche inaczej i jak pisałem na początku już się pogubiłem. Czy możesz zrobić to na tych liniach kodu, które podałem ?

[Pawel_W]

nie...

MUSISZ dodać klasę, która będzie wyróżniała aktualny element

może inaczej... spróbuj uzyskać taki efekt na obecnym kodzie BEZ cufona - nie uda Ci się -> nie uda Ci się z cufonem

czy tak ciężko jest zrozumieć o co mi chodzi?

jak jesteś na podstronie "start" to dajesz <a href="start" class="current" style="margin-right:10px"><h3>Start</h3></a> a potem w css stylujesz sobie to tak jak :hover...

[Mega_88]

Zrobiłęm w ten sposób i nie działa:

<?php
if ($id==7 or $id==8 or $id==9) echo
'<div class="menu1">
<a href="start" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="historia" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="srebrna" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="zlota" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="brazowa" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="kontakt" class="current" style="margin-right:0px"><h3>Start</h3></a>
</div>'
?>

.menu1 { float:right; width:720px;height:10px;margin-top:100px;}
.menu1 a, .menu1 span { display:block;float:left;margin-left:5px }
.menu1 a { color:#ffffff;font-size:12px;}
.menu1 a:hover { color:#bb9e55;font-size:12px;padding-bottom:10px;}
.menu1 a:current { color:#bb9e55;font-size:12px;padding-bottom:10px;}
.menu1 span { color:#bb9e55;font-size:12px;}

Zrobiłem też w ten sposób i nie działa:

<?php
if ($id==7 or $id==8 or $id==9) echo
'<div class="menu1">
<a href="start" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="historia" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="srebrna" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="zlota" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="brazowa" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="kontakt" class="current" style="margin-right:0px"><h3>Start</h3></a>
</div>'
?>

.menu1 { float:right; width:720px;height:10px;margin-top:100px;}
.menu1 a, .menu1 span { display:block;float:left;margin-left:5px }
.menu1 a { color:#ffffff;font-size:12px;}
.menu1 a:hover { color:#bb9e55;font-size:12px;padding-bottom:10px;}
.current { color:#bb9e55;font-size:12px;padding-bottom:10px;}
.menu1 span { color:#bb9e55;font-size:12px;}

Więc o co tu chodzi ?