Link Colors and Templates, Help!

I am a very basic Dreamweaver user. I create multi-page
webapges using templates with link menu's accross the top of the
page to jump back and forth between the pages.
My question is this, In my template I have set the page
properties to always make links gold. It looks good with the color
scheme of my web page. My problem is On the actual pages, in the
editable regions I want to make the hyperlinks blue as the Gold
doesnt look good with the background in those areas.
Is there a way to have both sets of links have independant
colors?
Please and thank you for any insight!

Pseudo-classes and container styles are what you need - here
are some
tutorials.
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"CelticMojo" <[email protected]> wrote in
message
news:feb4an$e36$[email protected]..
>I am a very basic Dreamweaver user. I create multi-page
webapges using
> templates with link menu's accross the top of the page
to jump back and
> forth
> between the pages.
>
> My question is this, In my template I have set the page
properties to
> always
> make links gold. It looks good with the color scheme of
my web page. My
> problem is On the actual pages, in the editable regions
I want to make the
> hyperlinks blue as the Gold doesnt look good with the
background in those
> areas.
>
> Is there a way to have both sets of links have
independant colors?
>
> Please and thank you for any insight!
>
>
>

Similar Messages

Link colors and formats not WYSIWYG

I'm having trouble with Link colors. I have the Link Format set to a certain colors but what I see after I publish my site is a crap shoot. Sometimes the change takes sometimes it doesn't, and often what I see in Safari 4/5 or Firefox is not the same as I have set in iWeb. And yes I force a page refresh by clearing the cache and reloading the pages every time.
Any help would be greatly appreciated. So far I like how WYSIWYG iWeb is but this one problem has plagued me for some time now.
John

When you set the color use the Web Safe color pallet from the color pane:
Click to view full size
OT

C6180 printer prints bad photos, poor color and striped help!

color photos print with stripes and coloe does mot match color on monitor c6180 printer

Hello milehigh,
Welcome to the HP Forums!
I understand you're receiving different colors and has stripes when you're printing photos. I will do my best to assist you! If you print different document are you receiving the same results? Please print a self test page from your printer: (This information is stated here.)
Press Setup .
Press the down arrow button to highlight Print Report , and then press OK .
Press the down arrow button to highlight Self-Test Report , and then press OK .
The HP All-in-One prints a self-test report.
If you different colors from this page, then please follow this entire HP document on Wrong Colors. Try cleaning the printhead a couple of times until you receive satisfactory quality. I will be looking forward to hearing from you.
Have a great night!
I worked on behalf of HP.

Problem setting link color!

Can someone tell me how to correctly override browser
preferences for link color and visited color by using style sheets?
I can't seem to make it stick.
Thanks!

In its most simple scenario and covering all links in a
document:
a:link {color: green;}
a:visited: {color: gray;}
a:hover: {color: blue;}
a:focus {color: blue;}
a:active {color: blue;}
If you want a more advanced read, this tutorial might be
helpful:
http://www.projectseven.com/tutorials/css/pseudoclasses/index.htm
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"
"robertgravesly" <[email protected]> wrote
in message
news:f840kj$gjg$[email protected]..
> Can someone tell me how to correctly override browser
preferences for link
> color and visited color by using style sheets? I can't
seem to make it
> stick.
>
> Thanks!

Trouble getting rid of default link colors!

Dear Folks,
I have created a ul list for navbar: reads just great in Safari, but has residual blue link color and underline - I have eliminated all styles in the source code, and have written styles in the CSS. Firefox reads all the visted and current links as default underlines, where I want color boxes.
The header where the navbar is located is a secondary header with the div #header2 (no nav bar on the splash index page)
What I wanted was a "tabbed" look, (dark background with light rollovers) which I got as long as I don't "visit" pages - then it reverts to blue letters with underline.
Any help? Here is the code in the CSS
In frustration, I set a separate link color for the footer for all pages - it read fine when each was a separate command, but combining it in CSS Shorthand made it not function.
#footer a:link a:visited a:hover a:active {
color: #CCC98F;
text-decoration: none;
and here is the code for the navbar in the secondary header:
#header2 #navbar ul {
font-family: "Gill Sans", Helvetica, Arial, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
color: #CC9;
list-style: none;
#navbar li {
float: left;
list-style: none;
padding: 0px 10px 15px 0px;
margin: 0;
#navbar li a:link, #header li a:visited {
background: #2B2D16;
padding: 0.2em 0.5em;
font-family: "Gill Sans", Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1em;
font-weight: normal;
color: #CC9;
text-decoration: none;
margin-right: 0.5em;
width: auto;
text-align: center;
white-space: nowrap;
word-spacing: 0.2em;
letter-spacing: 0.1em;
#navbar li a:hover {
color: #D2A44E;
background: #625214;
#navbar li a.current, #header li a.current:hover, #header li a.current:active {
color: #D2A44E;
background: #625214;
cursor: default;
Martha

