« »

These are examples for graphics and 3D lettering without GIF or JPEG images. With this style of lettering, pages will load faster than ever. This page can be viewed with Netscape Navigator 4+ or Internet Explorer 4+.

DHTML still has a long way to go in terms of fully replacing images when creating 3D text. While it is quite possible and easy to create DHTML text in IE 4+, it's a different story in NS 4. In fact, because of the way NS handled this script, we had to alter the default look of this script page so the script is not enclosed inside a table (otherwise, the text gets positioned in a 'funny' way). This script is featured more for DHTML developer's sake- take a look at the script's source, and learn from the techniques used to render the 3D text.

Label: 3D text All

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Free iPage Web Hosting for First Year NOW

If you're still looking for a reliable web host provider with affordable rates, why you don't take a little of time to try iPage, only with $1.89/month, included $500+ Free Extra Credits for the payment of 24 months ($45)?

Over 1,000,000+ existisng customers can not be wrong, definitely you're not, too! More important, when you register the web hosting at iPage through our link, we're going to be happy for resending a full refund to you. That's awesome! You should try iPage web hosting for FREE now! And contact us for anything you need to know about iPage. Try iPage for FREE First Year NOW

Code
CSS
HTML
Print

Copy All x2

<style>
body { background:silver; font-family:Arrus BT,Garamond,Times New Roman; }
div { position:absolute; }
</style>
<style>
a { text-decoration: none; color:maroon; vlink:maroon; alink:red;}
a:hover {color: red }
.info { font-family:Times New Roman; positon:relative;}
.light { top:-1; left:-1; color:white;}
.shade { top:+1; left:+1; color:pink; }
.fill { top:0; left:0; color:red; } </style>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<div class="info">
<div class="light">
<i>JavaScriptBank.com</i>

</div>
<div class="shade"><i>JavaScriptBank.com</i>
</div>
<div class="fill">
<i>
<a href="http://JavaScriptBank.com"
onmouseover="status='http://JavaScriptBank.com'; return true;"
onmouseout="status='Emboss & 3D Letters'; return true;">
JavaScriptBank.com</a>
</i>
</div>


</div>
<br><br><br>

<!--- Example #1 --->

<style>
.shade1 { top:+5; left:+5; color:black; }
.fill1 { top:0; left:0; color:red; }
</style>
<div class=Example1>

<div class="shade1">
<center><h1>Shadow</h1></center>
</div>
<div class="fill1">
<center><h1>Shadow</h1></center>
</div>

</div>

<br><br><br>

<!--- Example #2 --->
<style>
.light2 { top:-1; left:-2; color:white; }
.shade2 { top:+1; left:+2; color:black; }
.fill2 { top:0; left:0; color:silver; } </style>
<div class=Example2>
<div class="light2">
<center><h1>Emboss Background Example</h1></center>
</div>
<div class="shade2">
<center><h1>Emboss Background Example</h1></center>
</div>
<div class="fill2">
<center><h1>Emboss Background Example</h1></center>
</div>
</div>

<br><br><br>

<!--- Example #3 --->
<style>
.light3 { top:-2; left:-2; color:white; }
.shade3 { top:+2; left:+2; color:lightblue; }
.fill3 { top:0; left:0; color:blue; } </style>
<div class=Example3>
<div class="light3">
<center><h1>Emboss Color Example</h1></center>
</div>
<div class="shade3">
<center><h1>Emboss Color Example</h1></center>
</div>
<div class="fill3">
<center><h1>Emboss Color Example</h1></center>

</div>
</div>

<br><br><br>

<!--- Example #4 --->
<style>
.light4 { top:-2; left:-2; color:yellow; }
.shade4 { top:+2; left:+2; color:yellow; }
.fill4 { top:0; left:0; color:darkgreen; } </style>
<div class=Example4>
<div class="light4">
<center><h1>Color Highlight Example</h1></center>
</div>
<div class="shade4">
<center><h1>Color Highlight Example</h1></center>
</div>

<div class="fill4">
<center><h1>Color Highlight Example</h1></center>
</div>
</div>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Comment (0)
Write

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
~~Your site~~

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (0)
New

BBCode
HTML
URL
JID

iPhoneKer.com
Save up to 630$ when buy new iPhone 15

GateIO.gomymobi.com
Free Airdrops to Claim, Share Up to $150,000 per Project

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz.com, chatGPT4.win, chatGPT2.fun, re-chatGPT.com
Talk to ChatGPT by your mother language

Dall-E-OpenAI.com
Generate creative images automatically with AI

AIVideo-App.com
Render creative video automatically with AI

Cool Domains for Sale!

javascriptbank.com javascripton.com gomy.mobi gomymobi.com eChainBank.com this.bid system.money index.services choose.exchange ZWVQ.com ChatTotal.com pornID.net war.money ChainTutor.com ApexBTC.com choose.works CoinHolo.com ABP3.com CTRCoin.com YeuNu.com XMQV.com CryptoKD.com CreditCard.rip Card.rip

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

30/01/2007
Raul R. Edwards [more]
2,793
0
0
0
4.7 KBytes

JavaScript 3D text All - Language: English

0/5 0 votes / 2,793 previews / 0 comment 30/01/2007 These are examples for graphics and 3D lettering without GIF or JPEG images. With this style of lettering, pages will lo...JavaScript 3D text All - 3D text All - Language: English

backlong7690 vicki85vn virgo308 advent

Let's be first member to do this