Self-destructive Layouts
@vampirefreaks.com
Links

Content:
  1. Creating a link
  2. Creating a link that opens in a new window
  3. Creating a link that displays a message when you hover it
  4. Creating an image link
  5. Styling links

Creating a link:

This is a plain link
<a href="http://yourlink.com"> Your link </a>

Creating a link that opens in a new window:

This link will open in a new window
<a href="http://yourlink.com" target="_blank"> Your link </a>

Creating a link that displays a message when you hover it:

This link displays a message when you hover it!
<a href="http://yourlink.com" title="Message here"> Your link </a>

Creating an image-link:


<a href="http://yourlink.com"> <img src="http://IMAGE_URL_HERE.jpg"> </a>

Styling links:

You can use this stylesheet to control the style of all the links on a page. The text that is written between the /* and */ are notes to what the code below it changes.

<style>
/*all links*/
a:link{
color: #XXXXXX;
font-family: FONT NAME HERE;
font-size: Xpt;
}
/*visited links*/
a:visited{
color: #XXXXXX;
font-family: FONT NAME HERE;
font-size: Xpt;
}
/*on mouseover*/
a:hover{
color: #XXXXXX;
font-family: FONT NAME HERE;
font-size: Xpt;
background: transparent;
}
/*on click*/
a:active{
color: #XXXXXX;
font-family: FONT NAME HERE;
font-size: Xpt;
}
</style>