|
PC Magazine Romania, 2001
Internet PRO
Comunitatea experților și a cititorilor PC Magazine
Fiți creativi și veți câștiga, nu numai stima noastră
Model de soluție
Am schițat un răspuns, nu este nici el desăvârșit, tocmai pentru a vă pune
noi probleme, dar și pentru a vă oferi un exemplu de abordare a acestei rubrici.
IP0003. Unii dintre noi sunt mai pretențioși, în sensul că doresc foarte
mult ca vizitatorul care se uită la paginile lor să le vadă exact cum le-au
gândit. De exemplu, care ar fi soluția ca legăturile (link-urile) să nu mai
fie subliniate sau colorate cu ceea ce a impus utilizatorul? Dar ca să nu se
mai vadă rama în care este pusă o imagine?
Un posibil răspuns
Cascading Style Sheets (CSS) este cea mai bună metodă de a controla formatul
legăturilor. Poți să dai un format global întregii pagini sau numai legăturilor
din ea. Alegerea metodei folosite depinde de ce anume ai nevoie.
Pentru a elimina sublinierea legăturilor din tot documentul, pune în secțiunea
<head>:
<STYLE><!-
A {text-decoration: none}
//-}
</STYLE>
Dar dacă vrei numai ca anumite legături să nu fie subliniate, scrie în tag-ul
<a>:
<a href="http://www.pcmagazine.ro/"
style-"text-decoration: none">
Pc Magazine România</a>
Se poate construi un control mai fin al apariției legăturilor în funcție de
istoricul acestora. Stilul celor vizitate va fi diferit de cele încă nevizitate
sau de legăturile active, ca în exemplul de mai jos:
<STYLE><!-
A:link {text-decoration: none; color: red}
A:visited {text-decoration: none; color: green}
A:active {text-decoration: none; color: blue}
//-}
</STYLE>
Exemplul de mai sus ilustrează de fapt multiplele posibilități pe care le aveți
la îndemână pentru a crea diferite stiluri pentru fiecare situație în parte.
Atenție însă că navigatoarele mai vechi nu suportă CSS, dar se pot utiliza opțiunile
tagului BODY pentru a face schimbări globale în formatul legăturilor și nu numai.
Se pot de asemenea stabili caracteristicile paginii sau frame-urilor.
În tagul BODY poți include trei opțiuni pentru legături nevizitate încă (LINK=#rrggbb),
cele vizitate deja (VLINK=#rrggbb) sau cele active (ALINK=#rrggbb). A se vedea
exemplul de mai jos:
<BODY link="#FF0000"
vlink="#00FF00" alink="#0000FF">
restul documentului
</BODY>
unde se obține de fapt același efect de culoare dar nu și faptul că legăturile
sunt nesubliniate, ca în exemplul precedent în care am folosit STYLE. Formatul
#rrggbb definește culoarea dorită în format RGB (red-green-blue, roșu-verde-albastru),
unde rr este un număr în baza 16 (reprezentare hexazecimală) de la 00 la FF
și reprezintă cantitatea de roșu folosită pentru a crea culoarea dorită. Similar
pentru gg și bb. De exemplu, ca să obținem culoarea violet putem folosi "#800080".
Iată acum un truc pentru a emula o legătură folosind forma unui buton (button
form) și un script mic Java:
<form>
Apasă pe buton ca să ajungi la PC Magazine România:
<input type=button value ="Spre PC Magazine" onclick="location. href= 'http://www.pcmagazine.ro';">
</form>
Același truc (onclick=) puteți să-l folosiți la fel de bine și pentru imagini.
În mod normal folosiți un cod care arată cam așa:
<a href="="http://www.pcmagazine. ro/"> <img src="pcmag.gif"> </a>
Încercați:
<img src="pcmag.gif"
onclick="location.href='http://www.pcmagazine.ro';">
Atenție la semnele de citare din al doilea exemplu. Nu le încurcați, pentru
că nu o să mai meargă. Tot codul onclick este cu ghilimele duble, iar legătura
propriu-zisă cu simple. Ordinea nu este obligatorie, dar e necesar ca să folosiți
unele pentru a le include pe celelalte. Exemplul al doilea rezolvă problema
chenarului, pentru care în primul exemplu ați fi fost nevoiți să adăugați caracteristica
border=0. Observație: dacă legătura este într-un frame, location.href va schimba
numai conținutul acestuia nu și tot ansamblul ferestrei navigatorului. Folosiți
pentru aceasta top.location.href.
Alte amănunte despre această rubrică la www.pcmagazine.ro.
Dacă soluția ta va fi aleasă de redacția PC Magazine
România drept ,,Soluția Lunii" vei primi un abonament pe un an la revista noastră.
Soluțiile și problemele pot fi trimise pe adresa [email protected]
sau prin poștă pe adresa Redacția PC Magazine România, București, CP 94 OP 49,
împreună cu datele de identificare, cu mențiunea pentru rubrica ,,Internet PRO".
Soluția și problema anului vor primi un premiu de
100$.
|
