Fonts In 3D - Easily
1/17/2012 11:39:00 AM
Jsc Jwhat Jerome Christopher
, Posted in
Chrome
,
Computers
,
Font Tools
,
Web Tools
,
xp
Chrome On Xp
Here is the easiest way you can create a 3D font effect for your web page headings etc.
Here is the easiest way you can create a 3D font effect for your web page headings etc.
Change the values in bold red (below in the HTML code) to your taste.That's all.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body>
<!-- Page created by KompoZer, an intelligent website creator and publisher. JCWhat. -->
<p
style="font-family: arial black; font-style: normal; font-variant: normal; font-size: 150px; font-size-adjust: none; font-stretch: normal; font-weight: bold; line-height: 5%;">
<a style="color: red;">Welcome </a><br>
<a style="color: green;">Welcome </a><br>
<a style="color: blue;">Welcome </a><br>
</p>
<p
style="font-family: arial black; font-style: normal; font-variant: normal; font-size: 100px; font-size-adjust: none; font-stretch: normal; font-weight: bold; line-height: 5%;">
<a style="color: red;">To </a><br>
<a style="color: green;">To </a><br>
<a style="color: blue;">To </a><br>
</p>
<p
style="font-family: arial black; font-style: normal; font-variant: normal; font-size: 80px; font-size-adjust: none; font-stretch: normal; font-weight: bold; line-height: 5%;">
<a style="color: red;">Sqlhtm.blogspot.com</a><br>
<a style="color: green;">Sqlhtm.blogspot.com</a><br>
<a style="color: blue;">Sqlhtm.blogspot.com</a><br>
</p>
<br>
<br>
</body>
</html>
SAVE YOUR HTML 3D FONTS/TEXT AS AN IMAGE
Wasn't that easy?
Now, if you love your HTML 3D creation , you can save it as an image for your future use.
Just follow these steps.
1.Make a screen print of the webpage with 3D fonts [Print Screen]
2.Open an image editor [I used Irfanview] and paste it [Ctrl-V]
3.Resize [Ctrl-R]
4.Select the outline of the image and Crop [Ctrl-Y]
5.Save in a format with the smallest size [Use the "Save for web" item from File menu and compare among Jpeg,Gif and Png formats for the smallest size].
Now you have the image saved for your future requirements.
Try to shrink a paragraph and stumble upon the easiest 3D font-making method?
I'm glad I'm not dreaming. Is this real 3D or what? Let me know if you have 3D glasses.
