2017 altex.ro

Drop Caps - prima litera diferita intr-un text

Daca scri un text si doresti ca una din fraze sa apara diferit de restul se poate folosi un truc care va da un efect special descrieri respective adica prima litera va apare cu o anumita dimensiune si culoare. Pentru a folosi acest truc pe blog trebuie urmat exemplul de mai jos.

Mergem la Aspect ->Editare HTML -> si cautam linia ]]></b:skin> exact inainte ei adaugam codul html urmator:

.dropcaps {
float:left;
color:#1B703A;
font-size:100px;
line-height:80px;
padding-top:1px;
padding-right:5px;
}

Salvam modificarile si acum ori de cate ori dorim sa apara prima litera diferit vom folosi urmatoarea linie de cod pe care o adaugam inaintea descrieri (text) respective.

<span class="dropcaps">D</span>

La final inlocuim litera"D" cu prima litera de text si gata avem trucul instalat.

0 comentarios:

Trimiteți un comentariu

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc