- 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