Site logo
Site logo
<div id="myExtraContent1"> </div>
<div id="myExtraContent5"> </div>
Sidewinder now supports the use of text as titles in the tabs (like shown here) or the use of images as seen on the next page.... or with rollover images as seen here. Of course, instructions are in the manual. Sidewinder comes in two versions... one supports vertical text tabs and the other supports images in the tabs. Both are included.

This is the sidewinder Stack. Sidewinder lets you create a horizontal accordion! You can add up to 10 panels. You get to choose which panel displays when the page loads. You pick colors, heights, widths, etc. You are in control when you use sidewinder! Click on the tabs to see what's possible.
Meet Sidewinder
This is my New Stack which I've named, "Sidewinder". Sidewinder is a horizontal type accordion. It is extremely customizable. The current display is for a 6-panel layout. You can choose from 3 to 10 panels. Flip through the panels and read more about it.

<<< That's the Sidewinder logo.
Filler
You also determine the width of the viewable area, the height of the display, the gap between toggles, the width of the toggles, the color of the active as well as the inactive toggle bars, the content background color and on and on. Each of the panels is a Styled Text area, the workhorse of the RapidWeaver lineup. That means you can include text, photos and all sorts of RapidWeaver goodness.
Settings
Well, by now you've seen that I've crammed a lot of content in a very small space. You can fit an enormous amount of content in a relatively small layout.

What will you put in your Sidewinder??
Features
I forgot to mention that with a handy built-in slider you choose which panel displays open when your page loads. Sweet! Of course, it wouldn't be worth a hoot if it didn't work across all browsers. Sidewinder has been tested in all three flavors of that IE browser, Firefox on both Mac an PC and works like a champ
Slideshow

Unable to Launch Flash Player

This message is being displayed because the browser was unable to load the Flash Player required to display this content.

There are several possible causes for this;

  1. Your current Flash Player is outdated or it is not installed on your system. Download the latest Flash Player.
  2. Your browser does not have JavaScript enabled, this is required to load the Flash content.
  3. The Theme file used to generate this site may be missing the required JavaScript to launch the Flash player.
Here I have added a small slideshow generated in PhotoAlbum. I simply used PlusKit to bring it into my page.
Grab a Copy
tx_003-2
Well, reached the final panel and I'm running out of things to say. I hope you enjoyed our little tour of Sidewinder. Grab yourself a copy.

~Brian
To the right you can see the HUD for the stack. You get to determine things like:
  1. Number of visible panels: choose 3 to 10
  2. Width of the viewable content
  3. Which panel opens when the page loads
  4. Sidewinder's height
  5. Content background color
  6. Content font color
  7. Content corner radius
  8. Width of the Activator tabs
  9. Color of the active tab
  10. Color of the remaining tabs
  11. Tab Font size
  12. Tab font color
  13. Tab corner radius
  14. Gap between adjacent panels (peek)

As you can see, Sidewinder is very versatile.

Hope you enjoyed Sidewinder. Since Sidewinder is a Stack, you can position it just like you would any other stack. This particular Sidewinder is sandwiched between a couple of Styled Text Stacks.



Stacks Image 1252