WebHostServer.com (tm)

 
Making web hosting work for your business
 A FineE (tm) Web Property


Visit FineE.com with over 250 premium domains for sale
 

   

 Home    Domain News    Resources    Trademark Search    Webmaster Forums    Articles    About Us

 
     
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Web Hosting
Directory

 

 

Web Hosts
(ap-gl
)

Web Hosts
(hn-mi
)
Web Hosts
(my-y
a)
Web Hosts
(yo-zo
)
 
  Dedicated
Servers (ap-we)
Dedicated
Servers (yo-yo)
 
  DNS Hosting
 
  Email Hosting
 
  Free Hosting
 
  Shared
Hosting (ap-ho)
Shared
Hosting (in-po)
Shared
Hosting (st-yo)
 
  Server
Co-Location
 
  Unlimited Domain
Hosting Plans
and Virtual
Private Servers

 

  Microsoft
Windows
Hosting
 
  Web Hosting
Directories
 

Webmaster
Forums Directory

 
  Forums Home
Webmaster
Forums (ak-in)
Webmaster
Forums (ji-we)
Webmaster
Forums (we-we)
Domain Forums
 

 

 
 
 
 

 

Fun 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 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

Articles by Dan Grossman

 

 

 

 

 

 

     
 

 

 

 

 

 
 

 

Webmaster
Articles

 
  Articles Home
Author Directory
Articles by Title
(00-20)
Articles by Title
(21-a)
Articles by Title
(b-c)
Articles by Title
(d-f)
Articles by Title
(g-howm)
Articles by Title
(hown-in)
Articles by Title
(io-l)
Articles by Title
(m-r)
Articles by Title
(s-theh)
Articles by Title
(thei-u)
Articles by Title
(v-webs)
Articles by Title
(webt-z)
 
 

Home  Link to Us  Legal  Privacy  Contact Us  About Us
Copyright ©  2003 - 2006 Aspen Investments Inc. Articles included in this site are Copyright © by
 the respective authors and used with permission.  All rights reserved