CSS Tricks
Shadows - Scrollbars - Buttons - Images - Glowing
CSS tags
No need for teaching how to suck eggs. Just copy & paste and play.
Shadowed Text
Example:
Code:
<table style="filter:SHADOW(color=gray, strength=4)">
<tr><td>
<font style="font-family: Arial Black; font-size:18px; color: black;">
Can you see the shadow?
</font>
</td></tr></table>
Example:
Code:
<table style="filter:SHADOW(strength=4)">
<tr><td>
<font style="font-family: Arial Black; font-size:32px; color: red;">
No Image, just text.
</font>
</td></tr></table>
Index
Coloured Scrollbars
Example:
If you're using IE 5.5 or later, look at the scroll bar on the right side of the browser.
Code:
<STYLE TYPE="text/css">
<!--
BODY {scrollbar-arrow-color:#FF0000; scrollbar-face-color:#FEBB00;}
-->
</style>
Index
Buttons
Example:
Here's the button: 
Code:
<STYLE TYPE="text/css">
<!--
a:link {color:#000080;}
a:visited {color:#946C6B;}
a:hover {color:#FF0000;}
--> </STYLE>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="188" height="44" background="images/blank.jpg" align="center" valign="middle">
<a href="index.html" style="text-decoration:none">Home Page</a>
</td></tr></table>
Index
Faked
Images
Example:
EziHosting
Hosting & Domain Names
Code:
In the <HEAD>
<STYLE TYPE="text/css">
<!--
H2.spin {position: relative;
top: 5px;
left: 5px;
font: bold italic 36pt times, serif;
color: #CCCC99}
H3.spin {position: relative;
top: -40px;
font: bold 18pt Arial, sans-serif;
color: #000000;
margin-left: 20px;
margin-bottom: 10px;}
-->
</STYLE>
In the <Body>
<h2 class="spin">EziHosting</h2>
<h3 class="spin">Hosting & Domain Names</h3>
Index
Glowing Text
Example:
Code:
<table style="filter:GLOW(color=blue, strength=4)">
<tr><td>
<font color="yellow" size="4">
This should be glowing
</font>
</td></tr></table>
