FP2003 Link Bars: manual theme formatting options?

FP2003 Link Bars: manual theme formatting options?

Post by cnVzaDYxN » Mon, 22 Aug 2005 12:11:01


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
 
 
 

FP2003 Link Bars: manual theme formatting options?

Post by Ronx » Mon, 22 Aug 2005 17:43:21

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.

 
 
 

FP2003 Link Bars: manual theme formatting options?

Post by cnVzaDYxN » Tue, 23 Aug 2005 00:22:03

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
 
 
 

FP2003 Link Bars: manual theme formatting options?

Post by Ronx » Tue, 23 Aug 2005 05:00:38

hinking 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" < XXXX@XXXXX.COM > wrote in message
news: XXXX@XXXXX.COM ...


 
 
 

FP2003 Link Bars: manual theme formatting options?

Post by cnVzaDYxN » Wed, 24 Aug 2005 02:35:01

hanks, 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:

 
 
 

FP2003 Link Bars: manual theme formatting options?

Post by Ronx » Wed, 24 Aug 2005 06:39:27

ead 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" < XXXX@XXXXX.COM > wrote in message
news: XXXX@XXXXX.COM ...


 
 
 

FP2003 Link Bars: manual theme formatting options?

Post by Stefan B R » Wed, 24 Aug 2005 19:52:58

lso 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

--

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


"Ronx" < XXXX@XXXXX.COM > wrote in message news: XXXX@XXXXX.COM ...
| 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" < XXXX@XXXXX.COM > wrote in message
| news: XXXX@XXXXX.COM ...
| > 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.
| >>
| >> "rush614" < XXXX@XXXXX.COM > wrote in message
| >> news: XXXX@XXXXX.COM ...
| >> > 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
|