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 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.
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!
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.
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