Clicky

RapidWeaver Stacks, PlugIns, Themes ...
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

Full Menu For RapidWeaver

Do you use UIKit, Foundation, or Foundry in combination with RapidWeaver? If so, you might be looking for a fresh new page navigation. Weaver's Kingdom [Archetypon] has just released Full Menu aimed at websites with no more than ten (10) pages. Full Menu is an interesting alternative to the default menu configurations for simple sites.

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.

Full Menu – Weaver's Kingdom
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 – Weaver's Kingdom

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.

Full Menu – Weaver's Kingdom
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.

Stack settings
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

Buttons
Type – Hamburger 1, Hamburger 2, Hamburger 3
Diameter – Hamburger line thickness
Buttons [Colour] – Open, Close
Background – Transparent, Colour

Brand
Size – 50px—200px
Title Desktop [Colour] – Link, Hover
Slogan [Colour]
Titles Mobile [Colour]

Overlay
Overlay – Reveal, Slide Down
Colour
Transition Speed – Seconds 0—3 seconds
Content – Navigation & Dropzone, Dropzone Centred, Dropzone

Navigation
Menu Items [Colour] – Link, Hover
Desktop Size
Mobile Size
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.

Comments

Stack Me – Content Alignment in RapidWeaver

A left-aligned text on the right-hand side of the page. That's easy enough. Drop it into the last column of a three-column stack. You can even add a background image.
But what if you want the content to be exactly 40% of the page height, with the content vertically centred and with a colour overlay over the image.
Now things begin to get complicated. It's possible by nesting the right combination of stacks, or with Stack Me, a new stack from Der Flinke Grafiker, otherwise known as DeFliGra.

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.

Stack Me – DeFliGra
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.

Stack Me – DeFliGra
Stack settings
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
Breakpoint
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.

Comments

Testimonials in RapidWeaver

An eon ago, I purchased cleanQuotes from One Little Designer. I used it for a while, but then decided to build my own quote slider which, with variations, I've used ever since. cleanQuotes is getting a little long in the tooth. It was built for Stacks 2 and while cQ is quite versatile, the interface reflects its age. 1LD has just taken another look at cleanQuotes and decided to revitalise the stack. The result is a fresh new stack – Testimonials.

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!

Testimonial
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'.

Stack settings
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.

Comments

SelectNav for RapidWeaver

I have a page with multiple lightboxes and a dozen links to other pages and was looking for a way to add a list of links in the compactest possible way. Well here's a solution that just flattered into my mailbox – SelectNav from Stacks4Stacks.

SelectNav – Stacks4StacksSelectNav 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.

SelectNav – Stacks4Stacks
Stack settings
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
Background Colour
Border Colour
Button Colour
Border Radius
Icon – FontAwesome
Width – Button Width

SelectNav Item
Item Name
Item Link
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.

Comments

Showcase for RapidWeaver

A few years ago, I decided to add a portfolio slideshow to my homepage – a MacBook Pro with sliding images. I literally spent hours layering Image stacks and sliders until I had the result that I wanted. The main problem, of course, was that I wanted the portfolio to be responsive. A couple of months later, I got the feeling that a developer had taken a look at my page because suddenly a stack became available that was almost identical to my slideshow. The stack was quickly followed by an iMac version.

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.

Showcase Ultra – RWExtras

Stack settings
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.

Comments

Show more posts

  • Stacks Image 35399
  • Stacks Image 35402
  • Stacks Image 35405
  • Stacks Image 35408
  • Stacks Image 35411
  • Stacks Image 35414
  • Stacks Image 35417
  • Stacks Image 35420
  • Stacks Image 35423
  • Stacks Image 35426
  • Stacks Image 35429
  • Stacks Image 35432
  • Stacks Image 35435
  • Stacks Image 35438
  • Stacks Image 35441
  • Stacks Image 35444
  • Stacks Image 35447
  • Stacks Image 35450
  • Stacks Image 35453
  • Stacks Image 35456
  • Stacks Image 35459
  • Stacks Image 35462
  • Stacks Image 35465
  • Stacks Image 35468
  • Stacks Image 35471
  • weaverthemes
  • Stacks Image 35477
  • Stacks Image 35480
  • Stacks Image 35483

Links to the developers ® All trademarks cited on this page are the property of their respective owners.

x

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.

* indicates required

Contact Information

My Image

rjh web design

265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
Thailand 58130

About Us

We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.

Legal

This site uses Cookies to determine the best method of display in combination with your browser.
We do not harvest or sell personal information.
© rjh web design 2010—16

This website was built with loving care on a Mac using Foundation. For more information, contact me.