|
| |
|
|
QuoteNotes
Posts: 21
Joined: 12/5/2001
From: TN USA
Status: offline
 |
HELP...Are Dual Hyperlink Colors Possible? - 7/16/2003 12:16:27
I' ve agreed to build a web site for my son' s school. Here' s the temporary URL:
http://brightpath.hypermart.net/MHMS/MHMSHome.htm
I' m going to use Include files for the header, top menu bar, left menu bar, right news bar, and bottom footer since these areas may change fairly often. All of these areas have a blue background. The center area has a white background.
I' d like the hyperlinks in the blue area to be white and hyperlinks in the white area to be blue. The Properties item of the File menu only gives me one set of options for hyperlink colors.
Is there a way to have both blue and white hyperlinks on the same page? The only thing I can figure out is to use the blue hyperlink as the page default, then set the white hyperlinks on the Include pages using font styles.
Would that work or is there a better way? And, when the Include files with the white hyperlinks are incorporated into the page, will these style settings revert to the global blue hyperlink setting?
I' m on a real tight timeframe, so if anyone has any solutions, PLEASE let me know ASAP. This is my first time here, so I hope someone can help me! THANKS!!!
_____________________________
Bill Wilson, CPCU, ARM, AIM, AAM
Supreme Allied Commander
IIABA' s Virtual University
Professional Speaker & Writer
Corporate Web Site:
http://vu.iiaa.net
Professional Web Site:
http://www.BrightPath.com
|
|
|
|
Reflect
Posts: 4769
From: USA
Status: offline
|
RE: HELP...Are Dual Hyperlink Colors Possible? - 7/16/2003 13:00:19
Hi Bill,
Well first off welcome to OutFront!!!
quote:
Is there a way to have both blue and white hyperlinks on the same page?
Sure is...external CSS files.
Not sure what level you are oat so I will go basic on you here...
Make an external CSS file. I normally create a sub directory called CSS, this is where I store my external CSS files.
To create an external CSS file, if on Windows, open notepad (Never use Word).
Now on any page that you want to use the external file on add this to the end of your head section...
<link rel=" stylesheet" type=" text/css" href=" css/name.css" >
For link structure it should appear in this order:
link
visited
hover
active
Now onto blue colored links. I would setup a new " class" for this, let' s call it blue . This is how it would appear in that section
/* this group sets the blue link colors */
A.blue:LINK {
color : #6666FF;
}
A.blue:VISITED {
color : #6666FF;
text-decoration : none;
}
A.blue:HOVER {
color : #111CAC;
text-decoration : underline overline;
}
A.blue:ACTIVE {
color : #111CAC;
text-decoration : underline overline;
}
Now anywhere, on any page to get that color scheme go to the HTMl code and change:
<href=
to
<href class=" blue" =
and it will take on the values given in your CSS file. Notice on teh different states I give you examples of no underline, an underline and an underline/overline combination.
HTH,
Brian
_____________________________
| |
|
|
|
QuoteNotes
Posts: 21
Joined: 12/5/2001
From: TN USA
Status: offline
|
RE: HELP...Are Dual Hyperlink Colors Possible? - 7/16/2003 13:23:29
Thanks a LOT for the fast response. One question: To do as you suggest, will each hyperlink have to be edited within the text area to turn it from white to blue?
The reason I ask is that I' m building the site, then turning it over to the school' s faculty and students to maintain around the first of the year. I was trying to keep the editing as simple as possible since few if any of them have experience using FrontPage.
I even thought about setting the default hyperlink color to blue, then using graphics in the blue background areas where a white hyperlink is needed, just so they wouldn' t have to do any individual tweaking on the hyperlinks.
_____________________________
Bill Wilson, CPCU, ARM, AIM, AAM
Supreme Allied Commander
IIABA' s Virtual University
Professional Speaker & Writer
Corporate Web Site:
http://vu.iiaa.net
Professional Web Site:
http://www.BrightPath.com
| |
|
|
|
pageoneresults
Posts: 1001
From: Orange, CA USA
Status: offline
|
RE: HELP...Are Dual Hyperlink Colors Possible? - 7/16/2003 23:27:02
I used to assign classes to groups of links when I first started really getting into CSS. Then as I progressed further I found out about using id' s to specify styles for certain areas of pages, etc.
I' ve created an example where you can see the effects of using ids and the type of control they allow. In my example, I' ve used two tables (which happen to be 100% accessible) and have assigned unique ids to each one. The first one I called #hlblue. I then assigned that id to the first table; <table id=" hlblue" >. The second one I called #hlgreen and assigned a unique id to it; <table id=" hlgreen" >.
Then I added style to those ids.
#hlblue a:link, #hlblue a:visited{text-decoration:underline;color:#00c;background:none}
#hlblue a:hover{text-decoration:none;color:#000;background:#ccc}
#hlblue a:active{text-decoration:none;color:#c00;background:#ff0}
#hlgreen a:link, #hlgreen a:visited{text-decoration:underline;color:#090;background:none}
#hlgreen a:hover{text-decoration:none;color:#609;background:#ccc}
#hlgreen a:active{text-decoration:none;color:#c00;background:#ff0;}
To see it all in action...
[url=" http://www.csstips.com/working/ids/" ]IDs and Hyperlinks[/url]
I added all the bells and whistles so you can see that any and all attributes can be controlled.
P.S. And then there is a third link state which is the default for the W3C links at the bottom of the page. ;)
< Message edited by pageoneresults -- 7/17/2003 12:25:34 AM >
_____________________________
SEO Consultants Directory
Find Search Engine Marketing Companies
| |
|
|
|
QuoteNotes
Posts: 21
Joined: 12/5/2001
From: TN USA
Status: offline
|
RE: HELP...Are Dual Hyperlink Colors Possible? - 7/17/2003 2:25:25
The " ID" concept is new to me, but I' ll give it a whirl. It sounds exactly like the structure I' m using.
_____________________________
Bill Wilson, CPCU, ARM, AIM, AAM
Supreme Allied Commander
IIABA' s Virtual University
Professional Speaker & Writer
Corporate Web Site:
http://vu.iiaa.net
Professional Web Site:
http://www.BrightPath.com
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
