Evidentierea link-urilor dintr-un text (CSS)

Am patit de mai multe ori sa citesc un text destul de mare in care erau puse si linkuri. Tot citind si verificand diferite chestii, si revenind la acea pagina iar si iar.. ajungeam la un moment dat sa nu mai stiu pe ce linkuri am apasat. Apoi mi-a venit o idee: cum as putea sa evidentiez linkurile neaccesate dintr-un text stufos cu ajutorul CSS-ului.

Pai e simplu, atasez o imagine ca background link-urilor neaccesate. O imagine ca background sau textul boldat sau orice altceva ce scoate in evidenta link-urile neaccesate.

a:link {
	color: #06c;
	text-decoration: none;
	background: url(IMAGINE_ICON) no-repeat right;
	padding-right: 15px;
}

a:visited {
	color: #333;
	text-decoration: none;
}

a:active {
	color: #06c;
	text-decoration: none;
}

a:hover {
	color: #147;
	text-decoration: underline;
}

Leave a Reply

Your email address will not be published. Required fields are marked *