Domain Discussion Board

Go Back   Domain Discussion Board > General > Tutorials
Reload this Page Css Links _ Tutorial 1

 
Reply
 
LinkBack Thread Tools Display Modes
Css Links _ Tutorial 1
Old
  (#1 (permalink))
andrew
Senior Member
andrew is an unknown quantity at this point
 
andrew's Avatar
 
Status: Offline
Posts: 209
Points: 397.3
Bank: 0.4
Total Points: 397.7
Donate
Join Date: Nov 2006
Rep Power: 0
Post Css Links _ Tutorial 1 - 11-05-2006, 02:16 PM
A:link
Defines the style for normal unvisited links.

A:visited
Defines the style for visited links.

A:active
Defines the style for active links.
A link becomes active once you click on it.

A:hover
Defines the style for hovered links.
A link is hovered when the mouse moves over it.
Note: Not supported by Netscape browsers prior to version 6.

-----------------------------------------------------------------------------------------

some examples

<html>
<head>
<style type="text/css">
.class1 A:link {text-decoration: none}
.class1 A:visited {text-decoration: none}
.class1 A:active {text-decoration: none}
.class1 A:hover {text-decoration: underline; color: red;}

.class2 A:link {text-decoration: underline overline}
.class2 A:visited {text-decoration: underline overline}
.class2 A:active {text-decoration: underline overline}
.class2 A:hover {text-decoration: underline; color: green;}
</style>
</head>

<body>
ONE TYPE OF LINKS
<br>
<span class="class1">
<a href="http://www.yahoo.com">YAHOO</a>
<br>
<a href="http://www.google.com">GOOGLE</a>
</span>
<br>
<br>
ANOTHER TYPE OF LINKS
<br>
<span class="class2">
<a href="http://www.yahoo.com">YAHOO</a>
<br>
<a href="http://www.google.com">GOOGLE</a>
</span>
</body>
</html>

http://Destin-Designs.co.nr - Custom Design 4 U
10$ - 22$
   
Reply With Quote
Re: Css Links _ Tutorial 1
Old
  (#2 (permalink))
kaos_frack
Banned
kaos_frack is on a distinguished road
 
Status: Offline
Posts: 3
Points: 0.0
Bank: 0.0
Total Points: 0
Donate
Join Date: May 2006
Rep Power: 0
Re: Css Links _ Tutorial 1 - 11-08-2006, 03:58 AM
great tutorial
is there anything like a:click?
thanks
   
Reply With Quote
Sponsored Links
Re: Css Links _ Tutorial 1
Old
  (#3 (permalink))
andrew
Senior Member
andrew is an unknown quantity at this point
 
andrew's Avatar
 
Status: Offline
Posts: 209
Points: 397.3
Bank: 0.4
Total Points: 397.7
Donate
Join Date: Nov 2006
Rep Power: 0
Re: Css Links _ Tutorial 1 - 11-08-2006, 03:40 PM
there might be such thing as A:down

http://Destin-Designs.co.nr - Custom Design 4 U
10$ - 22$
   
Reply With Quote
Re: Css Links _ Tutorial 1
Old
  (#4 (permalink))
SugarBlush
SugarBlush is an unknown quantity at this point
 
Status: Offline
Posts: 756
Points: 95.7
Bank: 1,091.7
Total Points: 1,187.4
Donate
Join Date: Jul 2006
Location: Malaysia
Rep Power: 0
Re: Css Links _ Tutorial 1 - 11-08-2006, 05:43 PM
Quote:
Originally Posted by andrew
A:link
Defines the style for normal unvisited links.

A:visited
Defines the style for visited links.

A:active
Defines the style for active links.
A link becomes active once you click on it.

A:hover
Defines the style for hovered links.
A link is hovered when the mouse moves over it.
Note: Not supported by Netscape browsers prior to version 6.

-----------------------------------------------------------------------------------------

some examples

<html>
<head>
<style type="text/css">
.class1 A:link {text-decoration: none}
.class1 A:visited {text-decoration: none}
.class1 A:active {text-decoration: none}
.class1 A:hover {text-decoration: underline; color: red;}

.class2 A:link {text-decoration: underline overline}
.class2 A:visited {text-decoration: underline overline}
.class2 A:active {text-decoration: underline overline}
.class2 A:hover {text-decoration: underline; color: green;}
</style>
</head>

<body>
ONE TYPE OF LINKS
<br>
<span class="class1">
<a href="http://www.yahoo.com">YAHOO</a>
<br>
<a href="http://www.google.com">GOOGLE</a>
</span>
<br>
<br>
ANOTHER TYPE OF LINKS
<br>
<span class="class2">
<a href="http://www.yahoo.com">YAHOO</a>
<br>
<a href="http://www.google.com">GOOGLE</a>
</span>
</body>
</html>
Nice tutorial!! Do you know how to make colored forms using CSS??

Get all cool stuff here!
   
Reply With Quote
Re: Css Links _ Tutorial 1
Old
  (#5 (permalink))
andrew
Senior Member
andrew is an unknown quantity at this point
 
andrew's Avatar
 
Status: Offline
Posts: 209
Points: 397.3
Bank: 0.4
Total Points: 397.7
Donate
Join Date: Nov 2006
Rep Power: 0
Re: Css Links _ Tutorial 1 - 11-08-2006, 06:00 PM
ok il make a tutorial on that just not today relly busy.

http://Destin-Designs.co.nr - Custom Design 4 U
10$ - 22$
   
Reply With Quote
Reply

« REQUEST: PHP Divs | Css _ Tutorial 2 _ Scrollbars »

Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Points Per Thread View: 1.0
Points Per Thread: 15.0
Points Per Reply: 5.0


Similar Threads
Thread Thread Starter Forum Replies Last Post
Dou you use Adwords for affiliate links vignesh_natraj Affiliate Programs Discussion 19 03-01-2008 05:20 AM
All Programming Tutorials - Online For Ye All! hariharan Wonderful Websites 17 04-29-2007 04:22 AM
Glassy Effect Siggy Tutorial demonfox Tutorials 10 03-08-2007 01:10 AM
Tutorial Management Script Momo Scripts 5 11-10-2006 05:56 AM
1000's Of Links To Your Website.. TODAY! Guest Other Marketing Techniques 8 02-17-2006 08:58 AM


Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.0.0 ©2007, Crawlability, Inc.

DDBoard - Archive - Top