Creating a Site/Page That Looks Like File Folders

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I want to create a page (it's actually an online manual) that resembles a file folder.
I want to have several "Folder Tabs" across the top, and allow users to click the tabs to obtain that information
I have tried using the interactive buttons in FP2003 but they don't seem to look too good
What I am after would mimick an open binder in a landscape type view..
Any suggestions would be greatly appreciated.
 
Hi Easily,

Did you look all the way at the bottom of the list of buttons? The very
last ones in the list may match how you want this to look (they are called
Soft Tabs).

What I think you want to do is have layers on your page, and then use the
behaviors task pane to show and hide these layers as you click on the
buttons across the top of your page.

So, if you insert 3 buttons on your page across the top, then insert three
layers, you can select button one, format > behaviors, use the change
property behavior to make layer1 visible onclick (and check the box to
restore onmouseout). Repeat this for each button, and then finally use the
Layers taskpane to make all 3 layers hidden by default.

This is pretty high-level, I know, but it might give you something to play
around with and see if it gets you where you want to be.

--
Thanks!
John Jansen
Micosoft Office FrontPage
This posting is provided "AS IS" with no warranties, and confers no rights.

Easily Confused said:
I want to create a page (it's actually an online manual) that resembles a file folder.
I want to have several "Folder Tabs" across the top, and allow users to
click the tabs to obtain that information.
 
-----Original Message-----
I want to create a page (it's actually an online manual)
that resembles a file folder.
I want to have several "Folder Tabs" across the top, and
allow users to click the tabs to obtain that information.
I have tried using the interactive buttons in FP2003 but
they don't seem to look too good.
What I am after would mimick an open binder in a
landscape type view...
Any suggestions would be greatly appreciated.

So, draw your own file tabs, lay them out in a table, and
hyperlink each one to the page that describes that topic.

An Include Page component is good for replicating esactly
the same file-tab bar into several pages.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*========----------
|\=========------------
|| Microsoft Office FrontPage 2003 Inside Out
|| Microsoft FrontPage Version 2002 Inside Out
|| Web Database Development Step by Step .NET Edition
|| Troubleshooting Microsoft FrontPage 2002
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/=========------------
*========----------
 
I used the layers suggestion and I think it's exactly what I am after; however, when I added my buttons then inserted the layers, formatted the behaviours to show the hidden layers when the corresponding button is clicked. I now experience this problem
When you mouse off the button, that layer dissappears, taking the information within it as well. I need the layer to stay visible until the user clicks onto the next button.
Also, when I click on another button, it shows two layers at once.
I am typing text directly into the layers - should I be doing something diffrently
Appreciate any help you can offer!
 
Take a look at http://www.interlacken.com/winnt/tips/tipshow.aspx?tip=28
which actually shows how to create a DHTML menu in FP2003, but may present
ideas for your application.

--
Ron

Reply only to group - all emails will be deleted unread.


Easily Confused said:
I used the layers suggestion and I think it's exactly what I am after;
however, when I added my buttons then inserted the layers, formatted the
behaviours to show the hidden layers when the corresponding button is
clicked. I now experience this problem:
When you mouse off the button, that layer dissappears, taking the
information within it as well. I need the layer to stay visible until the
user clicks onto the next button.
 
Back
Top