Četrtek, 10 Januar 2013 17:59

Spremenite barvo izbranega teksta s pomočjo CSS

Written by
Rate this item
(0 votes)

Veliko oblikovalcev spletnih strani med dizajniranjem pozabi na malenkosti, kot je naprimer obarvanost izbranega teksta. Vendar pa lahko ta majhna funkcija ujemanja barv spletne strani z barvo označenega teksta poskrbi za veliko boljšo uporabniško izkušnjo obiskovalcev vaše spletne strani!

Ko označite tekst na spletni strani ZianDesigns.com, lahko opazite, da je privzeto modro nadomestila svetlo siva barva, ki se veliko bolje ujema z barvami, ki smo jih uporabili v samem dizajnu spletne strani.

Primer označenega tekstaIn kako smo to dosegli? V resnici zelo lahko, samo dodali smo sledeči dve vrstici v .css datoteko naše spletne strani:

::selection{background:#C7C7C7; color:#fff;}

::-moz-selection {background:#C7C7C7; color:#fff;}

Selektor ::selection je podprt v IE9+, Operi, Google Chrome-u in Safari-ju. To je tudi razlog, za dodano vrstico, saj Firefox za prepoznavo selektorja potrebuje dodatno predpono -moz-selection.

Za konec pa še dva nasveta: za boljšo prilagoditev barve osnačenega teksta spremenite lastnost »background«, da pa spremenite barvo pisave si prilagodite lastnost »color«.

Read 2270 times
Anze Hribar

Anže Hribar je kreativni vodja ter tudi ustanovitelj spletnega portala ZianDesigns.

www.ZianDesigns.com

 

ČUDOVITO PREPLETANJE OBLIKOVANJA IN PROGRAMIRANJA
Oglej si naše projekte!



Portfolio





PRIJAVA NA NOVICE

OSTANITE V STIKU

Želite več informacij ali samo nasvet glede izdelave spletnih strani in trgovin?
@: info@ziandesigns.com

KAJ PA COPYRIGHT?

Vsa vsebina na strani je avtorsko zaščitena. V kolikor želite uporabiti dele strani, nas prosim kontaktirajte. P.s. Brez skrbi, ne grizemo.