Share your tricks or tips for Flash Website Font with others!
This thread is for tricks and tips only - please no problem questions.
Have a problem or question then post in the Software Discussion threads, not here, so your question does not get overlooked.
Subscribe to this thread if you like to get emails on tips and Tricks people post
"Encourage one another daily, as long as it is called Today"
"It can only be dark, if there is no light." - Kim Rickman
Kim
Senior Advisor
2,642 posts
Darce Hoover
Senior Advisor
4,316 posts
CoffeeCup Font Flash Website Font Software comes with a substantial swf library of fonts. But if you would like to create your own .swf font to add to your library, you can download Mike Davidson's software and follow his instructions:
http://www.mikeindustries.com/sifr/ Darce Jean
http://www.mikeindustries.com/sifr/ Darce Jean
Cesar Perez
Support Team
113 posts
You can edit the javascript that goes at the bottom of your body to change how the font looks. It's basically all the different xml variables specified for the swf, such as the font's name, color, size, and alignment. This makes it easy to change a few attributes without having to open Website Font again.
You can also add specific classes to the tags, which can further customize your site. Set multiple tags using the same parameters, or choose classes of the same tag to display with completely different fonts.
You can also add specific classes to the tags, which can further customize your site. Set multiple tags using the same parameters, or choose classes of the same tag to display with completely different fonts.
Cesar Perez
Support Team
113 posts
nico@concis.nl wrote:
Hello all,
i bought the CoffeeCup website Font package. Works fine, but now i need to know how to place the H1 tags in a horizontal list. I tried this through H1 tags without a list and the css item display:inline; but it doesn't work good, the words are scaled this way. Also i tried to use the margins 0 0 0 0... also no good..
Anyone a good solution to place the h1 tags in a horizontal line, so i could use them for horizontal navigation menu.
Greetings
Nico de Vries
Holland
Hello all,
i bought the CoffeeCup website Font package. Works fine, but now i need to know how to place the H1 tags in a horizontal list. I tried this through H1 tags without a list and the css item display:inline; but it doesn't work good, the words are scaled this way. Also i tried to use the margins 0 0 0 0... also no good..
Anyone a good solution to place the h1 tags in a horizontal line, so i could use them for horizontal navigation menu.
Greetings
Nico de Vries
Holland
I would suggest forgoing h1 tags altogether within your code. You can use ul and li tags to create the list of links on your page, then edit the css created by Website Font to replace the li tag instead of h1. Just make sure you've set the correct size within Website Font (as a h1 first).
Personally, I'd create a div for the menu:
<div id="fontMenu">
<ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul>
</div>
<ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul>
</div>
Then specify the specific ID in the CSS and javascript code so you can use regular formatting for other lists on the page:
all.css:
#fontMenu ul li {
list-style-type: none;
text-align: left;
font-size: 36px;
display: inline;
}
list-style-type: none;
text-align: left;
font-size: 36px;
display: inline;
}
sIFR.replaceElement(named({sSelector:"body #fontMenu ul li", sFlashSrc:"FONT_NAME.swf", sColor:"#FFFFFF", sLinkColor:"#FFFFFF", sBgColor:"#000000", sHoverColor:"#FF0000", sFlashVars:"textalign=left"}));
I used this technique when I helped a friend make a site but he had to use a table for the main layout since he's no programmer and he only had a week to make it. Hope this makes some sense, but if you have any questions let me know.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