In your CSS, you always need to define a minimum of 4 rules for the "states" of each link.
Minimum states are:
link
visited
hover
active
in that order.
In your CSS, for #navbar li a (which is any link inside a list inside an element with id="navbar"), you have only defined the link and hover states.
In the absence of a specific CSS rule for the visited state, the browser will always default to blue underline.
Change your CSS as follows
#navbar li a:link, #navbar li a:visited, #header li a:visited {
background: #2B2D16;
padding: 0.2em 0.5em;
font-family: "Gill Sans", Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1em;
font-weight: normal;
color: #CC9;
text-decoration: none;
margin-right: 0.5em;
width: auto;
text-align: center;
white-space: nowrap;
word-spacing: 0.2em;
letter-spacing: 0.1em;
If the #header li a:visited compound selector in that rule is doing nothing (since you have <div id="header2"> on the page but not <div id="header">) then change it or delete it.

I purchased adobe design standard and it wont download and open. help?

whenever I go to open the downloaded program it gives me an error message. I think it has something to do with the fact that my computer is a mac and the program is for windows. what do I need to do to fix the problem?

download the mac installation program. if this is pre-cc, you'll need a mac serial number to activate.
Downloads available:
Suites and Programs: CC 2014 | CC | CS6 | CS5.5 | CS5 | CS4 | CS3
Acrobat: XI, X | 9,8 | 9 standard
Premiere Elements: 13 | 12 | 11, 10 | 9, 8, 7 win | 8 mac | 7 mac
Photoshop Elements: 13 |12 | 11, 10 | 9,8,7 win | 8 mac | 7 mac
Lightroom: 5.6| 5 | 4 | 3
Captivate: 8 | 7 | 6 | 5
Contribute: CS5 | CS4, CS3
Download and installation help for Adobe links
Download and installation help for Prodesigntools links are listed on most linked pages. They are critical; especially steps 1, 2 and 3. If you click a link that does not have those steps listed, open a second window using the Lightroom 3 link to see those 'Important Instructions'.

Link color change (beyond page properties/links or inline html mark-up)

Besides using the page properties to change all links on the page to a single color, is there a css style or some html code I can add sitewide (vs. inline mark-up for every single link) to override the blue link color and keep all links the color specified in the header and body styles?
Thanks!

