FP2003 Styles or Themes - link bar navigation

D

Dan E

Is there a way to have the color of text used in a link bar link change when
the mouse pointer hovers over it? Simple enough for ordinary hyperlinks, I
know, but link bars based on navigation only offer styles, mostly based on
Themes, and that's a different flavor of cheese... Ideally, I'd like to be
able to define the color changes in an external style sheet.

All help or suggestions much appreciated...

TIA,

Dan
 
W

Wes

You can change that and all kinds of stuff in the theme by selecting Theme /
Customize.
 
D

Dan E

Wes - thanks for your input, however that's one of the things one can't
change from Customize, unfortunately.

Regards,

Dan
Wes said:
You can change that and all kinds of stuff in the theme by selecting Theme
/ Customize.
Click to expand...
 
W

Wes

You're right, not from the theme customize, but it can be done.
Right-click in the link bar area, choose style, select a text style.
Right-click again and choose page properties, select advanced, enable
rollover effects, choose the effect you want. You may need to do this for
each page, but there is probably a global somewhere.

Dan E said:
Wes - thanks for your input, however that's one of the things one can't
change from Customize, unfortunately.

Regards,

Dan
Click to expand...
 
W

Wes

Forgot to mention that some themes do not allow some of the page properties
to be changed.

Dan E said:
Wes - thanks for your input, however that's one of the things one can't
change from Customize, unfortunately.

Regards,

Dan
Click to expand...
 
R

Ronx

Wrap your nav bar in a div or span and style the wrapper

<style>
..nav a:link{color:blue;text-decoration:none;}
..nav a:hover{color:green;text-decoration:underline;}
</style>
</head>

<body>

<div class="nav"> <!-- navigation bar goes here --> </div>
 
S

Stefan B Rusynko

Yes you can (for text links)
Format Theme Modify/Customize Colors Custom Colors
- save as new theme name

--




| Wes - thanks for your input, however that's one of the things one can't
| change from Customize, unfortunately.
|
| Regards,
|
| Dan
| | > You can change that and all kinds of stuff in the theme by selecting Theme
| > / Customize.
| >
| > | >> Is there a way to have the color of text used in a link bar link change
| >> when the mouse pointer hovers over it? Simple enough for ordinary
| >> hyperlinks, I know, but link bars based on navigation only offer styles,
| >> mostly based on Themes, and that's a different flavor of cheese...
| >> Ideally, I'd like to be able to define the color changes in an external
| >> style sheet.
| >>
| >> All help or suggestions much appreciated...
| >>
| >> TIA,
| >>
| >> Dan
| >>
| >> --
| >> Dan E
| >> webbie(removethis)@preferredcountry.com
| >>
| >
| >
|
|
 
D

Dan E

Stefan - the type of style that is made available by right-clicking on the
link bar in split or design views, choose Link Bar Properties, choose Style,
scroll down to the end and select e.g. Bars - "An HTML style where each link
is separated by a vertical line." does not appear in the list of Themes in
the Task Pane when I go Format|Theme, so I can't get at it that way. Any
suggestions?

TIA,

Dan
 
D

Dan E

Wes - When you say "Right-click in the link bar area, choose style, select a
text style." - do you mean one of the styles right at the end of the list of
styles made available by right-clicking the link bar, choosing Link Bar
Properties, choosing Style? The ones labeled HTML styles?

TIA,

Dan
 
D

Dan E

Ron - I've tried this, but it doesn't work, at least in a dwt attached to an
html file; I import a .css file containing some .nav styles before putting
the 2 nav styles from below, so the whole looks like this:-

<style type="text/css">
<!--
@import url(st11.css);
..nav a:link{color:blue;text-decoration:none;}
..nav a:hover{color:green;text-decoration:underline;}
-->
</style>

and it just doesn't work - no green underlined hover for example.

Any help much appreciated,
TIA,

Dan

Ronx said:
Wrap your nav bar in a div or span and style the wrapper

<style>
.nav a:link{color:blue;text-decoration:none;}
.nav a:hover{color:green;text-decoration:underline;}
</style>
</head>

<body>

<div class="nav"> <!-- navigation bar goes here --> </div>
Click to expand...
 
R

Ronx

I have found that
<style type="text/css">
<!--
@import url(st11.css);
.nav a:link{color:blue;text-decoration:none;}
.nav a:hover{color:green;text-decoration:underline;}
-->
</style>

fails, but

<style type="text/css">
<!--
@import url(st11.css);
</style>
<style type="text/css">
<!--
..nav a:link{color:blue;text-decoration:none;}
..nav a:hover{color:green;text-decoration:underline;}
-->
</style>

does work.

The underline attribute on hover will never work because the navigation bar
contains its own styles the set text-decoration to none.

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


