Download User Manual - Ecommerce software

Transcript
Cascading Style Sheets (CSS)
On the ecommerce templates we use cascading style sheets (css) to allow
you to easily manage the font and hyperlink properties. In the root of your web
you will have a file typically called style.css and on each page a link to it like
this <LINK REL=STYLESHEET TYPE="text/css" HREF="style.css">. This can
be edited in Frontpage, GoLive or Dreamweaver by double clicking on it or
can be opened and modified in a text editor like Notepad.
Editing the hyperlink properties with CSS
After opening the file you should see some lines like this:
A:link {
color: #3366FF;
text-decoration: none;
}
A:visited {
color: #3366FF;
text-decoration: none;
}
A:active {
color: #3366FF;
text-decoration: none;
}
A:hover {
color: #FF9966;
text-decoration: none;
}
The parameters are pretty clear, any hex value will suffice for the color and if
you require an underline when the cursor passes over a link, change "none"
to "underline". Note that some browsers, notably Netscape 4x will ignore the
hover option.
Editing the font properties with CSS
The font type and size is also set in the css file, here's an example:
TD {
font-size: 12px;
font-family : Verdana,Arial;
}
P{
font-size: 12px;
150
© Ecommerce Templates