Designul diferit al legăturilor interne și externe utilizând css

Un astfel de design diferit este ușor de implementat cu regulile CSS. în special prin pseudo-clase și selectori speciali.

De exemplu, eliminați sublinierea pentru toate legăturile interne. iar pentru linkurile externe aceasta este adăugarea sublinierii.







Dacă nu știți deja, puteți adăuga sau elimina underscore folosind proprietatea de decorare text. Mai întâi, eliminați sublinierea pentru toate linkurile de pe site utilizând regula:

o decorare text: nici una;
>

Pentru a codul a lucrat pe site-ul dvs. în loc de numele site-ului meu webcodius.ru adăugați-vă numele.







Cod exemplar complet:

Exemplu de creare a unui blog pe WordPress 4

Documente Word :, foi de calcul Excel, documente pdf, zip-arhiva

Apoi adăugăm reguli CSS folosind aceiași selectori de atribute. De exemplu, pentru referințele la documentele Word, regula CSS va fi:

a [href $ = '. doc'] și [href $ = '. docx'] fundal: url (icons / doc.png) no-repeat 100%;
padding-right: 18px;
>

Și astfel adăugăm reguli pentru toate tipurile de documente necesare.

Codul complet exemplu este:

În acest fel, puteți adăuga pictograme pentru orice tip de document. Asta e tot. Până data viitoare!

Același lucru este valabil și pentru legăturile vizitate și active.

Cum puteți specifica prin CSS un design stilistic diferit al legăturilor externe și interne de pe site?







Trimiteți-le prietenilor: