Design, Development, Animation, and SEO since 1995
since 1995
services & pricing
web content management
information & help
   HotKey tutorials
   email help
   how to: email rules
   web design articles
   useful links
   Why "Ocean" Media?
contact us
Rate us Rate us
based in Austin, TX
powered by HotKey CMS

Styles in HotKey

Creating or changing styles

Admin menu -> File manager

Look for styles.css file. All styles that begin with "A." are Anchor Tag styles where Anchor Tag means hyperlink. Notice there are quite a few "sets of 3" for Anchor Tag styles?

For example, the default Anchor Tag style:

font-family: verdana, arial, helvetica;
font-size: 13px;
font-weight: normal;
color: #0000FF;
text-decoration: none;

font-family: verdana, arial, helvetica;
font-size: 13px;
font-weight: normal;
color: #0000FF;
text-decoration: none;


Those three paragraphs above are all the default "Anchor Tag" style. Meaning any time you hyperlink a word, it will use that style. Why does it have three parts? The :link part is what you see on a page. The :visited part is what a person sees if they have already been to the page this link points to. The :hover part is what you see when you move your mouse over the link. As you can see, I usually set the color for :visited to be the same as the color for :link because too many colors can be confusing.

Also in your styles.css file you will see other "A" styles. Those are custom styles I given a name to. For example, is so we can have an anchor tag with a "medium" size font. See how it has a different font-size?

Next I'll show you how to tell your linked text on a page to use those custom size styles. BUT if you think you will more often use larger text then it might serve you to change the default 13px "A" style to be 16 or even 18. This might make more sense after you learn how to start applying styles on your pages.
Using styles will help you be more efficient AND if you use styles to define how text looks, it's super easy at any time to go into the styles.css file again and redefine a style's color or size and voila, your entire site changes!

Using styles in your pages

You can highlight a word or a word you have first hyperlinked, and then click the styles button.
If it is a hyperlinked word/phrase, you can apply one of your "A." styles.
NOTE: Each "A." style has three parts (read about this on left side of this page)
When you are in your editor and want to apply a style to your hyperlinked word or phrase, choose the :link part.

based in Austin, Texas site map Contact us for a free estimate now.