I am toying with the idea of a site with sliding pages using Carousel action. Is there any way I can place links in a pane and have them slide to the pane required. Also the Main Navigation Bar would be a problem - OK using Tabs to slide to the required page but no sub menus. If I apply the Carousel text pane action in CCS Menu Action it seems to work but I can’t style the text.
Any thoughts on these two issues?
I am toying with the idea of a site with sliding pages using
Carousel action. Is there any way I can place links in a pane and
have them slide to the pane required.
If you create a manual (external) link in the format #theIdOfThePane
and add the class name ‘controls’ to the parent of that link, this
will happen automatically. So if you are placing this link inside an
HTML box anywhere on your page, simply single-click on that box,
choose Item / Extended from the main menu, click New, then enter
Name: class
Value: controls
…in the resulting dialog box. Then highlight your link text in the
normal manner, open the Hyperlink dialog with the Apple-K shortcut,
and click on the External tab. In the URL field, enter the ID of the
pane, preceded by an octothorp. (#) You can get the ID by clicking
once on the pane and looking in the Title field in the Inspector.
Also the Main Navigation Bar would be a problem - OK using Tabs to
slide to the required page but no sub menus. If I apply the Carousel
text pane action in CCS Menu Action it seems to work but I can’t
style the text.
You should never use direct styling within the CSS Menu action. Leave
the lists entirely unstyled. Use the Actions palette controls to
change the look and feel of your text, and if that’s not enough, click
once on the HTML box that contains your CSS Menu element and use the
Style / Links tab / segment of the Inspector to further fine-tune the
links. Under no circumstances should you select a run of link text in
the CSS Menu element and apply direct styling using the Inspector.
Think of this as a separation between content and presentation. The
text you enter in the list is purely that – the text and links. The
style comes from elsewhere.
The tabs at the top are the normal Carousel tabs and work fine.
But the the “Navigate” CCS Menu now works fine and will operate the Panes sliding - this is much better as I can have a better navigation system for the Site overall.
What I need to progress is the same thing for Graphic Button in a Pane: ie
Clicking on the “More Details Button” on the home page would SLIDE to say Page 3 (Pane).
Just click on the graphic, and apply the same style of link to it
(using the external tab). Then while it’s still selected, check out
Item / Extended from the main menu. If you see a tab on that dialog
for “div” then click it and add the class controls, just as before.
You could also simply apply the Carousel Tab Action to this button
image. If your button is an integrated part of the underlying image,
and you are currently using the Image Map functionality to define the
button, then don’t do that. Instead, draw a layered Graphic Item over
the top of your button area, and apply your link to that.
Walter
On Mar 30, 2011, at 3:26 PM, t50ufo wrote:
What I need to progress is the same thing for Graphic Button in a
Pane: ie
Clicking on the “More Details Button” on the home page would SLIDE
to say Page 3 (Pane).
Result
Thanks so much Walter - I would have struggled with this for ages without your help. I simply applied the the Carousel Tab Action to the button on the Home page Pane and was able to simply link to any other pane.
I now have all I need to get going on this project.
Again thank you for your valuable time.