verde.

ro - cu noi internetul este simplu Page 1 of 1

CAP X - Diverse

acum urmeaza cateva chestii pe care le poti incerca singur. deja stii destule ca sa nu mai fie nevoie sa iti arat si sa iti explic pas
cu pas, ca la aia micii. asa ca iti dau doar bucatile de cod, incearca-le singur.

1. cascading style sheets - css

css reprezinta extensii ale programarii web care pot deveni destul de utile. ceea ce vom face va fi sa definim o clasa de fonturi.
astfel, in loc sa scrii de fiecare data <font face=verdana size=2 color=#AA0000>, de exemplu, vei scrie numai <font
class="pc1">. pentru asta vei include urmatorul cod in sectiunea head a fisierului html:

<STYLE TYPE="text/css">
<!--
.pc1 {font-family : Verdana;
font-size : 10pt;
color : #aa0000}
-->
</STYLE>
Aceasta a definit o clasa de fonturi numita pc1 cu font verdana, dimensiune 11 puncte si culoare rosie. acum poti utiliza
urmatorul tag pentru a defini fontul:

<font class="pc1">....text.....</font>
2. colorarea barelor de scroll

pentru aceasta se introduce urmatorul cod in aceeasi sectiune head:

<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: #ccffcc;
SCROLLBAR-BASE-COLOR:#00FF00;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #1CD45D;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}
</STYLE>
incearca sa modifici fiecare din valorile de mai sus pentru a observa rolul fiecareia.

3. link-uri mai smechere

codul de mai jos schimba formatul link-urilor: astfel, link-urile nu vor mai fi subliniate, iar atunci cand treci cu mouse-ul peste
ele vor avea culoarea portocalie. dupa cum ne-am obisnuit, acest cod trebuie inclus in structura head:

<style type="text/css">
.sus,a.sus {
font-family : Verdana, Arial;
color : #000000;
text-decoration: none;
font-size : 10px;
line-height : 10px;
}
a.sus:active { color : #FFA800; }
a.sus:hover { color : #FFA800; }
</style>
acum, pentru un link cu acest format, vei folosi:

<a class="sus" href=link.html>site</a>

http://www.verde.ro/ghid2/11.html 30.04.2004