This tutorial will tell you
how to create 3-D VML text!
To see VML, you must have
internet explorer 5.5 or higher!
Step 1.)
Replace your <HTML> tag with this code:
Step 2.)
Paste this code between your <HEAD> tags in your HTML
document:
Step 3.)
Finally, paste the last code where you want the 3-D
text to show up. The red text is where you enter the size, your 3-D text,
and the font:
<div align="center"><table
border="0" cellpadding="0" cellspacing="0" style="border-collapse:
collapse" bordercolor="#111111" width="31%" height="102">
<tr><td width="100%" height="102">
<p align="center"><!--[if gte vml 1]><v:shapetype
id="_x0000_t136"
coordsize="21600,21600" o:spt="136" adj="10800"
path="m@7,l@8,m@5,21600l@6,21600e">
<v:formulas>
<v:f eqn="sum #0 0 10800"/>
<v:f eqn="prod #0 2 1"/>
<v:f eqn="sum 21600 0 @1"/>
<v:f eqn="sum 0 0 @2"/>
<v:f eqn="sum 21600 0 @3"/>
<v:f eqn="if @0 @3 0"/>
<v:f eqn="if @0 21600 @1"/>
<v:f eqn="if @0 0 @2"/>
<v:f eqn="if @0 @4 21600"/>
<v:f eqn="mid @5 @6"/>
<v:f eqn="mid @8 @5"/>
<v:f eqn="mid @7 @8"/>
<v:f eqn="mid @6 @7"/>
<v:f eqn="sum @6 0 @5"/>
</v:formulas>
<v:path textpathok="t" o:connecttype="custom" o:connectlocs="@9,0;@10,10800;@11,21600;@12,10800"
o:connectangles="270,180,90,0"/>
<v:textpath on="t" fitshape="t"/>
<v:handles>
<v:h position="#0,bottomRight" xrange="6629,14971"/>
</v:handles>
<o:lock v:ext="edit" text="t" shapetype="t"/>
</v:shapetype><v:shape id="myshape" o:spid="_x0000_s1025"
type="#_x0000_t136"
alt="VML" style='width:160.5pt;height:31.5pt'
fillcolor="#03d4a8"
strokecolor="#9cf" strokeweight="1.5pt">
<v:fill color2="#005cbf" rotate="t" colors="0 #03d4a8;.25
#21d6e0;.75 #0087e6;1 #005cbf"
method="none" focus="100%" type="gradient"/>
<v:shadow color="#900"/>
<o:extrusion v:ext="view" backdepth="10pt" on="t" rotationangle="5"
lightposition="-50000,50000" lightposition2="50000"
type="perspective"/>
<v:textpath style='font-family:"Impact";v-text-kern:t'
trim="t" fitpath="t"
string="Your Text Here!"/>
</v:shape><![endif]--></tr>
</table></DIV> |
Coming Soon:
How to make your text spin!
All content Copywrite
© 2002, Javascript Island Games
