navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

How do you make different color links

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> General Web Development >> How do you make different color links
Page: [1]
 
zjfoster

 

Posts: 36
Joined: 1/31/2002
From:
Status: offline

 
How do you make different color links - 3/24/2002 22:08:36   
How do you make different color hyperlinks in Frontpage 2002. I know you can set the page properties to choose the color you want your hyperlinks to be. But what if you want two different color hyperlinks on the same page. How do you do this? I want to have my hyperlinks in red on the left side of the page and blue hyperlinks in my text.

pageoneresults

 

Posts: 1001
From: Orange, CA USA
Status: offline

 
RE: How do you make different color links - 3/24/2002 23:13:28   
The most efficient way to do this would be to use an external style sheet. This is a .css file that resides in your web and contains specific style attributes for certain elements on your pages. Here is a live example...

a:link{
 color:#1040b0;
 background:#ffffff;
}
a:visited{
 color:#1040b0;
 background:#ffffff
}
a:hover{
 text-decoration:none;
 color:#1040b0;
 background:#ffffff;
}
a:active{
 text-decoration:none;
 color:#000000;
 background:#b8cce8;
}

#c2 a:link{
 color:#efefef;
 background:#ffffff;
}
#c2 a:active{
 color:#808080;
 background:#efefef;
}
#c2 a:visited{
 color:#efefef;
 background:#ffffff;
}
#c2 a:hover{
 font-style:italic;
 color:#1040b0;
 background:#efefef;
}

#c2 is the id for the container holding the second set of link colors.

If you are not familiar with external .css files, you can also apply an on page style through the style sheet menu of FP.

<b>My Recommendation</b>
Dive into the external .css now while you can. You'll be that much further ahead and you'll truly appreciate how easy it is to manage the colors on your web site. Not only the colors, but everything else!

SEO Consultants Directory
http://www.seoconsultants.com

< Message edited by pageoneresults -- 4/13/2006 19:58:36 >

(in reply to zjfoster)
Lydecker

 

Posts: 609
From: Oxshott, Surrey, England (UK)
Status: offline

 
RE: How do you make different color links - 3/25/2002 5:40:41   
Or you can just highlight the hyperlink>font>change color

 

(in reply to zjfoster)
pageoneresults

 

Posts: 1001
From: Orange, CA USA
Status: offline

 
RE: How do you make different color links - 3/25/2002 10:16:10   
quote:
Or you can just highlight the hyperlink>font>change color


Yes, you could do that also but that will only give color to one state of the hyperlink. There are four available states for your hyperlink in IE, three in Netscape. The hover element is not supported by NN4.x so don't think you've done something wrong if it does not work with NN4.x.

The four states are:

1. link - base color of hyperlink
2. visited - color of link after clicked or visited
3. hover - color of link when mouse passes over
4. active - color of link when clicked

SEO Consultants Directory
http://www.seoconsultants.com

(in reply to zjfoster)
Lydecker

 

Posts: 609
From: Oxshott, Surrey, England (UK)
Status: offline

 
RE: How do you make different color links - 3/25/2002 11:23:29   
very true. sorry!

 

(in reply to zjfoster)
ahodge

 

Posts: 4
Joined: 2/5/2004
Status: offline

 
RE: How do you make different color links - 2/5/2004 11:31:07   
Here is a challange - your solution only works if you add your user defined class (.anav:link) as an anchor to a hyperlink like <a class=anav href="doc.htm">

How can you isolate a section of a page to reference a specific set of styles?
I've tried using DIV, IDs etc but can not come up with a solution.

Goal - I have a client that insists on using FP navaigation webot text links. However, they want the different states of these links to all be the same color. So far I see no way in FP to control these colors (without using themes) by applying a class style and it not effecting the rest of the page. Applying class styles as anchor in all links on the contact pages is not an option.

(in reply to pageoneresults)
newattitude

 

Posts: 1
Joined: 11/17/2004
Status: offline

 
RE: How do you make different color links - 11/17/2004 8:00:42   
Ok here is my 'STUPID" question - I messed around with a style sheet got it to do various highlights excetera - BUT - how can I make it highlight the visited link and REMAIN highlighted even on a new return to the page (say the next day) and only remove the highlight IF the target has changed????

Thank you in advance for your time - don't laugh tooooo hard at my ignorance! I am an Oracle Certified DBA but feel quite inadequate in the 'web' arena often!

(in reply to ahodge)
Charles W Davis

 

Posts: 1725
Joined: 3/7/2002
From: Henderson Nevada USA
Status: offline

 
RE: How do you make different color links - 11/17/2004 12:06:02   
newattitude,

Welcome to the Outfront Forums.

I havn't the foggiest notion to answer your question, but suggest not posting follow-on questions. Start a new thread to post your question.

_____________________________

Enjoy! It' s your endeavor!
http://www.anthemwebs.com

(in reply to newattitude)
dpf

 

Posts: 7123
Joined: 11/12/2003
From: India-napolis
Status: offline

 
RE: How do you make different color links - 11/17/2004 12:24:38   
write a cookie

_____________________________

Dan

(in reply to newattitude)
aaronwiles

 

Posts: 200
Joined: 7/5/2004
From: Aaron Wiles
Status: offline

 
RE: How do you make different color links - 11/17/2004 22:08:48   
quote:

ORIGINAL: newattitude

Ok here is my 'STUPID" question - I messed around with a style sheet got it to do various highlights excetera - BUT - how can I make it highlight the visited link and REMAIN highlighted even on a new return to the page (say the next day) and only remove the highlight IF the target has changed????

Thank you in advance for your time - don't laugh tooooo hard at my ignorance! I am an Oracle Certified DBA but feel quite inadequate in the 'web' arena often!


Set the visited color for the link, once the visitor uses the link the link will remain the visited link color whilst in the cache.

_____________________________

You really never learn to swear until you get a computer.

(in reply to newattitude)
Page:   [1]

All Forums >> Web Development >> General Web Development >> How do you make different color links
Page: [1]
Jump to: 1





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