Autor Zpráva
Trax
Profil
Zdravím a předem se omlouvám jestli tenhle topic už existuje. Je jich tu mrtě moc ;) a já jsem hnán časem. Potřeboval bych pomoc s menu (nevím či je to CSS nebo Javasript, či něco jiného) - www.minorcreptus.ic.cz - chtěl bych to menu spravit tak, aby po kliknutí například na Kapela, písmo nechalo zbarvené, dokud bude návštěvník v danémobsahu Kapela a když z něj odejde tak aby se zas písmo zbarvilo zpět. Stručně řečeno, aby barva odkazu (a:hover) zůstala dokud si návštěvník obsah odkazu prohlíží. - v JPW jsem to nenašel :( ... Předem děkuji za pochopení a zárověň za pomoc..
Akacko
Profil
Trax
JS neovládám, tak nevím. Ale šlo by to pomocí PHP, že bys kontroloval parametry URL adresy a podle toho měnil css styl odkazu
swetko
Profil
Trax
riesilo sa to tu viackrat

html
na stranke kapela.html bude mat v menu polozka kapela priradenu triedu
<li><a href="">iny odkaz</a></li>
<li class="aktivna_polozka"><a href="">Kapela</a></li>
<li><a href="">iny odkaz</a></li>
<li><a href="">iny odkaz</a></li>

css
.aktivna_polozka
{
color:red;
}


----
edit:
v tvojom konkretnom pripade je to
<a href="?akce=kapela" class="aktivna_polozka">&nbsp;Kapela&nbsp;</a>
Trax
Profil
No nevím, jestli jsem to třeba napsal nějak nesrozumitelně :D Ale tak pokusím se líp.. Mimo to, <li> mi způsobil jen zalomení řádku takže jsem mělo menu ve sloupci.. udělal jsem to takhle ( Možná jsem v tom udělal chybu, tak se předem omlouvám )

<li><a class="active" href="?akce=novinky">&nbsp;Novinky&nbsp;</a></li>
<li><a class="active" href="?akce=kapela">&nbsp;Kapela&nbsp;</a></li>
<li><a class="active" href="?akce=historie">&nbsp;Historie&nbsp;</a></li>
<li><a class="active" href="?akce=koncerty">&nbsp;Koncerty&nbsp;</a></li>
<li><a class="active" href="?akce=galerka">&nbsp;Galerka&nbsp;</a></li>
<li><a class="active" href="?akce=linky">&nbsp;Linky&nbsp;</a></li>
<li><a class="active" href="?akce=vzkazy">&nbsp;Vzkazy&nbsp;</a></li>
<li><a class="active" href="?akce=kontakt">&nbsp;Kontakt&nbsp;</a></li>

a CSS

.active {
color: #bd0000;
text-decoration: none;
font-weight: bold;
font-family: Arial;
font-size: 13px;
}

Ale když jsem klikl na odkaz tak se to choval v podstatě stejně jak jsem to měl doposud s tím rozdílem že bylo tučný písmo protože v .active to je zadané

normálně jsem to měl jen ty odkazy a v CSS tohle:

.menu a{
color: #ffffff;
text-decoration: none;
font-family: Arial;
font-size: 13px;
}

.menu a:hover{
color: #bd0000;
text-decoration: none;
font-weight: bold;
font-family: Arial;
font-size: 13px;
}

chtěl bych to takhle - (odkazy mají bílou barvu) když najedu myší na kapela, zbarví se do barvy #bd0000 a když na odkaz Kapela kliknu a odjedu myší, odkaz zůstane v barvě #bd0000. (nemyslím a:visited) A když pak kliknu třeba na odkaz kontakty, tak aby udělal to samé, ale odkaz kapela, se zbarvil zase do původní barvy. (bílé - #ffffff) :)
Shane
Profil
Trax
<a href="?akce=kapela"<?php echo ($_GET['akce'] == 'kapela' ? ' class="active"' : ''); ?>>Kapela</a>

Viz djpw.cz/90189. :)
Trax
Profil
No nevím :D buď to jsem blbej a nebo slepej :D .. Nefunguje.. Mrknu ale na Viz djpw.cz/90189. :) Jen jsem tu na skok tak je možný, že ještě napíšu nějakej problém ohledně tohohle menu :D Hlavně dík za snahu.
Trax
Profil
Tak jsem se na to díval a z
.active{
color #bd0000;
text-decoration: none;
font-weight: bold;
font-family: Arial;
font-size: 13px;
}

mi nefachá barva.. Tučný to písmo zůstane, ale v tom případě nechápu, co je v tom za chybu :/
Bubák
Profil
Pravděpodobně to bude tím, že selektor .active není dostatečně konkrétní, oproti .menu a.
Zkus použít ID, nebo třebas .menu .active a
Více třebas www.jakpsatweb.cz/css/css-kaskadovani.html Podrobnější selektor
bohyn
Profil
Trax
mi nefachá barva..
Za color ti chybi dvojtecka.
Trax
Profil
Díky :) Bylo to tím selektorem :) Fakt dík moc lidi :)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: