Recap:
Using HTML, this is an example of <Body>, along with Text color, body background color, and vlink Color:
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#3300FF"> The Entire Webpage here </body>
Note:
I wouldn't recommend implementing these features, since your webpage already has one, pre-installed.
and, their settings are already perfectly configured.
Also, the above HTML code is considered obsolete & outdated.
and, CSS Code is considered the replacement.
CSS is simpler and more effective.
By the way;
Here's how CSS Code would appear.
(this is a similar translation to the above HTML, (<body bgcolor="# etc.) but vastly more effective)
a:link {
color: #0000ff;
}
a:visited {
color: #336699;
}
a:hover {
color: black;
}
a:active {
color: silver;
}
body {
background-color: #ccd9e6;
}
As far as I'm concerned;
the best addition of CSS is the hover feature.
<style type="text/css">
a:hover {
color: #111111;
}
</style>
This single basic code enables Links to highlight (or change color) when your cursor is placed over them.
and (of course), the highlighted color returns to normal when the mouse is released.
It's a basic feature previously not possible using HTML.
So, by all effects,
this one simple code enables all links to become highlighted..
....just by placing your cursor over it:
a:hover { color: #111111;}
------------------------------
simply choose your color#
a:hover { color: COLOR HERE;}
---
a:hover { color: #xxxxxx;}
replace xxxxxx with a 6-digit number.
or, choose a color name:
a:hover { color: orange;}
and... if you're wondering why the ; always appears after {color: #xxxxxx;
it's just giving you the opportunity to add features later.
for example:
a:hover { color: orange; text-decoration: none;}
or, any possible combination, such as...
a:hover { color: green; text-decoration: underline; text-shadow: 2px 2px #ffffff; border: 2px solid green;
}
needless to say,
it can start to look real tacky when too many features are added!
a:hover { color: orange; text-decoration: line-through;
text-shadow: 1px 1px orange; border: 2px solid orange; background-color:#00baba;}
etc. etc.
[ Contact Forum Admin ]
Forum timezone: GMT-8
VF Version: 3.00b, ConfDB:
Before posting please read our privacy policy.
VoyForums(tm) is a Free Service from Voyager Info-Systems.
Copyright © 1998-2019 Voyager Info-Systems. All Rights Reserved.
|
|
Feedback: 