Dan E said:
Ron - I've tried this, but it doesn't work, at least in a dwt attached to
an html file; I import a .css file containing some .nav styles before
putting the 2 nav styles from below, so the whole looks like this:-

<style type="text/css">
<!--
@import url(st11.css);
.nav a:link{color:blue;text-decoration:none;}
.nav a:hover{color:green;text-decoration:underline;}
-->
</style>

and it just doesn't work - no green underlined hover for example.

Any help much appreciated,
TIA,

Dan
Click to expand...
 
S

Stefan B Rusynko

Those text nav bars aren't Theme related
They are just text w/ hyperlink colors controlled by Page Properties (or your theme colors if using a theme)

--




| Stefan - the type of style that is made available by right-clicking on the
| link bar in split or design views, choose Link Bar Properties, choose Style,
| scroll down to the end and select e.g. Bars - "An HTML style where each link
| is separated by a vertical line." does not appear in the list of Themes in
| the Task Pane when I go Format|Theme, so I can't get at it that way. Any
| suggestions?
|
| TIA,
|
| Dan
| | > Yes you can (for text links)
| > Format Theme Modify/Customize Colors Custom Colors
| > - save as new theme name
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| > | > | Wes - thanks for your input, however that's one of the things one can't
| > | change from Customize, unfortunately.
| > |
| > | Regards,
| > |
| > | Dan
| > | | > | > You can change that and all kinds of stuff in the theme by selecting
| > Theme
| > | > / Customize.
| > | >
| > | > | > | >> Is there a way to have the color of text used in a link bar link
| > change
| > | >> when the mouse pointer hovers over it? Simple enough for ordinary
| > | >> hyperlinks, I know, but link bars based on navigation only offer
| > styles,
| > | >> mostly based on Themes, and that's a different flavor of cheese...
| > | >> Ideally, I'd like to be able to define the color changes in an
| > external
| > | >> style sheet.
| > | >>
| > | >> All help or suggestions much appreciated...
| > | >>
| > | >> TIA,
| > | >>
| > | >> Dan
| > | >>
| > | >> --
| > | >> Dan E
| > | >> webbie(removethis)@preferredcountry.com
| > | >>
| > | >
| > | >
| > |
| > |
| >
| >
|
|
 
D

Dan E

Many thanks, Ron. Is there any way to fix different text attributes for
hover etc. (for vertical nav link bars) for styles derived from graphical
themes that you know of?

TIA.

Many thanks again - I learnt a lot! :)

Dan
 
D

Dan E

Ron - just tried that code, and the underline on hover still will not work
in my link bar. I'm using the "Bars" HTML link bar style with custom links.
Here's what that code looks like (this is in the dwt attached to
index.html):-

<head>
<meta http-equiv="Content-Language" content="en-us">
<style type="text/css">
<!--
@import url(st11.css);
-->
</style>
<style type="text/css">
<!--
..nav a:link {color: Teal;text-decoration: none;}
..nav a:visited {color: Teal;text-decoration: none;}
..nav a:hover {color: Red;text-decoration: underline;}
..nav a:active {color: Fuchsia;text-decoration: underline;}
-->
</style>

Any help or suggestions gratefully received. Maybe it's because it's in the
DWT?

TIA,

Dan
 
D

Dan E

Weird thing is, Firefox behaves perfectly - displays the red underlined for
hover, even with just the stylesheet.

Dan
 
R

Ronx

If it's a graphical theme the text will be embedded in the buttons, as a
graphic. The only answer is to edit the button, or the theme. FrontPage
themes do not give much scope for this (edit all buttons [link, hover and
active] with the same style).
 
R

Ronx

It's not the DWT, it is the Link Bar.
As I said before - the underline will never work. The link bar code inserts
an inline style that over-rules the embedded stylesheet, and sets
text-decoration to none.
View the page in a browser, and check the source code. In each link you
will see something like:
<A HREF="./" TARGET="" STYLE="{text-decoration: none;}">Home</A>

That style attribute kills the underline.

You can edit (or better still, create a new text link bar style) by editing
the file
C:\Program Files\Microsoft Office\OFFICE11\1033\BOTSTYLE\navbars.ini

Copy the entry for Bars and rename the copy. Then remove the contents of
the style attribute.
The preview gif (located in the same folder) also needs to be copied to a
new name as well.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

FP2003: link bar font color won't change 3
add new link bar styles 3
Link bar graphic inconsistent 5
Edit navigation bars or where to find more 2
Font Change? Link bar in shared border. 1
Where dos FP2003 keep Themes information? 2
Themes and Link Bar Properties 1
How do I choose small button styles in Themed Link Bars? 2

Top