Thanks bemdesign--it worked for the most part. But in my footer, the links are incorrectly changing their colors when displayed in IE. When displayed in the design view of DW, they are retaining their proper color without changing blue when I make them links.
Just before the text of the bottom row of my table, I added in the html code:
<div class="footer">
After the text, I closed it with
</div>
In my CSS, I added this code:
.footer a:link {
color: #666666;/*links under the elements with a class of footer are gray*/
.footer a:visited{
color: #666666;/*visted links are gray*/
.footer a:hover, .footer a:active{
color: #666666;/*active or hovered lover links are gray*/
While this caused the color of the link in my html in DW to be retained as gray, in IE, it displays as blue. Why is this?

Link Color Dilemma

I set up my page properties to color links a certain way. I
have links in the text that I'd like to present as a different \
color. Should I clear the page property link colors and handle all
the links as type styles?

Pseudo-classes and container styles are what you need - here
are some
tutorials.
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"pooklet" <[email protected]> wrote in
message
news:fjpfdf$rm5$[email protected]..
>I set up my page properties to color links a certain way.
I have links in
>the
> text that I'd like to present as a different \ color.
Should I clear the
> page
> property link colors and handle all the links as type
styles?
>
>
>

Can't Change Link Color

Under Page Properties/Links, I changed the Link Color and Rollover Link to Brown (640019). Then I changed the Visited Links and Active Links to Green (339900). But they show up as Blue and Purple. Here's a link to a test page.
http://www.sneedbreedley.com/linktest.html

You need the hash sign preceding the colour. This is what you have:
color: 640019;
It should be this:
color: #640019;

Changing individual link colors

I am making a website where I want a certain link to display in red while the other links stay white. I went into the page properties to set the link colors, but I cannot figure out how to individually change the colors for certain links. When I changed the link color properties, it does so for all the links. Is this possible to set individual link colors, and how would I go about doing it? Thank you.

Let's say you want to have red links in your #header and green links in your #footer.
CSS:
#header a {text-decoration:none}
#header a:link {color:red}        /**unvisited**/
#header a:visited {color:gray} /**visited**/
#header a:hover,                   /**on mouse over**/
#header a:active,                  /**on click**/
#header a:focus                   /**on tab key/active in IE**/
{text-decoration:underline}
#footer a {text-decoration:none}
#footer a:link {color:green}
#footer a:visited {color:yellow}
#footer a:hover,
#footer a:active,
#footer a:focus
{text-decoration:underline}
HTML:
<div id="header">
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
</div>
<div id="footer">
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
</div>
For more on CSS pseudo classes:
http://www.w3schools.com/css/css_pseudo_classes.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Problem editing text color and page properties due to favicon link

I recently added a link to a sites favicon using the link tag. Following advice on the net this was added beneath the HTML tag and before the HEAD tag. I was using a Dreamweaver template for the site and it updated all pages with the new link in the non-editable area above HEAD and just after the template declaration.
This was fine, unitl the user went to edit the site. He found that he could no longer get to page properties as he got an error that no page properties existed in editable areas... although there was an editable region for the page title. Also text color and highlighting were now disabled.
Moving the link tag into the head area has resolved the editing issue, but it seems a strange bug. Is there some way to add something between HTML and HEAD and have it appear before the InstanceBegin of the template?

You can edit text in any PDF by using trial version but as for as my knowledge and limited experience with Adobe I could not find any text color option in Adobe Acrobat. But you can highlight text in Adobe Acrobat. If you want to change the text color in PDF, I would like to recommend some another software which allows you to change the color of text and is available for download here.
Let me tell you how can change text color using this software. Open PDF file > go to "edit tab" > Click "edit" then highlight text to change the color. As you can see in the below screenshot.
Free free to ask. Hope it helps you. Don't forget to come back to share your views.
Thanks

How do I format links? And where can I find easy help info?

How do I override the blue color added when I add a hyperlink? (I found the modify page properties/links drop-down to remove the underline, but I can't figure out how to default to the original text color and only show link during rollover, or add my own formatting (e.g. strong) to show the link.
Also - can anyone tell me where to find the most comprehensive help section for Dreamweaver CS5, where I can find answers to questions like this link question? I've tried search, reference, help features within Dreamweaver, tutorials/faqs/forums on the adobe.com site (and I've been using Lynda.com tutorials which are great). But I can't find basic answers to items like reformatting links. Help!!! Thanks

How to style your links is not so much a Dreamweaver issue, I guess it is probably your knowledge of CSS that is running short here.
There is plenty of info on the web, just google for "styling links CSS" and you'll find lots of how-to's
Your best option to find help might be to buy a good book. I learned a lot from Dreamweaver CS5: The Missing Manual, First Edition by David Sawyer McFarland
I found CSS: The Missing Manual, 2nd Edition by the same author maybe even more useful, since it focuses solely on CSS instead of on the Dreamweaver program details. So check that out too, or buy them both, like I did. Both are excellent books, which will surely answer your questions and learn you how to do things right from the start.

Why are some websites turning hot pink in Firefox? In IE it's fine. I can't read text and buttons are missing as well as some photos. It's really difficult and I've already checked my Color settings. Help?

I've recently tried to make the switch to Firefox as we all know IE is unsafe and my computer was almost lost to a virus. However, it's been difficult as I can't log into my e-mail (after thirty seconds I get kicked back to the login page) and some screens come up as a violently pink color with pale blue font. Links disappear and often times the wording is rewritten in Times font over a button. Pictures disappear and simply say where the photo came from (like "Photo courtesy of the AP") I've tried to adjust settings but it's not helping any.

You can check the default color settings:
* Tools > Options > Content : Fonts & Colors > Colors
Also make sure that "Allow pages to choose their own colors, instead of my selections above" has a check mark.
See also:
* [[Websites look wrong]]
* [[Website colors are wrong]]

Need Help: Changing Colors in Template for Flyer

I am trying to create a flyer from a template. I chose a template that has a colored border, but want to change the colors....I cannot figure out how to?
Also,
How to change the background color on a template too?
Thanks so much for the help!!!
PS: I am using the iWork, Pages...for this

Hi Streater
Welcome to the forum.
There are 3 possiblilities:
*1. It is locked* and shows small grey crosses on the corners
+Menu > Arrange > Unlock ( option command l)+
*2. It is grouped*
+Menu > Arrange > Ungroup ( option shift command g)+
*3. It is a scan or pdf*
+Inspector > Metrics > File Info+
Need to edit it outside Pages in a graphics program.
If you can get at the object the colors and strokes etc are at:
+Inspector > Graphic > Fill / Stroke+
Double click any color fields to get the color picker.
Peter

Visited link colors shows on navigational buttons and icon despite not visited

Hello! I (newbie) have problems in my very first website. Some of my navigational buttons at my footer section and the icon on the lower left shows the visited link color green despite I haven't visited any of the link. There are times these colors are all blue (unvisited links). My URL is http://www.jespir.com. Please help and thank you in advance.

I have the same CSS coding.
Nowhere that I can see.
Open global.css file. Change this:
a:link {
    color: #00F;
a:visited {
    color: #0C0;
a:hover {
    color: #FF0;
a:active {
    color: #CAE0EC;
to this:
a img {border:none}
a {text-decoration:none}
a:link {color: #00F;}
a:visited {color: #0C0;}
a:hover {color: #FF0;}
a:active, a:focus {color: #CAE0EC;}
Remove this from your embedded CSS code. You don't need it.
a:link {
text-decoration: none;
a:visited {
text-decoration: none;
a:hover {
text-decoration: none;
a:active {
text-decoration: none;
Save both documents and upload to server.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Link Colors and Templates, Help!

Similar Messages

Maybe you are looking for