Pixel Tagger - Code Generator
Use this code generator to quickly create the HTML codes for your sigtag makers. Simply generate the code, copy and paste into your webpage(s), and you're finished!
Note: Don't forget to upload the sigtag images and fonts to your /sigtags/ and /fonts/ folders, respectively. You must upload the sigtag images before using the Text Coordinates Tool in this code generator.
|
Sig Tag Images
Sig Tag Images
Label: The name this image will have on the select menu.
Filename: The exact filename (case sensitive) of the image in your /sigtags/ folder.
You may have multiple image choices, mostly for minor differences such as hair and clothing color etc. If you only have one image, a select menu for images will not be shown, and the single image choice will be forced.
|
Text Coordinates
X Coordinate: The left-to-right coordinate which the text will be centered upon.
Y Coordinate: The top-to-bottom coordinate which the baseline will be aligned to.
Leaving a coordinate as 0 will center it in the image by default. For example, X=0 will center the text left-to-right.
Text Coordinates Tool
Image Link: The link to the image in your /sigtags/ folder.
Get Baseline: Begin using the tool.
Using the arrow buttons you may position the indicator where you want the text baseline to be. Text on the image will be displayed directly above the red line indicator.
|
Text Options
Label: The label which will appear next to the text input.
Char Limit: The maximum amount of characters to allow in the text input.
|
Text Color Options
Text Color
Color: The name of the color which will appear on the select menu.
Code: The hex/html code of the color.
You may have multiple color choices. If you only have one color, a select menu for colors will not be shown, and the single color choice will be forced.
|
Font Family Options
Font Family
Font Name: The name of the font which will appear on the select menu.
Filename: The exact filename (case sensitive) of the TrueType font file in your /fonts/ folder.
You may have multiple font choices. If you only have one font, a select menu for fonts will not be shown, and the single font choice will be forced.
Note: The font file MUST be TrueType (.ttf)
|
Font Size Options
Font Size
Font Size: The size of the font as it will appear on the image.
You may have multiple size choices. If you only have one size, a select menu for sizes will not be shown, and the single size choice will be forced.
|
Image Saving Options
Image Type: The image format (GIF or PNG) to save the image as.
Save Name: The filename which will appear as the default when a save image prompt is displayed in the user's browser.
|
Maker Name
Maker Name: The name which will be used for the <form> element of your maker. This name will not be visible except in the HTML source.
Every maker on a single page should have a different name to avoid conflicts with the live preview feature. The maker name should only contain lower case letters, numbers, and underscores.
|
|
Powered by Pixel Tagger Copyright © 2008 Doodlebug Pixels
|