FP2003 Link Bars: manual theme formatting options?

R

rush614

I am new to FP03. I am trying to make graphical vertical linkbars using a
modified theme. All I want is to have set of active vertical linkbars (based
on navigation structure) so linkbar would change underlying GIF from
standard, to hover, to click. I do not want to apply a theme to the whole
page, just to one set of link bar (hosting on Yahoo! webhosting, that is
supposed to support FP 2002 SE).

The problem is that in a theme customization, linkbar text formatting is
limited to left, centered or right. I want to indent the text 10-20px, so
there would be a place for a small icon before left aligned text (see below
for example)

| :) Link #1 |
| :( Link #2 |
| :[ Link #3 |

The "customize theme" wizard gives me only three options (left, center,
right). If I go into graph1.css and try to change .mstheme-vert-navtxt
manually, FronPage ignores the margin-left: commands, but picks up color: and
text-align: modifiers (although very flaky, only if I manually reapply
theme).

I really like the simplicity of navigation-based link-bars, but I want just
a little customization without getting too much into CSS and JavaScript.

You help will be greatly appreciated
 
R

Ronx

One solution is to use a two column single row table to construct your
link bars. The icon goes in the first column, and the link bar in the
second. The icon will need to be sized so its height matches the link
bar images (or use transparent images to adjust).
 
R

rush614

Thanks, Ronx,

I thought of that. However, it is my understanding that with this solution
the icons in the neighboring column will remain static, regardless of "hover"
and "click" behaviour that will be going on in the linkbar, being
disconnected from the Active Graphics effcts in the link bar. Also, the icons
will be disconnected from the nav structure, with the result that linkbars
will change from page to page depending on the place, but the icons will not.

Ideally, I want linkbars with left-aligned, indented text (i.e. with 10-20px
of empty space to the left of the text). On hover, the "empty" GIF#1 is
replaced with GIF#2, now containing the image of the icon in this empty
space, on click it is replaced with GIF#3 in which this icon is brighter.
Again, ideally I want a separate icon for each button on the linkbar.

If linkbars will not allow me to do that, could you point me out the way I
can accomplish that? I understand there might be several ways to do that
(CSS, JavaScript and such), but if I want to have linkbar on every page to
depend on the navigation structure, linkbars seem to be the only way to go.

Thanks,

rush614

Ronx said:
One solution is to use a two column single row table to construct your
link bars. The icon goes in the first column, and the link bar in the
second. The icon will need to be sized so its height matches the link
bar images (or use transparent images to adjust).
--
Ron Symonds
Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

rush614 said:
I am new to FP03. I am trying to make graphical vertical linkbars
using a
modified theme. All I want is to have set of active vertical
linkbars (based
on navigation structure) so linkbar would change underlying GIF from
standard, to hover, to click. I do not want to apply a theme to the
whole
page, just to one set of link bar (hosting on Yahoo! webhosting,
that is
supposed to support FP 2002 SE).

The problem is that in a theme customization, linkbar text
formatting is
limited to left, centered or right. I want to indent the text
10-20px, so
there would be a place for a small icon before left aligned text
(see below
for example)

| :) Link #1 |
| :( Link #2 |
| :[ Link #3 |

The "customize theme" wizard gives me only three options (left,
center,
right). If I go into graph1.css and try to change
.mstheme-vert-navtxt
manually, FronPage ignores the margin-left: commands, but picks up
color: and
text-align: modifiers (although very flaky, only if I manually
reapply
theme).

I really like the simplicity of navigation-based link-bars, but I
want just
a little customization without getting too much into CSS and
JavaScript.

You help will be greatly appreciated
 
R

Ronx

Thinking out of the box, customise the buttons in the theme - change
the buttons in an image editor so that they include the appropriate
icon. Customise the theme to use the new buttons, save the theme with
a new name and apply the new theme to all pages. Set the button text
to align to the right.

The only alternative to this (apart from solutions already mentioned
and discarded) is to code the link bars yourself - copy the FrontPage
buttons from _derived folders to desktop (use Windows Explorer since
_derived is hidden in FrontPage), , or make the page buttons yourself,
then File->Import into another folder in FP. Then write appropriate
JavaScript to swap the buttons and icons. You will lose the Active
Page button, unless you place the link bar on each page individually.
--
Ron Symonds
Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

rush614 said:
Thanks, Ronx,

I thought of that. However, it is my understanding that with this
solution
the icons in the neighboring column will remain static, regardless
of "hover"
and "click" behaviour that will be going on in the linkbar, being
disconnected from the Active Graphics effcts in the link bar. Also,
the icons
will be disconnected from the nav structure, with the result that
linkbars
will change from page to page depending on the place, but the icons
will not.

Ideally, I want linkbars with left-aligned, indented text (i.e. with
10-20px
of empty space to the left of the text). On hover, the "empty" GIF#1
is
replaced with GIF#2, now containing the image of the icon in this
empty
space, on click it is replaced with GIF#3 in which this icon is
brighter.
Again, ideally I want a separate icon for each button on the
linkbar.

If linkbars will not allow me to do that, could you point me out the
way I
can accomplish that? I understand there might be several ways to do
that
(CSS, JavaScript and such), but if I want to have linkbar on every
page to
depend on the navigation structure, linkbars seem to be the only way
to go.

Thanks,

rush614

Ronx said:
One solution is to use a two column single row table to construct
your
link bars. The icon goes in the first column, and the link bar in
the
second. The icon will need to be sized so its height matches the
link
bar images (or use transparent images to adjust).
--
Ron Symonds
Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

rush614 said:
I am new to FP03. I am trying to make graphical vertical linkbars
using a
modified theme. All I want is to have set of active vertical
linkbars (based
on navigation structure) so linkbar would change underlying GIF
from
standard, to hover, to click. I do not want to apply a theme to
the
whole
page, just to one set of link bar (hosting on Yahoo! webhosting,
that is
supposed to support FP 2002 SE).

The problem is that in a theme customization, linkbar text
formatting is
limited to left, centered or right. I want to indent the text
10-20px, so
there would be a place for a small icon before left aligned text
(see below
for example)

| :) Link #1 |
| :( Link #2 |
| :[ Link #3 |

The "customize theme" wizard gives me only three options (left,
center,
right). If I go into graph1.css and try to change
.mstheme-vert-navtxt
manually, FronPage ignores the margin-left: commands, but picks
up
color: and
text-align: modifiers (although very flaky, only if I manually
reapply
theme).

I really like the simplicity of navigation-based link-bars, but I
want just
a little customization without getting too much into CSS and
JavaScript.

You help will be greatly appreciated
 
R

rush614

Thanks, Ronx,

I will probably go the custom route. I really want to have different icons
on the left of my menu items, which rules out linkbars altogether. My only
concern is that JavaScript may complicate the code and increase the page
size. On the other hand, I probably do not see all the JavaSript that FP2003
generates to handle linkbars.

Could you please suggest a good tutorial (for a beginner) on JavaScript that
would handle icon swapping?

Many thanks,

rush614

Ronx said:
Thinking out of the box, customise the buttons in the theme - change
the buttons in an image editor so that they include the appropriate
icon. Customise the theme to use the new buttons, save the theme with
a new name and apply the new theme to all pages. Set the button text
to align to the right.

The only alternative to this (apart from solutions already mentioned
and discarded) is to code the link bars yourself - copy the FrontPage
buttons from _derived folders to desktop (use Windows Explorer since
_derived is hidden in FrontPage), , or make the page buttons yourself,
then File->Import into another folder in FP. Then write appropriate
JavaScript to swap the buttons and icons. You will lose the Active
Page button, unless you place the link bar on each page individually.
--
Ron Symonds
Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

rush614 said:
Thanks, Ronx,

I thought of that. However, it is my understanding that with this
solution
the icons in the neighboring column will remain static, regardless
of "hover"
and "click" behaviour that will be going on in the linkbar, being
disconnected from the Active Graphics effcts in the link bar. Also,
the icons
will be disconnected from the nav structure, with the result that
linkbars
will change from page to page depending on the place, but the icons
will not.

Ideally, I want linkbars with left-aligned, indented text (i.e. with
10-20px
of empty space to the left of the text). On hover, the "empty" GIF#1
is
replaced with GIF#2, now containing the image of the icon in this
empty
space, on click it is replaced with GIF#3 in which this icon is
brighter.
Again, ideally I want a separate icon for each button on the
linkbar.

If linkbars will not allow me to do that, could you point me out the
way I
can accomplish that? I understand there might be several ways to do
that
(CSS, JavaScript and such), but if I want to have linkbar on every
page to
depend on the navigation structure, linkbars seem to be the only way
to go.

Thanks,

rush614

Ronx said:
One solution is to use a two column single row table to construct
your
link bars. The icon goes in the first column, and the link bar in
the
second. The icon will need to be sized so its height matches the
link
bar images (or use transparent images to adjust).
--
Ron Symonds
Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

I am new to FP03. I am trying to make graphical vertical linkbars
using a
modified theme. All I want is to have set of active vertical
linkbars (based
on navigation structure) so linkbar would change underlying GIF
from
standard, to hover, to click. I do not want to apply a theme to
the
whole
page, just to one set of link bar (hosting on Yahoo! webhosting,
that is
supposed to support FP 2002 SE).

The problem is that in a theme customization, linkbar text
formatting is
limited to left, centered or right. I want to indent the text
10-20px, so
there would be a place for a small icon before left aligned text
(see below
for example)

| :) Link #1 |
| :( Link #2 |
| :[ Link #3 |

The "customize theme" wizard gives me only three options (left,
center,
right). If I go into graph1.css and try to change
.mstheme-vert-navtxt
manually, FronPage ignores the margin-left: commands, but picks
up
color: and
text-align: modifiers (although very flaky, only if I manually
reapply
theme).

I really like the simplicity of navigation-based link-bars, but I
want just
a little customization without getting too much into CSS and
JavaScript.

You help will be greatly appreciated
 
R

Ronx

Read through the FrontPage help on Behaviours, particularly the Swap
Image behaviour.

You could also search through the JavaScript section on www.irt.org

To see the JavaScript FP uses for themed buttons, open the page in a
browser and view source.
--
Ron Symonds
Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

rush614 said:
Thanks, Ronx,

I will probably go the custom route. I really want to have different
icons
on the left of my menu items, which rules out linkbars altogether.
My only
concern is that JavaScript may complicate the code and increase the
page
size. On the other hand, I probably do not see all the JavaSript
that FP2003
generates to handle linkbars.

Could you please suggest a good tutorial (for a beginner) on
JavaScript that
would handle icon swapping?

Many thanks,

rush614

Ronx said:
Thinking out of the box, customise the buttons in the theme -
change
the buttons in an image editor so that they include the appropriate
icon. Customise the theme to use the new buttons, save the theme
with
a new name and apply the new theme to all pages. Set the button
text
to align to the right.

The only alternative to this (apart from solutions already
mentioned
and discarded) is to code the link bars yourself - copy the
FrontPage
buttons from _derived folders to desktop (use Windows Explorer
since
_derived is hidden in FrontPage), , or make the page buttons
yourself,
then File->Import into another folder in FP. Then write
appropriate
JavaScript to swap the buttons and icons. You will lose the Active
Page button, unless you place the link bar on each page
individually.
--
Ron Symonds
Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

rush614 said:
Thanks, Ronx,

I thought of that. However, it is my understanding that with this
solution
the icons in the neighboring column will remain static,
regardless
of "hover"
and "click" behaviour that will be going on in the linkbar, being
disconnected from the Active Graphics effcts in the link bar.
Also,
the icons
will be disconnected from the nav structure, with the result that
linkbars
will change from page to page depending on the place, but the
icons
will not.

Ideally, I want linkbars with left-aligned, indented text (i.e.
with
10-20px
of empty space to the left of the text). On hover, the "empty"
GIF#1
is
replaced with GIF#2, now containing the image of the icon in this
empty
space, on click it is replaced with GIF#3 in which this icon is
brighter.
Again, ideally I want a separate icon for each button on the
linkbar.

If linkbars will not allow me to do that, could you point me out
the
way I
can accomplish that? I understand there might be several ways to
do
that
(CSS, JavaScript and such), but if I want to have linkbar on
every
page to
depend on the navigation structure, linkbars seem to be the only
way
to go.

Thanks,

rush614

:

One solution is to use a two column single row table to
construct
your
link bars. The icon goes in the first column, and the link bar
in
the
second. The icon will need to be sized so its height matches
the
link
bar images (or use transparent images to adjust).
--
Ron Symonds
Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

I am new to FP03. I am trying to make graphical vertical
linkbars
using a
modified theme. All I want is to have set of active vertical
linkbars (based
on navigation structure) so linkbar would change underlying
GIF
from
standard, to hover, to click. I do not want to apply a theme
to
the
whole
page, just to one set of link bar (hosting on Yahoo!
webhosting,
that is
supposed to support FP 2002 SE).

The problem is that in a theme customization, linkbar text
formatting is
limited to left, centered or right. I want to indent the text
10-20px, so
there would be a place for a small icon before left aligned
text
(see below
for example)

| :) Link #1 |
| :( Link #2 |
| :[ Link #3 |

The "customize theme" wizard gives me only three options
(left,
center,
right). If I go into graph1.css and try to change
.mstheme-vert-navtxt
manually, FronPage ignores the margin-left: commands, but
picks
up
color: and
text-align: modifiers (although very flaky, only if I manually
reapply
theme).

I really like the simplicity of navigation-based link-bars,
but I
want just
a little customization without getting too much into CSS and
JavaScript.

You help will be greatly appreciated
 
S

Stefan B Rusynko

Also look at Interactive Buttons where you can also use your own images for the buttons
See http://support.microsoft.com/default.aspx?scid=kb;en-us;555010




| Read through the FrontPage help on Behaviours, particularly the Swap
| Image behaviour.
|
| You could also search through the JavaScript section on www.irt.org
|
| To see the JavaScript FP uses for themed buttons, open the page in a
| browser and view source.
| --
| Ron Symonds
| Microsoft MVP (FrontPage)
| Reply only to group - emails will be deleted unread.
|
| | > Thanks, Ronx,
| >
| > I will probably go the custom route. I really want to have different
| > icons
| > on the left of my menu items, which rules out linkbars altogether.
| > My only
| > concern is that JavaScript may complicate the code and increase the
| > page
| > size. On the other hand, I probably do not see all the JavaSript
| > that FP2003
| > generates to handle linkbars.
| >
| > Could you please suggest a good tutorial (for a beginner) on
| > JavaScript that
| > would handle icon swapping?
| >
| > Many thanks,
| >
| > rush614
| >
| > "Ronx" wrote:
| >
| >> Thinking out of the box, customise the buttons in the theme -
| >> change
| >> the buttons in an image editor so that they include the appropriate
| >> icon. Customise the theme to use the new buttons, save the theme
| >> with
| >> a new name and apply the new theme to all pages. Set the button
| >> text
| >> to align to the right.
| >>
| >> The only alternative to this (apart from solutions already
| >> mentioned
| >> and discarded) is to code the link bars yourself - copy the
| >> FrontPage
| >> buttons from _derived folders to desktop (use Windows Explorer
| >> since
| >> _derived is hidden in FrontPage), , or make the page buttons
| >> yourself,
| >> then File->Import into another folder in FP. Then write
| >> appropriate
| >> JavaScript to swap the buttons and icons. You will lose the Active
| >> Page button, unless you place the link bar on each page
| >> individually.
| >> --
| >> Ron Symonds
| >> Microsoft MVP (FrontPage)
| >> Reply only to group - emails will be deleted unread.
| >>
| >> | >> > Thanks, Ronx,
| >> >
| >> > I thought of that. However, it is my understanding that with this
| >> > solution
| >> > the icons in the neighboring column will remain static,
| >> > regardless
| >> > of "hover"
| >> > and "click" behaviour that will be going on in the linkbar, being
| >> > disconnected from the Active Graphics effcts in the link bar.
| >> > Also,
| >> > the icons
| >> > will be disconnected from the nav structure, with the result that
| >> > linkbars
| >> > will change from page to page depending on the place, but the
| >> > icons
| >> > will not.
| >> >
| >> > Ideally, I want linkbars with left-aligned, indented text (i.e.
| >> > with
| >> > 10-20px
| >> > of empty space to the left of the text). On hover, the "empty"
| >> > GIF#1
| >> > is
| >> > replaced with GIF#2, now containing the image of the icon in this
| >> > empty
| >> > space, on click it is replaced with GIF#3 in which this icon is
| >> > brighter.
| >> > Again, ideally I want a separate icon for each button on the
| >> > linkbar.
| >> >
| >> > If linkbars will not allow me to do that, could you point me out
| >> > the
| >> > way I
| >> > can accomplish that? I understand there might be several ways to
| >> > do
| >> > that
| >> > (CSS, JavaScript and such), but if I want to have linkbar on
| >> > every
| >> > page to
| >> > depend on the navigation structure, linkbars seem to be the only
| >> > way
| >> > to go.
| >> >
| >> > Thanks,
| >> >
| >> > rush614
| >> >
| >> > "Ronx" wrote:
| >> >
| >> >> One solution is to use a two column single row table to
| >> >> construct
| >> >> your
| >> >> link bars. The icon goes in the first column, and the link bar
| >> >> in
| >> >> the
| >> >> second. The icon will need to be sized so its height matches
| >> >> the
| >> >> link
| >> >> bar images (or use transparent images to adjust).
| >> >> --
| >> >> Ron Symonds
| >> >> Microsoft MVP (FrontPage)
| >> >> Reply only to group - emails will be deleted unread.
| >> >>
| >> >> | >> >> >I am new to FP03. I am trying to make graphical vertical
| >> >> >linkbars
| >> >> >using a
| >> >> > modified theme. All I want is to have set of active vertical
| >> >> > linkbars (based
| >> >> > on navigation structure) so linkbar would change underlying
| >> >> > GIF
| >> >> > from
| >> >> > standard, to hover, to click. I do not want to apply a theme
| >> >> > to
| >> >> > the
| >> >> > whole
| >> >> > page, just to one set of link bar (hosting on Yahoo!
| >> >> > webhosting,
| >> >> > that is
| >> >> > supposed to support FP 2002 SE).
| >> >> >
| >> >> > The problem is that in a theme customization, linkbar text
| >> >> > formatting is
| >> >> > limited to left, centered or right. I want to indent the text
| >> >> > 10-20px, so
| >> >> > there would be a place for a small icon before left aligned
| >> >> > text
| >> >> > (see below
| >> >> > for example)
| >> >> >
| >> >> > | :) Link #1 |
| >> >> > | :( Link #2 |
| >> >> > | :[ Link #3 |
| >> >> >
| >> >> > The "customize theme" wizard gives me only three options
| >> >> > (left,
| >> >> > center,
| >> >> > right). If I go into graph1.css and try to change
| >> >> > .mstheme-vert-navtxt
| >> >> > manually, FronPage ignores the margin-left: commands, but
| >> >> > picks
| >> >> > up
| >> >> > color: and
| >> >> > text-align: modifiers (although very flaky, only if I manually
| >> >> > reapply
| >> >> > theme).
| >> >> >
| >> >> > I really like the simplicity of navigation-based link-bars,
| >> >> > but I
| >> >> > want just
| >> >> > a little customization without getting too much into CSS and
| >> >> > JavaScript.
| >> >> >
| >> >> > You help will be greatly appreciated
| >> >>
| >> >>
| >> >>
| >>
| >>
| >>
|
|
 

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

Top