Full Menu adds a full page overlay displaying your site contents for navigation purposes and can optionally add page descriptions. Full Menu can be fixed at the top of the page, or scroll up out of sight when the page is scrolled. When activated via a choice of three different hamburger icons, it can fade in to cover your page, or drop down from the top of the page.
Just as with the default navigation, Full Menu can optionally display the site name, site logo and slogan. It can also display an additional stack of your choice – for a separate logo, for instance, or for a title (as above). It can also display an additional stack of your choice below the menu content. Interesting is the fact that the site logo can be displayed at sizes between 50 and 200px.
Full Menu is fully editable (it automatically uses the default paragraph font) so that the overlay background colour may be set to match that of your site and the font sizes and colours may be determined separately.
Page descriptions for up to ten pages can be set individually and are displayed below each page link. As already stated, Full Menu is meant for simple websites, so sub-pages are not displayed as such.
Postion – Fixed, Scroll
Display – Default (hamburger right, slogan etc. left) Inverted (hamburger left, slogan etc. right)
Background – Transparent, Colour
Content – Logo & Titles, Logo & Custom Content
Type – Hamburger 1, Hamburger 2, Hamburger 3
Diameter – Hamburger line thickness
Buttons [Colour] – Open, Close
Background – Transparent, Colour
Size – 50px—200px
Title Desktop [Colour] – Link, Hover
Titles Mobile [Colour]
Overlay – Reveal, Slide Down
Transition Speed – Seconds 0—3 seconds
Content – Navigation & Dropzone, Dropzone Centred, Dropzone
Menu Items [Colour] – Link, Hover
Descriptions size – em
Colours – Link, Hover
Description – 1—10
Full Menu is an interesting alternative to the default UIKit, Foundation and Foundry default menus. It is likely to find widespread usage on more simple sites.
Tommy's new Stack Me stack will help you align your content flexibly, letting you break out of the constraints of the sometimes inflexible 12-column layouts of framework based themes such as Foundation and Foundry.
Stack Me adds a full width section to your page and let's you add child stacks with different content: Header, Text, Image, Float and Button. Stack Me's width may, of course, be constrained by dropping it into a container stack.
The Header, Text, Image and Button child stacks are straightforward, the Float stack adds a text stack with a container for other stacks. The child stacks can be combined as needed. The only thing missing is a child stack for third party stacks.
However, noticing that the child stacks are standard Stacks 3 stacks, I simply dragged in some other stacks – and was surprised to find that that works too.
Once you've added your choice of content, you may define Stack Me's minimum height and the content alignment, add an optional image background – which may be fixed – and a colour overlay. The setup is fast and simple and saves you the trouble of experimenting with nested stacks.
Fix Background Image – >1025 px On, <1025 px Off
Min Height – %
Vertical [orientation] – Top, Centre, Bottom
Horizontal – Left, Centre, Right
Padding – T, B, L, R – %
Colour On/Off – BG, Txt, Link, MO (Mouse Over)
Colour On/Off – H1—H4 individually
Colour Store – Tommy's famous colour reservoir. Save up to four default colours and drag them into the colour wells above
Target – Add an ID to fill the Stack Me container with an image
Tile – Remove Min Height, 100%, My Choice [custom]
Custom CSS – it wouldn't be a DeFliGra stack without a bucket full of custom CSS containers
Stack Me is a great stack for when you need to align your content exactly where you want it, but with the addition of custom backgrounds.
Testimonials is a crisp new take on quotes. A slider with a thousand options that allow you to present your quotes exactly as you want them. There's not a single design aspect that can't be altered. Take a peek at the stack settings and you'll see what I mean. You could spend the whole day tweaking and refining!
When you drag the stack into an RW Stacks page, you are presented with a single child stack that contains your first quote. The default quote is a black and dark grey design. Perhaps not appropriate for every site, so you're going to want to change the colours of the background, decide on your font format and colour (the usual 1LD collection of 13 fonts, plus custom are available), set the format and size of the quotation marks, or hide them top and/or bottom (again, there is the choice of 13+ fonts for the quotation marks).
Further, you can choose the font (13+) for the name, or hide the name entirely and you can choose between star ratings, or hearts, or hide the rating. Finally you can display an Icon above, or below the slider. In the child stack settings, you can replace the icon with an image of your choice…
… Oh and then there's the slider buttons which can also be hidden if you only have a single quote, or have set Testimonials to 'Autoplay'.
No, absolutely not. I refuse! If I list all of the possible settings, I'll still be here next week and this post would be three feet long. Suffice it to say, they are endless!
Testimonials is a great replacement for cleanQuotes and if you previously purchased cQ, you can expect a special upgrade offer to land in your inBox very soon.
SelectNav is a free stack that is very useful. It places a single button on your Stacks page that, when clicked, expands into a list of links. SelectNav is especially useful if you have a very long list of page links or downloadable resources that you need to present to your end users as an easily accessible menu which is compatible with all web browsers.
The button itself may be formatted to match the colours used on your page and the link list – which can contain groups of links – floats over the page content when opened.
SelectNav supports keyboard navigation, is ideal for positioning in your sidebar and even works when it is in a lightbox. The stack can be set to autofocus on page load so that hitting the spacebar, or the up/down keys will automatically open the menu.
Once on your page, you can add either an option group child to group your links, or a SelectNav Item. Adding child stacks to the option group automatically adds a selectable item.
Autofocus – Disabled by default
Disabled – Disables the menu
Link Behaviour – Links Open In The Current Window (default), Links Open In A New Window Or Tab
Icon – FontAwesome
Width – Button Width
Disabled Item – Disabled by default
Selected By Default – Disabled by default
As already mentioned SelectNav is a free stack that turns out to be very useful.
At the end of December RWExtras released Showcase Ultra, a stack that takes the idea to the next level and adds a versatile slideshow to a choice of (if I counted correctly) fifty-two (52) different background images ranging from popular devices to office background settings. And I'm not just referring to the versatility of the backdrop images – there is a choice of nine different transition effects. The aforementioned stacks (which shall remain nameless) offered just a simple fade transition.
So how does it work? Drag Showcase Ultra onto a Stacks page, add child stacks with your local, or warehoused images, choose a backdrop and publish!
If you're not happy with the provided backdrops, you can add your own (warehoused) frame. You then get optional settings for the size and positioning.
Hide Images In Edit Mode
Transition Effect – Nine ttransitions
Slide Order – Normal, Random, Reverse
Interval – set in ms
Transition Speed – in ms
Tile Count – Number of tiles, if 'tiles' has been set as transition
Frame – Choose from 52 backdrops
Image Scale – Scale your images to fit the backdrop
Maximun Width – Width of the backdrop
Float Alignment – Left, Centre, Right
Showcase Ultra is a cool stack that takes the graft (hard work – for those of you across the pond) out of presenting a responsive portfolio within a homogenous background.
Links to the developers ® All trademarks cited on this page are the property of their respective owners.
Do you have a question regarding RapidWeaver?
Would you like help with your new project?
Would you like us to build your new RapidWeaver website?
Don’t miss a post!
Sign up for our monthly newsletter.
A monthly digest of all the latest updates from our RapidWeaver blog, keeping you up to date with the hottest new stacks and themes.
265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.
We do not harvest or sell personal information.
© rjh web design 2010—16