Stacks4Stacks


Stacks4Stacks has excellent, consistently presented documentation using the Volcano theme by ThemeFlood. Their stack inventory, presented on their Home Page, can be sorted in various ways (name, keyword, compatability, price). Sorting by price gives the option of looking at free stacks at the beginning of the list. Each stack link leads to documentation, demos and in some cases downloadable projects. Will Woodgate's name is in the copyright notice.

Videos
Blog
Stack Links:
  • BannerStack Construct responsive theme banners with a static image and layered content
  • Curtains - Animated Curtain
  • Cutout - Intricut cutout shapes around left or right floating images
  • Hotspots - A responsive image map solution with support for unlimited hotspots
  • LinkBox - Set whole blocks of content and multiple stacks as a single link
  • Options - A heavily-customiseable option list, ideal for static text or navigation links
  • Readmore - Displays teasers of written content, with customisable read more links
  • RollFade - A simple, pure-CSS rollover opacity effect for images and text
  • Shady - Creates attractive, customisable box shadow effects on blocks of content
  • uTube - Easily embed responsive-scaling Flash and HTML5 YouTube® video's

Stacks4Stacks Demos

BannerStack


The BannerStack stack will cause a supplied image to form the base layer of your banner canvas
Stacks Image 20

This LetterPress Text overlays the image

Curtains


A "curtain stack" opens to reveal this Stacks4Stacks list of demonstrated stacks. A title and speed of opening are configureable.
Stacks4Stacks make great software!

Cutout

My Image
A square image is added and is made into a circle with text flowed around it.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Curabitur blandit tempus porttitor. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Fadein


The image below will fade in (10000 setting-slow) when the page loads. Otherwise efault settings are used.
Stacks Image 56

Hotspots


Hotspots builds responsive image maps. It's a little tedious to produce quadrant percentages and enter into the HotSpots form by trial & error. Need to eyeball the resulting coordinates. 4 sets of coordinates supplied with the stack. There is an additional 1st set which doesn't appear to be used. Typing in a word before the closing anchor tag will add a descriptive word to the clickable quadrant.

Linkbox


Product Page. Stacks dropped into the placeholder "LinkBox" will be set as a link. A little tricky to place the image appropriately.

Options


Fairly straightforward Options pull-down menu. Title is hidden when pulled down. Styled Text. Went overboard on active, hovered, static options settings.

Readmore


Readmore allows text to be expanded. Allows styled text, markdown or html. Can set "teaser" height.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae felis accumsan, scelerisque purus sit amet, euismod risus. Proin interdum varius magna sed iaculis. Nulla facilisi. Nam diam ex, facilisis sed porta non, volutpat in purus. Quisque tortor nibh, dignissim id ipsum a, elementum sodales lorem. Aenean enim orci, ultricies nec condimentum sed, vehicula non velit. Sed turpis justo, gravida vitae tellus sed, tempus lobortis nunc. Phasellus laoreet varius augue eu aliquet. Maecenas pharetra massa non tortor venenatis pulvinar. Phasellus porta, sapien nec luctus mattis, leo est laoreet massa, sit amet tincidunt odio magna luctus libero. Mauris id fringilla diam, id faucibus nisl. Sed non metus velit. Suspendisse placerat felis lacus, et lobortis lorem tristique non. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc eu interdum est.

Rollfade


Rollfade is very simple little stack element which allows you to adjust opacity of text or images on mouseover (rollover).
Stacks Image 116
This text should be effected by a mouse rollover.

Shady

Insert Text Here

My Image
This is using the cutout stack with a circular image, within a Shady stack. The above Shady Stack is using the Letterpress stack to create a unique typeface.
"Normal" Shady Stack with inset shadow. Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Placeholder
Placeholder

uTube

The End