Orei bune din timpul zilei. 🙂
Anterior, a fost posibilă realizarea unei introduceri numai cu inserarea imaginii pe care a fost scrisă litera, sub forma dorită. Acum toate acestea sunt posibile, pur și simplu folosind CSS. Prima litera a pseudo-elementului ne va ajuta. care definește prima literă. Arata cam asa:
Să luăm de exemplu un bloc cu conținutul clasei. În interiorul acestuia va exista text care este fragmentat în paragrafe de etichete
. Să specificăm stilurile primei litere din paragraf și, așa cum am scris mai devreme, să alocăm pseudo-elementului de literă de primă litera. Codul final va arata cam asa:
Fiecare primă literă din paragraf va fi sub forma unui capac de picătură. Stiluri pentru scrisori, vă puteți prescrie, bineînțeles, propriul dvs., în funcție de stilul site-ului și de dorința dumneavoastră.
Pentru a seta litera inițială numai la începutul articolului, adică doar o singură literă și toate, atunci trebuie să închideți un singur paragraf în bloc.
Există încă un truc, că pe pagină există o singură literă. Dar din anumite motive nu funcționează întotdeauna și nu peste tot. De exemplu, am lucrat numai în WordPress. Pentru a nu include textul unei intrări de fiecare dată în etichete, folosesc aproape aceeași metodă, dar atribuie două pseudo-elemente simultan: prima literă și: primul-copil. În subiectul în sine, în fișierul single.php. trebuie să găsiți linia cu apelul funcției:
Și ca în primul exemplu, închideți-l într-un bloc prin atribuirea unei clase. În WordPress, paragrafele sunt închise în mod implicit în etichetă
. astfel încât stilurile sunt după cum urmează:
După cum puteți vedea, nu este nimic greu să creați un dropship în interiorul intrărilor pe site.
Asta e tot, vă mulțumesc pentru atenția acordată. 🙂
Dacă ai putea folosi munca mea, poți susține site-ul :)
Bună dragă prietenă
Aveți extensia AdBlock sau altele asemenea. Adăugați site-ul meu pe lista albă și, prin urmare, contribuiți la dezvoltarea acestuia. Instrucțiunea cum să dezactivați AdBlock Vreau aceeași fereastră
Articole similare
Trimiteți-le prietenilor: