Free template user guide
STEP 7
Editing css style
For editing css style use Notepad,
because if you use Microsoft Front Page, that could change the code in
Style.
Open the template folder and find the
style css.
Open it by using Notepad ( right
click on a file> open with> Notepad). When you open it you will
find this or similar code in it :
P {
FONT-SIZE: 12px; COLOR:
#000000; TEXT-INDENT: 0px; FONT-FAMILY: Verdana, Arial, Helvetica,
sans-serif; TEXT-ALIGN: deafult
}
A:link {
FONT-SIZE: 12px; COLOR:
#F6AF3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none
}
A:visited {
FONT-SIZE: 12px; COLOR:
#F6AF3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none
}
A:hover {
FONT-SIZE: 12px; COLOR:
#F6AF3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: underline
}
First line (marked red) marks the
size, color and kind of the text on the web pages.
Second, third and forth line are for
links.
Here you can change color and size of
the text and links if you don't like the one that we have put on.
In some template you will also have
this code:
.crni {
FONT-FAMILY: Verdana, Arial,
Helvetica, sans-serif;
}
A.crni:link {
FONT-FAMILY: Verdana, Arial,
Helvetica, sans-serif; COLOR: #000000; FONT-SIZE: 11px;
TEXT-DECORATION: none
}
A.crni:visited {
FONT-FAMILY: Verdana, Arial,
Helvetica, sans-serif; COLOR: #000000; FONT-SIZE: 11px;
TEXT-DECORATION: none
}
A.crni:hover 1
FONT-FAMILY: Verdana, Arial,
Helvetica, sans-serif; COLOR: #000000; FONT-SIZE: 11px;
TEXT-DECORATION: none
}
A.crni:active {
FONT-FAMILY: Verdana, Arial,
Helvetica, sans-serif; COLOR: #000000; FONT-SIZE: 11px;
TEXT-DECORATION: none
}
He is for links but for different
kind of links. If you wont more different links on your web page (some
have underline effect, some bold effect) you can make them using this
code. Exp. this link has the name "crni", but you can change it in any
other name (important is that you change all five of them).
If you wont that some link has that
effect (in this exp. "crni") you have to add "class" with the name
"crni". You can do that by opening index.htm file in Microsoft
Front Page, mark the text from which you wont to make a link and click
on Insert > Hyperlink, write the link address and click on
style so you can mark its "class".
In this example the name "class" is
"crni".
If you don't write the name "class"
link will use the basic effect for links:
A:link {
FONT-SIZE: 12px; COLOR:
#F6AF3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none
}
A:visited {
FONT-SIZE: 12px; COLOR:
#F6AF3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none
}
A:hover {
FONT-SIZE: 12px; COLOR:
#F6AF3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: underline
}
|
