- Form mail
- Drop Menus
- Graphic Counter
- Text Counter
- GuestBooks
- Quizzes
- Voting Booths


- Add2Story
- Send2Friend
- Fett
- MetaCrafter
- Fortuna
- Add2File
- Flush-It!
- More Free Scripts


- Traffic Control
- GuardMe

- Meta Tags
- Site Submission
- WHOIS

- CSS Tips
- Design Tips
- CHMOD Tutorial

- Contact Zach
- Contact Nate
- Script Support
- Forum
- Donations
- Testimonials
- Link to us
- Terms of Use
- Friends of ZA


CSS Tricks

Using some of the css tips that I have provided on this page, you can easily make your website look more professional.

Link Color

If you want to make a link a different color than the other links on you page, use this:


<A href="file.html" style="color: green" > click here </A>

Top

Mouseover Link Color

Use this if you want your links to change color when someone puts their mouse over them.
Works in IE4 & IE5 only!

<style>
A:hover {color:green}
</style>


<A href="file.html" > click here </A>

Top

Remove line under links

Want to remove the line under certain links? Use this:

<A href="file.html" style="text-decoration: none" > click here </A>

If you want to remove the lines under every link use this:

</script>
<style type="text/css">
<!--
a { text-decoration: none; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none}
a:hover { text-decoration: underline}
-->
</style>

Top

Headlines

Want to make a special headline for your page with out using big, slow images?
Try this:

<HTML>
<HEAD>
</HEAD>
<BODY bgcolor=green>

<DIV style="position: absolute;
top: 15px;
width: 370px;
height: 80px;
font-size: 60pt;
font-family:Verdana;
color:red">ARCHIVE</DIV>

<DIV style="position: absolute;
top: 35px;
left: 110px;
width: 300px;
color:blue;
height: 20px;
font-style:italic;
font-family:Arial;
font-size: 45pt ">
Zach's</DIV>

</BODY>
</HTML>

Top

Drop Shadow

Want to make a Text drop shadow but you don't want to use a large slow image?
Try this:


<HTML>
<HEAD>
</HEAD>
<BODY bgcolor=Green>


<DIV style="position: absolute;
top: 15px;
width: 370px;
height: 80px;
font-size: 60pt;
font-family:Verdana;
color:808080">Zach</DIV>

<DIV style="position: absolute;
top: 10px;
width: 370px;
height: 80px;
font-size: 60pt;
font-family:Verdana;
color:red">Zach</DIV>

</BODY>
</HTML>

Top

Back to Zach's Notebook

If you know of a css tip not listed here, please send it to me at notebook@zachsarchive.cjb.net