iné pozadie aktívneho odkazu

davider137 · Napísal **davider137**: 13.07.2010 14:56

Zdravím,

robím jedny stránky a potrebujem aby sa pozadie odkazu zmenilo po kliknutí na inú farbu (napr. cervenu); ale chcem aby to tak ostalo iba kým je človek na danej podstranke --- tj. hore je menu a je tam položka "kontakt" - ja chcem aby ked si niekto bude pozerat kontakt tak aby pozadie odkazu bolo červené; --- tj chcem aby to vyzeralo ako také "tabs"

skúšal som to cez pseudotriedu a:active lenže vtedy sa zmeni farba iba v momente kliku; ešte poznám pseoudotriedy hover, link a visited; existuje ešte nejaká iná?

viete mi niekto poradit čo tam mám napísat? som bol presvedčený že to pojde cez a:active ale ne.... dík moc

shaggy · Napísal **shaggy**: 13.07.2010 17:45

Musíš tomu "aktívnemu" odkazu priradiť nejakú triedu (prípadne id) a tú oštýlovať tak, ako potrebuješ.

davider137 · Napísal autor témy **davider137**: 14.07.2010 20:14

hmmm....no ďakujem za radu, ale celkom nechápem. mohol by si mi prosím poradit čo by som mal hladat v google aby som našiel nejaký návod;

lebo nechápem celkom ako možem oštýlovat aktívny odkaz.... ja mám v css toto:

Kód:

div.menu a:active{
width: 18%;
height: 100%;
position: relative;
top: 10px;
color: black;
background-image:url("../obr/stvrtafarba.png");
float: left;
text-decoration: none;
}

lenže to mi funguje tak ako som písal v prvom odseku; priradit triedu aktívnemu odkazu mi príde že sa može dat nejakým iným jazykom ale nie html a css;;; lebo ved class priradujem konkretnemu odkazu v texte html;

ako viem si to predstavit tak že by som napr. na stránku "kontakt" dal odkazu "kontakt" nejaké id; a také isté aj odkazu "úvod" na stránke "úvod" ... a to naštýloval tak ako chcem; ale sa mi to zdá také fušerské a zaujímal ma nejaký sposob profesionalnejší

EDIT: tak som to spravil tak "fušersky" a som spokojný celkom :-)

dík za navedenie

shaggy · Napísal **shaggy**: 14.07.2010 20:31

davider137 - ten "fušerský" spôsob je ten správny spôsob - tak sa to robí.

DARSON · Napísal **DARSON**: 15.07.2010 15:51

davider137 píše:

poznám pseoudotriedy hover, link a visited; existuje ešte nejaká iná?

Ano exisuje, ale az v CSS3. je to :target.

Kód:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
:target {
   background-color: red;
}
</style>
</head>

<body>
<a href="#1">1</a><br />
<a href="#2">2</a><br />
<a href="#3">3</a><br />
<br />
<div id="1">Div 1</div><br />
<div id="2">Div 2</div><br />
<div id="3">Div 3</div>
</body>
</html>

Spusti si tento kod bud v Google Chrome alebo v Safari

shaggy · Napísal **shaggy**: 15.07.2010 18:29

Darson - opäť odpoveď, ktorá nesúvisí s pôvodnou otázkou. To, čo si ty sem dal je možno fajn, ale:
1. nefunguje to všade
2. nerieši to pôvodný problém, nedokážeš tak nastaviť aktuálnu položku v menu

DARSON · Napísal **DARSON**: 15.07.2010 20:32

shaggy píše:

nedokážeš tak nastaviť aktuálnu položku v menu

ked nevies tak bud aspon ticho. Nevidim dovod preco by sa to nedalo.

a dalsia vec...

shaggy píše:

nefunguje to všade

Jasne ze nie... Lebo je to CSS3. Pisal som ze to ide zatial len v Chrome a Safari.

No a nakoniec...

shaggy píše:

opäť odpoveď, ktorá nesúvisí s pôvodnou otázkou

Opäť? Hod sem link, kde som nezmyselne odpovedal na nejaku temu ako teraz ty. PS: temy v sekcii krčma sa nerataju

shaggy · Napísal **shaggy**: 15.07.2010 20:44

Darson - posledné varovanie. Ak nevieš, tak sa láskavo nevyjadruj.

Pôvodná otázka znela, ako zvýrazniť položku v menu, ktorá zodpovedá aktuálne otvorenej stránke. To, čo si poradil ty, funguje iba s kotvami.

Citácia:

Opäť? Hod sem link, kde som nezmyselne odpovedal na nejaku temu ako teraz ty.

http://www.pcforum.sk/ot-vt94101.html
http://www.pcforum.sk/ot-vt94102.html
http://www.pcforum.sk/ot-vt93993.html
http://www.pcforum.sk/ot-vt93914.html
http://www.pcforum.sk/ot-vt94377.html
http://www.pcforum.sk/ot-vt94364.html

Ako tak pozerám, máš na rováši peknú zbierku spamu, preto ber to moje posledné varovanie vážne. Ďalšie bude aj s BP a to bude tvoj druhý

DARSON · Napísal **DARSON**: 15.07.2010 20:58

Tak postupne...
Ten prvy... Precitaj si odpoved na ten moj prispevok. Chalan odpisal ze nasiel co hladal.

Druhy... Bola to odpoved na otazku. Skus si ju precitat.

Treti... Mal som pravdu...

Stvrty... ----||----

Piaty a siesty uznavam ze boli nevhodne ale urcite nie odveci.

A nha zaver mi pls povedz co je to BP. Dik

br4n0 · Napísal **br4n0**: 15.07.2010 21:40

Dá sa to urobiť viacerými spôsobmi, o.i. aj podmienkou v CSS
http://www.websiteoptimization.com/speed/tweak/current/

shaggy · Napísal **shaggy**: 15.07.2010 22:09

Darson - nauč sa čítať otázky v kontexte. A BP je to, čo dostaneš, ak sa budeš takto správať (v tvojom prípade je to cesta k banu).

iné pozadie aktívneho odkazu

Podobné témy