Click on images for a bigger view
Font3dTemplates 
Chrome On Xp
Need
to create html 3d headers, banners, posters, greeting cards
and designs quickly or
modify the sample templates to start even faster? Use
Font3dTemplates and get complete control of every
parameter [background color, font-name, font-size, font-style,
font-weight, line-height, and the font-face and shadow colors] when you
create your design.

Quick Start: Four
Easy Steps
- Click on sample A
from the samples row and press TenMorePop button to see ten more
versions of the design, ten each of FN1, FN2 and FN3.
- Click on sample 7
from the samples row and press Slide
button in the row just above to create a slide and save slide code with
SldCode
button if you like. Click TenMorePop
button to see ten more versions. Every click gives you 10
more fresh new designs! Don't forget to save code if you like, from the
top left textarea box in the TenMorePop window.
- Click on sample 7
and then press FN2,
FN3
or FN1
buttons repeatedly for more random versions of the same design. Also
click on the EB,
EC, EF and EG buttons.
- Click on sample A,
change
input text in the 4 yellow text boxes at top left, press Run to create
design, size lines with font-size, position and size
lines with the 4 paddings
and press the buttons above. [This example looks decent: Line1: Hello
There! Line2: Welcome Line3: Feel At Home]. Click
on
the Code
button and grab the code if you like your design. All done.
Features
- Create
Html
3d headers, banners, posters, greeting cards, slides and any wordart design
you
can imagine.
- Use
the power-packed RGE[Random Generator Engine] built into 8 buttons [EB,EC,EF,EG,
FN1,FN2,FN3 and TenMorePop]
that you press repeatedly to combine 13 design parameters and generate
a new design for every click. Always unstoppable, and awesome when they
get going!
- Create
slides
for any design when you press a button.
- Use
the HtmlEdit
button to open the simple but powerful HTML EDITOR that you
can
use as a
WYSIWYG editor by manually changing the html! Primarily meant for
changing the code generated by the Code, SldCode buttons and
the GetSource area of the TenMorePop window and viewing the changes by
pressing the Run button, it can also
be used to paste complete html files to view them, after making sure
that the css
and js files are in correct locations.
- Use
the SldCode
button to create the code for the slides.
- Use
the horizontal
and vertical "Best Guess" rulers as a help in measuring
your designs to scale. It is as close to real-life ruler as possible,
just not movable right now.
- Use
the arrow
keys to cut-down your design-creation time. Click twice on
any select box, and go up or down while at the same time viewing
changes to your design in real-time!
- Use
the samples
as a starting point, change text, move the arrow keys around
in the select boxes, and click the E, FN, TenMorePop buttons to come up with designs quickly.
- Add
spice to your slides and designs with SF1,SF2,SF3 and
SF4
symbol font buttons. Don't forget to view the complete fontset in a HTML
file with KBCharset button especially to see what symbol
font images these SF fonts will display.
Maximize
Screen With F11
Maximize
the screen with F11
button
before using Font3dTemplates to give yourself enough working space.
Want
To See The Power Of F3DT?
Check
out the slideshow of samples by pressing
SldShow
button. Don't forget to view and edit the samples from the control
panel!
E,
FN, TenMorePop - Press Over And Over And Over Again
The E,
FN
and
TenMorePop
buttons use RANDOM
functions to generate
designs with very
rarely repeating combinations of 13 font and color
variables.This means you can press them over
and over again any time and every time to get fresh new designs!
Mouseover
And Hold For Useful Info
Remember to hold
your mouse on buttons and select lists for useful information.
Arrow
Keys - Instant Change And View
Click
twice on
any select box, and go up or down while at the same time viewing
changes to your design in real-time!
You Can Work Online Or Offline!
You can use F3dT offline too!
Those who cannot stay online all the time need to connect and create a
design once, then they can stay offline and continue. If you clear your cache you may
need to repeat this. Just remember to
save the readme before disconnecting.
REQUIREMENTS
Chrome[15.0.874.121 m] on an XP pc/laptop.
USING
F3DT
Come
up with 4 short lines with the fewest words that best describe your
content. Reduce one or two of the lines to one or two words, make them
bigger, size and
position the 4 lines with the 4 padding parameters and press
the TenMorePop
, the 4 E buttons, the 3 FN buttons. Try changing things a little and
repeat the
above. I guarantee that you would leave the program with a
nice-looking wordArt image or a bunch of code.
TWO
GREAT WAYS TO USE F3DT
Make
An Image[PrintScreen]
Enter text and press Run
to start. Use UP&DOWN
arrows to make changes using select menu
options. Press the Run
button after changing text. Press the E, FN
or TenMorePop
buttons to generate and view random designs, and if you like
the design, press the PRINTSCREEN button to copy, then paste it to an
image program[eg. the versatile Irfanview], crop, resize[IrfanView's
SaveForWeb plugin] and save it in a format of your choice.
Copy
Code
Press the CODE
button, select all, copy and paste
it at the required place in your web page, change the font-name,
font-size or any of the other parameters if needed.
F3DT
IS KEY-FRIENDLY!
Font3dRandom is mouse-friendly but Font3dTemplates is that and
key-friendly too! Use the up
and
down arrow keys to zip through the list of options in each select menu
and view the change at once!
FONTS
Font3dTemplates has a static set of standard fonts, mostly XP default.
This version does not read installed XP fonts
on your PC [as opposed to MyFontYourFont-
Font set Viewer which reads them] so you may not
see all installed fonts in the font lists. If you have FamousFolks
installed on your PC, you will see it though.[This font shows the faces
of some famous folks when you press the alphabet capitals [A-Z]. The
small letters are regular English so you could have a face at the
beginning of every word if you capitalize the first letter of every
word in the sentence![Happy Birth Day has three
faces for
H,B&D]. Keep
line-size at 1%.
INPUTS
& BUTTONS

Input:
Yellow
Input
Boxes Enter
input
text in the 4 yellow text boxes. Any one of these 4 boxes can
be expanded to create a temporary
editing area from where
you can cut and paste text into the other 3 lines and then minimized to
default size.This can save you from opening a notepad window for
editing text.
Fonts:
Font
Choose from the font
list.Use arrow keys for speed.
Font-Size
Choose font-size
from list.[0-400px in increments of 5px]. While using the EF
and FN
buttons, remember to use smaller to medium fonts since larger fonts
above 300px generally overstretch the line-sizes.
Font-Style
Choose
font-style[Normal & Italic].
Font-Wgt
Choose
font-weight[Normal & Bold].
Line-Size
Choose
line-size[1-10%].This determines the depth of the shadow colors.Choose
small line-sizes for bigger font-sizes and big line-sizes for smaller
fonts.
Font-Colors:
Font-Face
Choose font-face
color.
Mid-Shdw Choose
mid-shadow color.
Rear-Shdw
Choose
rear-shadow color.
Line
Paddings:
Pdng-Top Choose
line's top
padding[0-400px in increments of 5px].
Pdng-Btm
Choose
line's bottom padding[0-400px in increments of 5px].
Pdng-Lft
Choose
line's left padding[0-700px in increments of 5px].
Pdng-Rgt
Choose
line's right padding[0-400px in increments of 5px].
Design
Table:
BgClr
Choose
the background color for the design box.
BoxHgt
Choose the
height of the design box[0-1200px
in increments of 10px].
BoxWdth
Choose the
width of the design box[0-1200px
in increments of 10px].
BoxBrdr
Choose the
border size of the design box[0-10
in increments of 1, 30].
Run
Button:
Run
Press
after changing input lines to create design. Use to edit samples. Up
&
Down arrow keys usually are equivalent to pressing this
button.
Easy [E] Buttons [Bg Color, Font&Shadow Colors, Font Names, Bg
Gradients]
EB
Press for a random background color. You
can also choose from the BGCLR select list box. The other parameters are
static.
EC
Press
to change font&shadow colors. The other parameters are static.
EF
Press
to change fonts. The other parameters are static.
EG
Press
to change gradients. The other parameters are static.
NOTE:
The gradients are for screen shot only, the CODE generated will not
include gradient info.
Fresh New [FN] buttons:
FN1
Press repeatedly to
generate fresh new random designs with a SET OF COMPLETELY
NEW
PARAMETERS one after another for generally bright, colorful and
lively-looking designs. Try grouping content
toward the center-point of the design window and using medium-sized
fonts for better results!
FN2
Press repeatedly to
generate fresh new random designs with THE SAME FONT for all lines
for conservative, clean designs. Try
grouping content toward the
center-point of the design window and using medium-sized fonts for
better results!
FN3
Press repeatedly to
generate fresh new random designs with THE SAME FONT for all lines
for lively but uniform designs. Try
grouping content toward the
center-point of the design window and using medium-sized fonts for
better results!
Symbol Font [SF] Buttons:
SF1
Press to insert a font picture on
line1 from the Webding font set.
SF2
Press to
insert a font picture on line1 from the Wingdings font set.
SF3
Press to
insert a font picture on line1 from the PressWriter Symbols font set.
SF4
Press to
insert a font picture on line1 from the MS Outlook font set[Capital
letters A through N]. NOTE:
When you work on a design you usually click on the E, FN and the
SF buttons repeatedly to create new versions of the same design. The
EF and the three FN buttons keep the symbol letter on line1 input box but change
the font-name for all 4 lines which means that the symbol
font-name on line1 will be changed too! So select one of the 4
symbol fonts on line1 when you finally get a good design.
Slide:
Slide
Press
to create a slide from the design. Keep the design within the design window to see the whole slide.
TenMorePop:
TenMorePop
Press
to generate and view a pop up with ten versions of the designs with the
same fonts and sizes but different background colors, font-face,
mid-shadow and rear-shadow colors in the pop up window. Also view ten each of the FN1, FN2 and FN3 designs. Press
the GetSource
button on top to get the source of the page which includes code for all
designs. If you want to get the code for a design, search within
the textarea for the line number of the design to locate it at once
[eg.
to find the 4th design, search for "4." ]. Enable pop up in your
browser if
it is disabled.
Code:
Code
Press
to generate the yellow code box from which you can copy the code for
the Run, E and the FN buttons.
SldCode
Press
to generate slide code.
HTML Editor:
HTML
EDIT
Press
to start the HTML Editor/Code Viewer window where you can paste the
generated code from Code, SldCode buttons and the Getsource area
from TenMorePop.
Press the Run button in HTML EDIT window after making changes in the input box to
view the change at once!
Home
Etc:
Home
Press
to get to the HOME screen if something won't work or you get lost somehow.
QStart
Press
to view QuickStart help.
ReadMe
Press
to view the ReadMe file.
SldShow
Press
to view the samples in a slideshow.
KBCharset
Press
to view the keyboard character set with most XP standard fonts
from where you can get an idea about how the fonts especially the
symbol fonts look so you can manually enter the letter in the input box.
About
Press
to view the about info.
"Best
Guess" Inch Rulers:
RLOn
Press
to display the horizontal & vertical "BEST GUESS" inch rulers.
These are not scientific, just a little
help.
RLOff
Press
to hide the "BEST GUESS" rulers.
Samples:
Samples[A-J][1-7]
Press
to view some samples which you can edit at once. Press the Run
button to start editing the samples. You could also select values from
the select boxes to change them straightaway! Most of the time, it is
just a matter of a few clicks and a few touch-ups to get good-looking
results. Don't forget to press the TenMorePop button after selecting a
sample first!
Status Displays relevant
information.
NOTE
- Run BUTTON 1.Press the Run button after
typing some text in one or more input lines. The input boxes respond to
every keystroke except the last, so refresh the last letter of input by
pressing the RUN button. 2.Press a
sample [A-J, 1-7] and press Run to enable editing. Actually, most of the time, you can live
without this button,
by using
the four arrow keys in the 13 select boxes which
respond to every keystroke.
NOTE
- FN1, FN2, FN3 BUTTONS-Never Stop Clicking!
Click
on these RDGs[Random Design Generators] any time, every time, all the
time and they will always come up with a fresh new version of a sample
or your creation without tiring. These 3 buttons use random functions to combine all the 13
parameters in different ways to produce random designs at the touch of
a button. On a lucky day, every click will give you unbelievably
perfect randoms so keep clicking! Before clicking on any of these three
buttons, please remember to reduce the font-size and also use the
paddings generously so you can see all
lines within the design window.
FN1: [Go totally crazy with fonts and
colors]
Different fonts for every line
Different colors for font-faces
Different colors for mid and rear shadows
FN2: [Very solemn and disciplined]
Same fonts for every line
Same colors for font-faces
Same colors for mid and rear shadows
FN3: [Judicious mix of playful and serious
design-making]
Same fonts for every line
Different colors for font-faces
Different colors for mid and rear shadows
NOTE
- FN1, FN2,FN3 BUTTONS & FONT-FACE COLOR
You might notice that the some of the font-face colors match
the
background color so you can't see them easily. If you like
the design, click and choose another font-face
color. If you don't, just click on those buttons one more time to get a
totally new design.
NOTE
- DESIGN WINDOW SIZE
Most of the time, use of font-size, padding-top,
padding-bottom, padding-left
and padding-right parameters to control the size of
your design window is more flexible and more
intuitive than using the BoxWdth and the BoxHgt
select boxes . I used set sizes for the box width and height and
squeezed the words in for creating a set of bookmarks though.
NOTE
- DASH CHAR AND OTHER ANNOYANCES
- Leave a space after the DASH[-] character
[eg. padding- top] when you input text in the 4 yellow boxes.
- Save
code for a good-looking design before pressing the TenMorePop button
which replaces the last design with the last one from its own window.
- Press the Home button if any button is unresponsive
to one or more clicks and continue.
- F3dT
achieves 3d effect by stacking three layers of text with different
shadows one on top of the other. Due to size and other parameters, very
rarely, lines may look distorted at very low font-sizes [eg. 5pt]. This
is normal. To get around this, choose a larger font-size, a different font, or pack more letters till the line looks good.
|