Not a Member Yet,
Click here to Register
How do you like the new design?

ID: 117
Viewed: 4562
Added: Aug 02, 2004
Snippet uploaded by: snippet
Written By: unknonwn
Demo: Sorry, no demo

User Rated at: 3 Stars3 Stars3 Stars
Rate This:

Thank you for your vote. Please wait...

It appears you already voted for this snippet

It appears your vote value was empty

CSS can be used to replace images in rendering 3D and fancy text! Text created with CSS loads much faster than gifs, and are easier to manipulate on the fly. <br><br>Browsers: IE4+, mozilla, Netscape6+

<style type="text/css">
#P { font: 9pt Verdana,Helvetica,Arial }
#TD { font: 9pt Verdana,Helvetica,Arial }
.noline {a:Verdana,Helvetica,Arial,Sans Serif;font-size:10pt;color:#000000;text-decoration:none;}
A:hover { color:CC0033; }

body { background:white; font-family:Arrus BT,Garamond,Times New Roman; }
div { position:absolute; }

.shade1 { top:+5; left:+5; color:black; }
.fill1 { top:0; left:0; color:red; }

.light2 { top:-1; left:-2; color:white; }
.shade2 { top:+1; left:+2; color:black; }
.fill2 { top:0; left:0; color:silver; }

.light3 { top:-2; left:-2; color:white; }
.shade3 { top:+2; left:+2; color:lightblue; }
.fill3 { top:0; left:0; color:blue; }

.light4 { top:-2; left:-2; color:yellow; }
.shade4 { top:+2; left:+2; color:yellow; }
.fill4 { top:0; left:0; color:darkgreen; }


 <div align="center">

<table width="750" cellpadding="0" cellspacing="0" border="0">
<td width="1" bgcolor="#003366"></td>
<td width="578" bgcolor="#FFFFFF" align="center" valign="top"><table width="570">
<td><font FACE="Verdana,Helvetica,Arial,Sans Serif"><font SIZE="4"><b>3-D Text</b></font> <br>
DHTML can be used to replace images in rendering 3D and fancy text! Text created with
DHTML loads much faster than gifs, and are easier to manipulate on the fly. <table>
<div class="Example1"><div class="shade1"><h1 align="center">Shadow</h1>
</div><div class="fill1"><h1 align="center">Shadow</h1>
<!--- Example #2 ---> </p>
<div class="Example2"><div class="light2"><h1 align="center">Emboss Background Example</h1>
</div><div class="shade2"><h1 align="center">Emboss Background Example</h1>
</div><div class="fill2"><h1 align="center">Emboss Background Example</h1>
<!--- Example #3 ---> </p>
<div class="Example3"><div class="light3"><h1 align="center">Emboss Color Example</h1>
</div><div class="shade3"><h1 align="center">Emboss Color Example</h1>
</div><div class="fill3"><h1 align="center">Emboss Color Example</h1>
<!--- Example #4 ---> </p>
<div class="Example4"><div class="light4"><h1 align="center">Color Highlight Example</h1>
</div><div class="shade4"><h1 align="center">Color Highlight Example</h1>
</div><div class="fill4"><h1 align="center">Color Highlight Example</h1>
<p></font> </td>

No Comments to show

Please completely fill out the form below if you want to review this snippet. All reviews are subject to validation.

Replying to a Comment...

Adding your comment. Please wait...

Thanks for adding your comment!. After further review it will be added.

There was a problem adding your comment. Please try again.

Please complete all the fields in the form before sending.

© 2002 - 2017 All Rights Reserved. Conditions