Prescurtare cod pentru a schimba forma unui text

Extrem Tutorials :: Tutoriale și ponturi :: Programare si dezvoltare :: CSS

20042011
Prescurtare cod pentru a schimba forma unui text

In acest tutorial am sa va arat cum se poate modifica culoarea textului,marimea,fontul cu un cod scurt si usor de retinut.

Exemplu cod prescurtat:

Cod:

<div class="nume_clasa">CONTINUT</div>

Vom crea codul css si pe urma va fi functional codul nostru.
Dati numele clasei dupa proprile preferinte:

Cod:

.nume_clasa {

Vizitator poti sai dai ce nume vrei de exemplu .text_generalitati {.

La cest cod vom adauga marimea pe care vrem so aiba textu.

Cod:

font-size: 20px;

Valoare de 20px puteti so faceti mai mare sau mai mica dupa propriile preferinte.

Daca dorim putem sa modificam si fontul textului nostru

Cod:

font-family: Verdana;

Fontul Verdana puteti sal inlocuiti cu orce alt font.

Daca dorim putem sa adaugam si bold la textul nostru

Cod:

font-weight: bold;

Si nu in ultimul rand culoarea textului/

Cod:

color: RED;

Se poate adauga in codul html al culori pe care o dorim sau numele ei in limba engleza.
Si pentru ca codul sa nu aibe eroare trebuie sa incheiem codu cu

Cod:

}

lafel ca in html.

Codurile trebuiesc asezate cam in acest gen:

Cod:

.nume_clasa {
font-size: 20px;
font-family: Verdana;
font-weight: bold;
color: RED;
}

Intodeauna trebuie sa aibe aceasta oridine pentru ca codul sa fie functional

Cod:

nume_clasa {
COD
}

Codul care lam creat il adaugam in foaia de stil css si mai apoi vom putea adauga in orce parte a forumului urmatorul cod:

Cod:

<div class="nume_clasa">TEXTUL DORIT</div>

Rezultatul Final:

TEXTUL DORIT

Sper ca ati inteles cat de cat cea ce am spus in acest tutorial.Daca ai cunostinte 2% limba engleza va fi foarte usor.

Ultima editare efectuata de catre Stefan in Mar 16 Oct - 19:54, editata de 4 ori

Comentarii

Mersi pentru tutorial. Chiar in asa mod mi-a venit o idee pentru forum. Am mai vazut un tutorial cum sa creezi bbcode si de la acel tutorial + acesta se combina formidabil :clapping:

Re: Prescurtare cod pentru a schimba forma unui text
VizitatoMier 20 Apr - 18:39

Nui cine stie ce iti zic eu. :peace sign: Trebuie doar sa inveti clasele si poti face orce, chiar sa creezi un design pentru forumul tau.

Re: Prescurtare cod pentru a schimba forma unui text
ZeusJoi 21 Apr - 11:13

Sigur ca e un tutorial pentru incepatori, dar pur si simplu mi-ai dat o idee. Eu stiam toate astea deja, eu doar iti multumesc pentru ca fara acest tutorial nu eram sa ma gandesc ce sa mai fac :D

Re: Prescurtare cod pentru a schimba forma unui text
VizitatoJoi 21 Apr - 17:33