Change text selection or highlight color

Voice Your Opinion / Maggew typed this on January 28, 2013 / Design, Status Update, Wordpress

css-text-selection

Please highlight all three paragraphs below. What do you notice?

Everything we create is given a fine-polish.
It’s not about just pumpin’ things out at factory-like efficiency.
We believe quality over quantity should be a core principle for every person.
Each project we start, we perform a ton of small tweaks like the one below.

p.green::selection { background: #9DCF81; }
p.green::-moz-selection { background: #9DCF81; }
p.blue::selection { background: #2D89EF; }
p.blue::-moz-selection { background: #2D89EF; }
p.orange::selection { background: #E39263; }
p.orange::-moz-selection { background: #E39263; }

p.green::selection { background: #9DCF81; }

p.green::-moz-selection { background: #9DCF81; }

p.blue::selection { background: #2D89EF; }

p.blue::-moz-selection { background: #2D89EF; }

p.orange::selection { background: #E39263; }

p.orange::-moz-selection { background: #E39263; }

Gingerbread biscuit I love halvah halvah jelly-o carrot cake gummies cookie. Tootsie roll cupcake gummies lollipop candy dragée sweet. Pastry biscuit I love. Chocolate bar gummies sweet bonbon chupa chups. Biscuit jelly beans I love. Tart jelly-o jelly tart soufflé candy jelly. Macaroon croissant croissant. Sweet cheesecake icing icing I love dragée candy canes. Marshmallow tart toffee gingerbread. Applicake caramels gummi bears halvah wafer I love. I love I love jelly-o pudding jelly beans wafer. Donut I love chupa chups. I love pastry applicake muffin marzipan.

Bonbon wypas cupcake candy bonbon. Pudding sesame snaps jujubes tart jelly-o candy canes tootsie roll. Chocolate cake jelly-o I love I love jelly wafer chocolate cake sesame snaps. Tootsie roll gummi bears cotton candy gummi bears. Gummi bears pie powder. Croissant caramels I love muffin jujubes. Tart cheesecake lollipop sweet roll sweet roll. Apple pie cookie gummies carrot cake dragée chocolate dragée. Toffee tootsie roll soufflé pie. Cotton candy macaroon I love topping. Gummi bears sugar plum cupcake marshmallow. I love lollipop jujubes sweet roll I love gummi bears candy canes.

Candy cookie I love cake chupa chups icing donut I love. Candy topping jelly chocolate sweet. Wafer gummies jelly beans cookie bonbon I love jelly beans. Sweet ice cream bonbon icing. Wafer lemon drops sugar plum. I love oat cake topping brownie croissant donut. Apple pie caramels I love donut topping I love. Jelly I love faworki bear claw. Caramels toffee biscuit topping jujubes marzipan caramels. Lollipop wypas bear claw candy canes oat cake dessert candy canes.

::selection { background: #ffb7b7; }
::-moz-selection { background: #ffb7b7; /* Firefox */ }

1 2	::selection { background: #ffb7b7; } ::-moz-selection { background: #ffb7b7; /* Firefox */ }

p.green::selection { background: #9DCF81; }
p.green::-moz-selection { background: #9DCF81; }
p.blue::selection { background: #2D89EF; }
p.blue::-moz-selection { background: #2D89EF; }
p.orange::selection { background: #E39263; }
p.orange::-moz-selection { background: #E39263; }

p.green::selection { background: #9DCF81; }

p.green::-moz-selection { background: #9DCF81; }

p.blue::selection { background: #2D89EF; }

p.blue::-moz-selection { background: #2D89EF; }

p.orange::selection { background: #E39263; }

p.orange::-moz-selection { background: #E39263; }

The above CSS will change your default site-wide highlight selection color, plus targeted class highlight color.

Thanks for your attention.

Twitter Background Design

Maggew typed this on January 28, 2013 / Design, Promo, Status Update

Have us personalize your Twitter background. We want your stuff to look great (good isn’t good enough). The visual appearance of your twitter profile is a key element for success. Maggew will create a wicked Twitter background for your business. Same as a website home page, a Twitter theme should speak about the author or services or whatever your business is trying to deliver to your audience.

Design a matching theme following the format of your site
Add a photo for a personal touch
Add company logo plus name
Include a backlink to your website
Provide contact info
Keep the design clean

Once you order this service, use code “214MAG” during checkout.

[purchase_link id="36" text="Order Now" style="button" color="dark-gray"]

Examples

https://twitter.com/patternhead
https://twitter.com/peachpops
https://twitter.com/farrhad

Reference

https://support.twitter.com/articles/15357-how-to-customize-your-twitter-design