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:
A:link
font-family: verdana, arial, helvetica;
font-size: 13px;
font-weight: normal;
color: #0000FF;
text-decoration: none;
A:visited
font-family: verdana, arial, helvetica;
font-size: 13px;
font-weight: normal;
color: #0000FF;
text-decoration: none;
A:hover
font-family: verdana, arial, helvetica;
font-size: 13px;
font-weight: normal;
color: #CC00CC;
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, A.med 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.
|
