deviant art

Deviant Login
Buy ArtBuy T-Shirts & Gear Buy adCast Buy Premium Membership
Shop		  Join deviantART for FREE Take the Tour
[x]
Browse More Like This
Download File
ZIP, 372 bytes more ▶

More from ~blissart

Featured in Groups:

:iconecssited: #eCSSited
a place for all your CSS needs :iconcss-babes: #CSS-Babes
A club for CSS babes, oh yeah! :iconjournalskin: #JournalSkin
Quality journal skins :icon1stwebdesigner: #1stwebdesigner
Be 1ST web designer! Join! Now! :icondivine-tutorials: #Divine-Tutorials
Tutorials befitting of a deity!

Details

February 25, 2010
372 bytes
Link
Thumb

Statistics

Comments: 49
Favourites: 170 [who?]


Views: 7,847 (1 today)
Downloads: 151 (0 today)
[x]
:iconblissart:
A quick tutorial on how to change the default text selection/highlight color with CSS. It is one of those cool CSS3 declaration that you can use. It works for Firefox and Safari.

It is very easy to use, you can use it on your website and also on your journal CSS. :w00t:

I have used it on my recent journal design, just select the text with your cursor to check it out.

You can use it too, follow the Tutorial and click the Download link on left for text file with code snippet that you can paste in your CSS, replace the hexcolor codes with that of your choice and you're done! :D Feel free to show me if you try it out. :aww:

If you don't know how to get hexcolor codes, follow this tutorial: Getting Hexcolorcodes for CSS.

For the above tut, i have used my Garden CSS as example, you can also see how selected text has different color here.

It is nifty lil CSS3 feature, maybe a lot of reader may not select your text, but those who do will be surprised so go add some jazz to your journal design!

→ Submitting it to #eCSSited Create a Tutorial - Contest.

→ Oh and have i told you? Get Firefox, it Rox!!

:heart:
Add a Comment:
 
Preview   Add Comment
:iconkrystal-the-darkrai:
=Krystal-The-Darkrai Nov 28, 2012  Professional Artist
Well, the highlighted tips are cool, I must admit, but is there a way to change the color of the letters/text itself? Without having the highlights? For example I have a custom box that has text that can't be seen cause the text is the same color as the picture. And obviously I don't know how to make it readable without having to highlight it. Do you know how to change that? ^^;
Reply
:iconimmortal-embrace:
*Immortal-Embrace Mar 26, 2012  Student Digital Artist
is there any way of making it so you can changed the color of the text
Reply
:iconredstereovirus:
~RedStereoVirus Nov 18, 2011  Hobbyist General Artist
What to use for using it in chrome?
::chrom-selection {
background:
color: ?
Reply
:iconmelikebirsenates:
!MelikeBirsenAtes Aug 28, 2011
Your tutorial helped me a lot creating my very first journal skin: Beauty of the Dead
I credited you linking back to the actual tutorial page and your deviantart profile; both in artist's comments and at journal footer.
Thanks. :huggle:
Reply
:iconmalurxia:
~Malurxia Aug 8, 2011  Hobbyist Artisan Crafter
does this work ONLY in journals?
Reply
:icontantta69:
~TANTTA69 Apr 8, 2011  Student Photographer
wow this is new one ^^ I will use it next time i make journal skin or something with css^^
Reply
:iconspring-sky:
*spring-sky Nov 4, 2010  Hobbyist Digital Artist
will this work for microsoft internet explorer users?
Reply
:iconblissart:
~blissart Nov 8, 2010
no, doesn't work in ie8 either.
Reply
:iconspring-sky:
*spring-sky Nov 9, 2010  Hobbyist Digital Artist
I see.

Thanks.
Reply
:iconhelewidis:
`Helewidis Jul 17, 2010   Photographer
This is very cool! Thanks!
Reply
Add a Comment:
 
Preview   Add Comment
©2013 deviantART. All rights reserved
About Us | Contact Us | Developers | Careers | Site Tour | Help & FAQ Advertise | Premium Membership Etiquette | Privacy Policy | Terms of Service | Copyright Policy