Lucru pe Internet - Afaceri Online - Profit din Site-uri Web

Proiectare Site si Web Design - Standardul CSS
Pseudo Clase de Stiluri

Pseudoclasele se utilizeaza pentru personalizarea legaturilor web, atat de tip text, cat de tip imagine. Ele se definesc in interiorul unui bloc <style>...</style> sau intr-un fisier extern, Exemplul de mai jos este edificator in acest sens:

a: link {color: blue; font-size: 15pt;}
a: hover {color: red; font-style: italic; text-decoration: none}
a: visited {color: magenta; font-size: 15pt; text-decoration: none}
a: active {color: cyan; font-size: 15pt; text-decoration: none}

Explicatii:

• a: link se refera la modul īn care arata un link īn mod normal;

• a: hover se refera la modul īn care arata un link atunci cānd se trece cu mouse-ul peste el (īn Netscape functioneaza doar de la varianta 6);

• a: active se refera la modul īn care arata un link atunci cānd se efectueaza click pe el;

• a: visited se refera la modul īn care arata un link deja vizitat;

• specificatia "text-decoration: none" elimina sublinierea implicita cu o linie albastra a link-ului.

Pentru ca numai anumite legaturi sa utilizeze un stil, se pot folosi urmatoarele trei metode:

1. a: link.CLASA1 {...} combinat cu <a class = CLASA1 href=" "> ...</a>
2. a: link#ID1 {...} combinat cu <a id = ID1 href=" "> ...</a>
3. a.CLASA1: link {...} combinat cu <a class = CLASA1 href=" "> ...</a>

Chestiune Auxiliara

In browsere cursorul mouse-ului are in general o forma simpla si binecunoscuta, luind pe parcursul vizionarii paginii respective maximum doua infatisari diferite:

• Mana - atunci cand este pozitinat pe o legatura

• Sageata oblica din directia dreapta jos spre stanga sus - atunci cand este pozitionat pe alt obiect decat o legatura.

Acestea sunt insa formele implicite. Exista insa si cazuri in care am dori ca acel cursor sa ia o alta forma decat cele doua predefinite. La fel ca multe alte probleme care privesc modul in care arata o pagina, si aceasta problema isi gaseste rezolvarea in folosirea CSS ca limbaj de descriere a modului de stilizare a unui document.

Proprietatea care manipuleaza forma cursorului se numeste simplu: "cursor" si poate fi introdusa in orice element "style" al unui tag html.

De exemplu, pentru obtinerea unei imagini a cursorului de tipul unei sageti insotite de un semn de intrebare la trecerea mouse-ului peste un link, iata codul care va trebui folosit:

<a href="fisier.html" style="cursor: help">Legatura</a>

Efectul este urmatorul (doar pentru IE minim 4.0):

Legatura cu CSS pentru stilizare cursor

Nu este insa unicul mod de stilizare a cursorului mouse-ului. In continuare prezentam codurile pentru toate formele de cursor care se pot folosi: