CSS Tricks You Can Use

 by: Dan Grossman

CSS or Cascading Style Sheets allow you to implement a few neat effects on your webpages easily. You can implement these CSS effects on your site by simply copying and pasting the code.

ROLLOVER COLOR TEXT LINKS

Have your text links change color when the mouse passes over them by inserting this code into the HEAD of your document:

<style type="text/css">

<!--

A:hover {color:red}

-->

</style>

LINKS WITH NO UNDERLINE

Remove the underline from any or all of the links on your page by putting this in the HEAD of your document:

<style type="text/css">

<!--

A:link {text-decoration:none}

A:visited {text-decoration:none}

-->

</style>

Or, remove the underline form individual links by forming them like this:

<a href="page.html" style="text-decoration: none">link</a>

LINKS WITH A LINE ABOVE AND BELOW THEM

This is an interesting look that works especially well as a hover attribute for your links, but can also be applied to all of your links. It will show the normal underline and a line above the link:

<style type="text/css">

<!--

A:hover {text-decoration:overline underline}

-->

</style>

HIGHLIGHTED TEXT

Highlight important text on your page or words you want to stand out, easily:

<span style="background-color:yellow">highlighted text</span>

Try adding it to your link hover for a neat effect:

<style type="text/css">

<!--

A:hover {background-color: orange}

-->

</style>

BACKGROUND IMAGE THAT ISNT TILED

This will create a background image that doesn’t repeat:

<style type="text/css">

<!--

BODY {background: #ffffff url(bg.gif) no-repeat}

-->

</style>

You can also center it, however it will be centered as the background of the entire document, not centered on the screenful:

<style type="text/css">

<!--

BODY {background: #ffffff url(bg.gif) no-repeat center}

-->

</style>

About The Author

Dan Grossman runs http://www.websitegoodies.com where you can find over 250 hand-picked resources, articles, and tools! Dan also publishes the free weekly "WebDevPortal" newsletter for website owners! Subscribe today and get articles like this every week: subscribe@websitegoodies.com?subject=article-subscribe

Source: High Quality Article Database – 365Articles.com

  Guide To Making Money Online
There are a few little tricks to making money online, but the number one so called secret is in how you market your internet site. Put bluntly, you have to advertise your site so people will know that you even exist. How you advertise, however, is one of the tricks. If you are running an internet business you have already determined that your potential customers are also online. Regardless of the quality of your product or service, if people do not know you are there, you will eventually become just another failed business. One of the best methods of advertising....

  10 Tricks To Use For More Traffic To Your Blog
As fancy as the term “blog” sounds, it’s actually just a website that uses a content management system. While most blog software is more search engine friendly out of the box than many web sites, the opportunities for blog optimization are readily available. Here are 10 tricks that will increase your visibility in search engines and eventually drive more traffic to your blog. 1) Use keywords in your blog post titles - This is a given for SEO. Most blogging software uses the post title as the url so take advantage of it. Example:....

  10 Ways To Boost Your E-zine Subscribers
1. Show your potential subscribers a sample issue of your e-zine. Black out some of the important info; this will make them more curious & subscribe. 2. Give away a free follow-up autoresponder course. Publish your e-zine ad in each lesson. The more people see it, the higher the chance they'll subscribe. 3. Offer your potential customers a discount on a particular product you sell if they subscribe to your free e-zine. 4. Give other businesses permission to give a free subscription to your e-zine as a bonus for a product they sell. 5. Ask your potential subscribers questions that'll persuade them to subscribe like: "Would you like to be able to retire before....

  PodCasting With Your Phone For Free
A new free web service called Braincast is now making it possible for you to record voice notes using your phone and retrieve them online. This article will show you how to use Braincast to record short messages using Braincast and convert them into an audio file or podcast for your blog or website. Now, the most important thing to remember in this is that Braincast currently has a message limit of 3 minutes, which means that your audio recordings will be short. For full blown Podcasts that last for more than 3 minutes, this....

  10 Seldom Used Freebies That Can Increase Traffic
1. Checklists-Create a list of things to check for a particular process related to your business's topic. Ex: a checklist for creating a web site. 2. Templates-Design a template that will make a certain action easier for your target audience. Ex: a template for writing a resume. 3. Text Workbook-Publish a text format ebook so your audience can learn and practice a certain skill. Ex: a text workbook for writing ad headlines. 4. Transcripts-Create an ebook of text transcripts of a related live event. It can be a seminar, speech, class, interview, etc. 5. Dictionary Of Terms-Publish a web directory or ebook dictionary of terms relating to your specific business industry or subject. 6. Advice....

Trackback URL for this post:
http://www.problogtips.com/fun-css-tricks-you-can-use/724/trackback/

Posted by Jaron in the catagory of... General Interest

No Trackbacks »