How do you make different color links (Full Version)

All Forums >> [Web Development] >> General Web Development



Message

zjfoster -> 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 -> 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



Lydecker -> RE: How do you make different color links (3/25/2002 5:40:41)

Or you can just highlight the hyperlink>font>change color

 



pageoneresults -> 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



Lydecker -> RE: How do you make different color links (3/25/2002 11:23:29)

very true. sorry!

 



ahodge -> 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.



newattitude -> 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!



Charles W Davis -> 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.



dpf -> RE: How do you make different color links (11/17/2004 12:24:38)

write a cookie



aaronwiles -> 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.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625