Bine ai venit pe DesignART !
-Forumul DesignART ofera servicii gratuite in domeniile Graphic Design si Coding !
-Pentru a beneficia de aceste servicii trebuie doar sa va INREGISTRATI si/sau sa va CONECTATI
-Innainte de a incepe sa postati,va sfatuim sa cititi REGULAMENTUL forumului !

Despre CSS

Vezi subiectul anterior Vezi subiectul urmator In jos

Despre CSS

Mesaj Scris de BODO la data de Mar Iun 14, 2011 12:14 pm

Tutorial - Despre CSS


CSS - Cascading Style Sheets ( Foi de Stil in Cascada ) aduce un control sporit tag-urilor HTML oferind o imbunatatire a prezentarii paginilor web, a designului.

HTML : Poate fi utilizate in moduri diferite dar sub aceias actiune.Mai jos se afla un exemplu de coduri scurte care executa aceias actiune de modificare.
Varianta 1:
#clasa{ valoarea dorita}

Cod:
<div id="clasa">CONTINUT</div>
Varianta 2:
.clasa{ valoarea dorita}

Cod:
<div class="clasa">CONTINUT</div>

Cod:
<span class="clasa">CONTINUT</span>

Cascading Style Sheets (CSS): este cea mai importanta ramura a paginilor web.
Toate codurile css functioneaza cu cuvinte din limba engleza si daca stim minimul de engleza vom crea cate coduri dorim.

Dictionar pentru modificarea textelor:

font-size: #px; Marimea Textului Modificati valoarea #px in or care alta valoare 7px,8px...etc.
font-family: Verdana; Fontul Textului Inlocuiti Verdana cu orcare alt font care va place.
color: #000000; Culoarea textului Modificati #000000 cu alt cod pentru culori html.
font-weight: bold; Utilizare bold la text Aici nu se pot face modificari .

Acestea 4 sunt cele mai importante si cele mai utilizate valori css.

Dictionar pentru modificarea tabelelor:

background-color: transparent; fundal transparentNu se pote personaliza la acest cod.
width: #px;Latime Tabel Modificati # la o valoare de cifre mai mare (ex:10,11,12)
height: #pxInaltimea Modificati # la o valoare de cifre mai mare (ex:10,11,12)
background-color: #; Fundal Tabel Modificati # cu ajutorul codurilor de culori html.
border-radius: #px; Rotunjite tabel Modificati # la o valoare de cifre mai mare (ex:5,6,7)
padding: #px; Distanta dintr-e text si tabel .Modificati # la o valoare de cifre mai mare (ex:1,2,3)
background-repeat: no-repeat; Fundal fara reperater Nu se pote personaliza la acest cod.
border:#px; Contur tabelModificati # la o valoare de cifre mai mare (ex:1,2,3)
background: url(LINK IMAGINE) ; Fundal cu o imagine.Modificati LINK IMAGINE cu o imagine incarcata pe un host de imagini.

Pentru a crea codul nostru personalizat adaugati css in pagina html in tagul html:
Cod:
<style type="text/css">CODURI CSS</style>

Am creat o structura pentru a va da seama despre cum ar trebui asezate intro pagina html.

Cod:
<style type="text/css">#nume_clasa {
background-color: #f3f3f3;
border-radius: 4px;
border:1px;
}</style>

<div id="nume_clasa">Ana are mere.</div>

In acest tutorial am dat exemple de structura unui css si cum putem realiza asa ceva. Acuma depinde de fiecare daca va retine ceva.

Tutorial realizat de $tefaN | DesignART
***Important !
Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !
avatar
BODO
Membru Onorific
Membru Onorific

Mesaje Mesaje : 327
Credite Credite : 406
Reputatie : 0

Sus In jos

Re: Despre CSS

Mesaj Scris de Andrey la data de Mier Iun 15, 2011 3:45 am

Wow este bun
avatar
Andrey
Membru DesignART
Membru DesignART

Mesaje Mesaje : 13
Credite Credite : 20
Reputatie : 0
Varsta Varsta : 34

Sus In jos

Re: Despre CSS

Mesaj Scris de Bogdanell ;x la data de Mier Iun 15, 2011 12:52 pm

Bun Tutorial, Bravo ! Wink
avatar
Bogdanell ;x
Membru DesignART
Membru DesignART

Mesaje Mesaje : 28
Credite Credite : 32
Reputatie : 0
Varsta Varsta : 21
Localizare Localizare : Craiova

http://www.trafictv.wikiforum.ro

Sus In jos

Re: Despre CSS

Mesaj Scris de Aleku la data de Mier Iun 15, 2011 8:01 pm

Mulţumim, este foarte folositor.
avatar
Aleku
Gold Member
Gold Member

Mesaje Mesaje : 325
Credite Credite : 304
Reputatie : 0
Varsta Varsta : 23

http://edtutorials.forumz.ro/

Sus In jos

Re: Despre CSS

Mesaj Scris de Irian la data de Vin Iun 17, 2011 10:55 am

Foarte util!
avatar
Irian
Membru DesignART
Membru DesignART

Mesaje Mesaje : 20
Credite Credite : 26
Reputatie : 0
Varsta Varsta : 21

Sus In jos

Re: Despre CSS

Mesaj Scris de Vizitato la data de Vin Iun 17, 2011 11:46 am

Te rog sa comentezi in minim 3 cuvinte altfel o sa consider ca , faci spam !
avatar
Vizitato
Vizitator


Sus In jos

Re: Despre CSS

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum