Blueball FontStylr
"User's Choice" Stacks
Bundle - Only $9.00
Includes 3 FontStylr stacks with 37Rapidweaver user requested font faces!
FontStylr Vol. 5
13 font facesFontStylr Vol. 6
13 font facesFontStylr Vol. 7
11 font facesGive your Stack page headlines instant style with our Blueball "User's Choice" FontStylr Stacks! Simple to use. No HTML code needed. Works great with all major browsers including IE6!
If you've ever wished you could add in a font style that's different than the normal boring "web safe" fonts to your Rapidweaver site pages, then you'll love our "User's Choice" FontStylr stacks!
Each "User's Choice" FontStylr stack allows any Rapidweaver user to easily add in new font styles that are embedded within each stack to create headline stacks on any Stack page (See the HUD details below).
The new font styles are displayed using Cufón. Cufón is very fast, offers reliable display in all major browsers, and allows your headline text to remain in the source code of your published Rapidweaver site pages for search engines to see.
You can use multiple "User's Choice" FontStylr headline stacks on one Stacks page. Even mix and match headlines using stacks from any 7 of the available FontStylr stacks together on the same page if you want.
Download PDF file displaying font faces listed by volume!
Click here for PDF file. View the font styles before you buy!
Great browser support
Tested and works perfectly on: Safari 3 and 4, Firefox 3.5, IE6, IE7, and IE8.
The FontStylr stack's HUD allows you to have complete control
over your FontStylr stack headline's appearance.
Setting up your FontStylr stack’s properties with the built-in HUD interface options.
1 - Div Name: This is the name that will be created for the div in your FontStylr stack where your actual headline text will be placed into. This must be a unique div name, one that is not used by your theme or another other stack in any of your site’s pages. This div name cannot have spaces or special characters used in it!2 - Font Style Name: IMPORTANT! You must enter one of the font style names listed in the FontStylr readme file or use one of the FontStylr snippet names. You must match the name listed there exactly or your font will not display correctly in your FontStylr stack.
3 - Font Color: This option controls the color of your text. Double click on it to bring up the color selection area and select the color you want your headline to be. The default color is set to Black #000000.
4 - Font Size: This slider control option controls the size of your text. Move the slider to the right to increase the size of your font up to a maximum size of 96px and left to reduce it down to a minimum size of 14px.
5 - Letter Spacing: This slider control option controls the amount of white space between the individual characters in your headline text words. Move the slider to the right to increase the spacing up to a maximum of 5px and left to reduce the spacing to a minimum of -5px.
6 - Line Height: This slider control option controls the size of your text. Move the slider to the right to increase the line height to a maximum height of 120px and left to reduce the line height to a minimum height of 10px.
7 - Text Alignment: This option controls how your headline text is aligned. You must enter one of the following options in the area exactly as they are shown below (default is set to left): left, right, or center.
8 - Link URL: This option allows you to make your FontStylr stack headline text link to another web site page. The default link value is set to “#” which creates a null link. A null link is a dead link that doesn't link to anything and is inactive. If you are not using a custom link, you MUST leave the default "#" in the link field. To override the default link value, enter a new link url to the page you want to link to. You must use a full absolute path in your FontStylr link setting.
Link url example to top level site page: http://www.yourdomainname.com/pagename.html
Link url example to sub level site page: http://www.yourdomainname.com/foldername/pagename.html