Clicky

It's Curtains For RapidWeaver, eeh by gum!
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

It's Curtains For RapidWeaver, eeh by gum!

No, no, don't get me wrong; RapidWeaver isn't finished – not by a long shot. I mean the S4S stack, Curtains. Originally developed as Fancy Image by Tsooj Media, Curtains has now been rewritten by Will Woodgate and released as a free stack.
However, that is not to say that Fancy Intro is going away; it will be appearing on the S4S site soon with many new features.
LorumUtility is also a Tsooj Media stack that has been reworked and is now clothed as an S4S stack. Read more below.

Curtains is an animated splash screen for your more informal site. As you can see below, upon loading the site an overlay appears which will slide out of view to reveal the page below.

Curtains
Curtains is simple to use, but first you'll need a suitable image – so off you trot to Photoshop, or your favourite image editor and divide your image into two halves.
In Photoshop this is simple – drag a vertical guide into your image and you'll find that it will magnetically anchor itself to the centre of the image when it arrives there.
Hit 'C' for crop and crop the either the left, or the right half with the help of the guide. Save the cropped half and undo the last action – repeat the process for the second half.
When saving, set the jpg compression to around 4, or 5, then drag the images onto ImageOptim, JPEGmini etc, to further reduce the size.

You are now ready to drag Curtains into your Stacks page. Drop it at the top of your page so that it can load as the first stack. Now drag the left and right 'drapes' that you just created into the image wells and you're finished. Or not quite…
… In the stack's container, you'll see an intro text. Replace the text with your own greeting.

Stack settings
Start Delay sets the time that the splash screen will be displayed before the Headline fades and the curtains open.|
Fade Speed and Slide Speed can be set independently.
Cookie Expiration. It's often annoying to see the same animation every time you return to a website. Cookie Expiration can be set to n days (default), or changed to hours, preventing Curtains from reappearing during the defined period of time.
Asynchronous Mode. If async is set, the Curtains script is executed asynchronously with the rest of the page, i.e. the script will be executed while the page continues the parsing. If async is not set, the Curtains script will be executed when the page has finished parsing.
Overlay Style. The default setting is CSS Gradient. The Options are Dragged and Dropped, or Warehoused images.
Tile Images to Fill Drape. If your images are smaller than the page, they may be tiled.
Text Colour, Text Shadow Text Size, Bold Curtain Text and Italicised Curtain Text are all self explanatory.
Curtain Shadow is activated by default.

Now you're set to go!
Why the Curtains Icon is a shower head, I can't say, but Curtains is a free stack and you don't look gift horses in the mouth!
You can watch the animation above again by reloading the page.

Now for something entirely different…
You may (or may not) have wondered about the dummy text in the animation above. I'm going to tell you about it anyway!

LorumUtility
When building a new website, whether for yourself, or for a client, it's an advantage to be able to see what the layout will look like when filled with various text formatting and images. LorumUtility will assist you by quickly adding dummy content to your page.
Now, as every standard text, or paragraph stack already contains some form of Ipsum text, I asked myself why on earth I would need a stack that does exactly the same, but is otherwise useless?

Because LorumUtility is extremely versatile.
When you drag LorumUtility onto a Stacks page, you will simply see the word 'Paragraphs' in edit mode and when you switch to preview, you will find five paragraphs of the standard and complete Lorum Ipsum text (seldom beginning with 'Lorum Ipsum').
You can choose between 14 Ipsum Dictionaries, ranging from Bacon Ipsum to Yorkshire Ipsum. Cockney Ipsum is sadly missing, but here's Cupcake Ipsum:

Marzipan halvah caramels carrot cake sugar plum bear claw chocolate bar jujubes croissant pie liquorice macaroon sweet roll brownie dessert tootsie roll icing pastry muffin fruitcake tart donut cheesecake candy canes oat cake gummies soufflé dragée tiramisu gummi bears topping sweet cookie lemon drops caramel corn pudding apple pie powder biscuit danish chocolate cake candy ice cream toffee jelly wafer jelly-o cake chupa chups jelly beans gingerbread sesame snaps cotton candy lollipop cupcake applecake chocolate bonbon marshmallow soufflé apple pie sweet caramels brownie sugar plum biscuit bear claw cupcake danish applecake cake caramel corn tart lollipop marzipan!

But LorumUtility doesn't stop here. It doesn't just allow you to add n number of Paragraphs, but also Blockquotes, Headers, Images (CSS and Photos), Ordered and Unordered Lists, a Paragraph with n words, a Sentence with n words, or n number of words without punctuation.

LorumUtility Formatting will allow you to set the Colour Definition, Font Definition – Inherited, or Custom, Font Size, Paragraphing – Size; Inherited, or Custom and the Text Alignment.

If you are pressed for time and need to demonstrate a new website layout, LorumUtility will allow you to do so speedily and efficiently. You can effortlessly generate a variety of different content elements, with the option to either use the styling inherited from your RapidWeaver theme, or experiment with custom styling applied to the written content. There is no limit to the number of LoremUtility stacks that can be used on the same webpage.
The Javascript that generates the text will load a different wording from your chosen dictionary every time the page is reloaded.

blog comments powered by Disqus
  • 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.