Packing tons of information into a webpage has always presented a problem. How do you pack reams of text and/or images into a page, yet retain an attractive design? Well, maybe Weavium can help you…
View More is a stack that presents your visitors with a compact teaser and expands when clicked. View More is as highly customisable as we have come to expect in the short time that Weavium stacks have been available and can be configured either to subtly match any other elements on your page. or to jump out at your visitor, begging to be clicked.
In its base form, View More displays a rectangular box (the colour settings are entirely up to you) which, when opened can contain the Encyclopaedia Britannica, if you so wish.
… Well, that's entirely up to you!
Max Width – px
[Corner] Radius – px
Breakpoints – Tablet, Mobile
Header – Extensive settings for the header formatting, including a choice of sixteen web fonts + Custom Google Font and four different icon sets – Font Awesome, Iconic, Linear Icons, Material Icons + Custom
Content Font – as above
Button Text – px
Button Spacing – Spacing between buttons
More Button Text – View More, Close
Action Button Text – Proceed
Section Colours – Extensive colour settings for every View More setting, including diagonal gradients and background images.
Action Button – Hide/Display action button
Displays either Link or text box for script.
Let's just hope that 'Linear Icons' lives longer than other icon sets have in the past, so that we don't have to reconfigure our pages next year.
Because I never got around to taking a look at Total CMS before the demo expired, Jochen was kind enough to let me take a closer look inside his online demo page and I'm very glad that he did because
1 – The project is rather neat and; 2 – Now I finally know how Total CMS works.
ProPage, as you will have gathered by now, is a Total CMS-based Foundation project.
Jochen has kept the design simple with a BWD Button Plus menu, a hero image and page content that's loaded via the blog. The navigation allows you to move between the pages (of course!) and also allows you to sort the blog posts by category. Oh, and the site has a sidebar that's been added with BWD's Blueprint Sidebar. ProPage takes advantage of partials, so that if you wish to duplicate a page, or parts of a page, doing so is simple.
ProPage comes with six pages in total – The main homepage, an About Us page, a Contact page and the Admin page with subpages for the main page (the blog content) and the About page. The whole project is schlicht (unostentatious), after the motto "Less is More". The homepage displays two columns with a large image for each of the blog entries and a summary. When clicked the blog post opens as a full page. The About page has the same header and hero image layout as the homepage and displays a large text with headers. The Contact page also shares the same header layout and includes a Foundation contact form.
The ProPage Admin pages have also been kept simple and are easy to use. Your clients will have no problems adding or altering their content.
ProPage – as Jochen writes himself –
is not only a very clean and modern site for personal websites. PagePro is the most versatile project for your customer work. You can use this project as a basis for doctors, tradesmen, service providers, coaches and other professionals.
The basis is a very simple structure that makes editing the content fun. A post gets a category and then automatically appears in the menu. All contributions can be listed by category and searched for words.
I couldn't agree more.
Mega Menu can contain just about anything you want it to. If you choose the right stack, it will display your main page navigation or, as 1LD's demo shows, Mega Menu can even contain Google Maps.
The fact that it may either be fixed to float at the top or bottom of your page, or displayed inline makes it especially interesting.
The Mega Menu stack can display as many dropdown menus as you wish and the menus can display as many columns as you can fit onto your page – it's all a matter of your column width.
Mega Menu is, of course, fully responsive and on mobile devices it morphs into a practical dropdown that only displays the submenus when they are clicked [tapped].
As with all recent 1LD stacks, you have a wide choice of fonts and icons and, as usual, the stack is highly configurable; once again, with so many options that I shan't be listing them all individually.
Position – Fixed, Inline
Orientation – Top, Bottom
Z-index – Someone went wild here and entered a number that begins with nine sextillion and continues with 21 nines!
Max Width – px
Margin – Vertical, Horizontal
Breakpoint – Point at which the menu collapses as mentioned above
Main Menu – Settings for Font and Icon sizes, Spacing, Padding and Font
Mega Dropdown – Content Alignment, Min Height, Column Padding, Item Padding, Link Size, Title Size, and lots more…
Header – Logo & Title, Toggle Size
Colours – Colour Settings for every aspect of the stack
Mega Dropdown Menu (Child Stack)
Column Size – Equal, Auto
Icon – Google Material Icons, Fontawesome, Ion Icons
Mega Menu Column (Child Stack)
Column Max Width – px
Custom Alignment – [Content] Left Centre, Right
Custom Colours – Colour Override for – Links, Text, Titles, Border, Background
NOTE: Mega Menu uses content overflow. In case you haven't set stacks to overflow before – When you set Mega Menu to 'Inline' your content will only become visible when there is content below the menu – i.e. something for it to overflow!
You can place as many Mega Menu stacks on your page as you wish, without having to bother about stack IDs.
Oh, and the pessimistic Z-index setting of nine sextillion, nine quintillion, nine quadrillion etc. etc. is totally unnecessary and will be ignored by all browsers* – nine will suffice in 99% of the cases. If your page contains that many layers it needs to be seriously examined!
Mega Menu is a great alternative to your default menu and well worth taking a look at.
*The maximum observed Z-index setting is 2147483647 for most modern browsers, and 16777271 for Safari 3 and below. Older Firefox browsers will not display elements with a higher Z-index than the max at all !
The Keylink stack has just two options 'Button' (default), or 'Embed'.
Button displays, well, a button. The button links to your Keylink profile page.
Embed Displays your complete Keylink Profile on your Stacks page.
What, pray, is a Keylink Profile?
Well, at www.keylink.me you'll discover a new website that allows you to set up a bio page with links to your most important connections, your homepage, for instance, your Facebook/G+/Twitter profiles.
In short YOU at the click of a button (or your client, of course) and, best of all, both Keylink and the registration at keylink.me are free.
You can very easily log in to keylink.me and create as many contact links as you wish and if you are satisfied with black buttons on your keylink profile page it's free.
However, if you'd like to add some pep to your page (and the profile that RapidWeaver displays) by adding colour to the buttons, you're going to need 'Credits'
You can also display a 'Verified' badge within your profile, to let people know that you are really you. Finally, you can choose to remove the (rather large) "powered by Keylink" badge at the foot of your profile page. For both options, you will need to purchase further Credits – in all, a total of 26.
But hang on, you haven't told us anything about the Keylink stack yet.
Actually, I have – it has two options.
However, it also wants to know your Keylink handle – this is simply your user name. If you set the display to 'Button', you get options to format the button – inactive and hover colours, Border Radius, Padding.
If you set the display to Embed, you'll see options for the Height, Border Radius, Border thickness and Border Colour. The width of the profile display is governed by the container that Keylink is placed in.
Basically the Keylink site combined with the free stack is a great idea – all your important connection data at the click of a button, or directly on your RapidWeaver page.
Your Bio Description is limited to around 100 characters, so your CV will need to be stored behind one of the Keylink buttons, that's simple enough.
I would like to see settings within the stack that allow the logo and header sizes to be altered, but as this is technically an iFrame that would probably be a server setting.
I'm off to purchase credits, and you?
Bars can display your statistics both vertically and horizontally, the stack is animated so your bars slide into view as the stack is within the viewport and the bars are able to increase in value, or decrease. Bars can be formatted globally, or each bar can have its own custom formatting.
Bars formatting options are almost endless, so there is only a short summary below.
General – Chart Range, Fill Direction, Animation Speed, Sizing
Header – Sizing, Orientation
Bar Items – Global formatting – Sizing, Alignment, Font (15 Otions plus Google font)
Bar Titles – Sizes, Spacing, Alignment, Icon Position, Font
Colours & Backgrounds – Fonts, Bar Background (flat, or gradient) Bars (flat, or gradient), Background (off, flat, gradient, or image)
Show Rule – Size and Colours
Bars Item Stack
Icon Font – Ion Icons, Fontawesome, Material Icons, or Custom
A lot of thought has gone into creating
If you need to display statistics, grab Bars now!
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