ThemeFlood

Stacks are small plugins used by the Stacks RapidWeaver plugin. Once installed, they can be dragged from the stacks library into your page.




Image from URL Stack (UPDATED 28/10/09)
Fetches an image from an external website (e.g. Flickr or Ember) via a URL and embeds it within your stacks page. Fairly straightforward to setup. Very useful to display images which are already published on the internet. This updated version adds a class attribute to your image tag, permitting you to apply CSS such as borders or backgrounds to your image. More information.

News Slider Stack
A powerful stack for creating animated scrolling news scrollers. A perfect stack for themes such as News Media. The slider can scroll almost any type of content including text, links and pictures. Hovering over the slider pauses it. More information.

Summarise Box Stack
Creates a box with a caption below. Into this caption you can enter titles, categories or "read more" links. This stack is useful in themes like News Media. More information.

Print Box Stack
A simple stack for making individual sections of a page printable Clicking a print link opens the section in a new window or tab and automatically displays the printer / PDF dialogue window. Works across all major web browsers, but sometimes a bit buggy in Safari/Chrome. More information.

Image Overlay Stack
Fetches an image from an external website (e.g. Flickr or Ember) via a URL and embeds it within your stacks page. When a user hovers over the image, a semi-transparent layer is placed over the entire image with a caption. The effect fades in and out using jQuery. More information.

Image Caption Stack (UPDATED 13/11/09)
Fetches an image from an external website (e.g. Flickr or Ember) via a URL and embeds it within your stacks page. When a user hovers over the image, a caption is displayed using jQuery. More information.

HTML Twitter Stack
Uses HTML code to embed a simple Twitter feed into your stacks page. Several customisable settings are included and feeds can be customised yourself using CSS code. More information.

Get Content Stack
A powerful PHP stack for fetching content from another website. Perfect for loading dynamic XML or plain text content into a page from another source. More information.

Flash Embed Stack
A convenient stack for embedding Flash animations and video's into your stacks page. Uses valid, cross browser compatible code. Settings can be found under the stack inspector.

Caption Box Stack
A simple stack which displays a bold header with a solid colour fill. This header acts as a caption. Inside the caption box you can drag in other types of stacks. A great stack to use with themes such as News Media. More information.

E-Junkie Widget Stack
An E-Junkie approved stack for adding both "Add to Cart" and "View Cart" links to a stacks page inside a single box. Numerous customisable settings under the inspector. Includes a quantity field. More information.

E-Junkie Cart Stack
An E-Junkie approved stack for adding "View Cart" links to your stacks page. Designed to be used in conjunction with the separate E-Junkie purchase stack. Adds e-commerce capability to any stacks page. More information.

E-Junkie Purchase Stack
An E-Junkie approved stack for adding "Add to Cart" links to your stacks page. Designed to be used in conjunction with the separate E-Junkie cart stack. More information.

Spacer Stack
This basic stack can be used as an empty container sandwiched between stacks and customised to any height. Very simple and much better than using a mass of nested containers or line breaks!

Rounded Corners Stack
Creates a robust stack container with image-based rounded corners. Loads very quickly without requiring complex Javascript and is cross-browser compatible. Perfect for themes such as Silk and Composition. This stack is designed to have other stacks nested inside. More information - Example corner images.

YouTube Stack (UPDATED 5/11/09)
Easily embed YouTube video’s into your Stacks page using valid, cross-browser compatible code. Features an optional auto-play function and height / width settings. Just requires a video ID for each video. Includes the window mode parameter, enabling elements to layer over a video in Internet Explorer. More details.

Last Published Stack
Displays a date and time the page was last updated. Uses PHP and your server clock. Remember to change your page extension to .php instead of .html.

CMS (Content Management System) Stack
Creates a block of content with a class selector which can be edited by a Content Management System such as Cushy or Surreal. Or just use it to apply custom CSS to elements of a page. More information.

Horizontal Line Stack
Creates a horizontal line using CSS. Colour, thickness and line style can be changed in the inspector.

Scrollbox Stack
Produces a small box with scrollbars. Useful for displaying code, lists and tabular data. Height settings can be found under the inspector.

Twitter Slider Stack
Creates a customisable box containing a Twitter feed. This Twitter feed can contain a large number of Tweets (sorted in date order) and scrolls vertically using jQuery, making it an ideal addition to news websites and blogs. When a user hovers their mouse over the slider, it pauses, allowing tweets to be read more easily and links to be clicked. Feed title and "follow me" links can be customised. Compatible with most themes which contain jQuery. More information.

Fresh-Me Stacks
A pack of three stacks developed by Tobias Vogel. Includes the original URL image, hover image and CSS3 rounded corners stack complete with some PDF documentation. Permission was granted to host these on the ThemeFlood website, so others may continue to download and use them.

Snippets can be dragged and dropped into any code or styled text region within a RapidWeaver project. When snippets are installed, they become available in the snippet inspector and can be searched, renamed or edited for your requirements.

Twitter Slider Snippet
Creates a customisable box containing a Twitter feed. This Twitter feed can contain a large number of Tweets (sorted in date order) and scrolls vertically using jQuery, making it an ideal addition to news websites and blogs. When a user hovers their mouse over the slider, it pauses, allowing tweets to be read more easily and links to be clicked. Feed title and "follow me" links can be customised. Compatible with most themes which contain jQuery.

News Slider Snippet
Compatible with most themes which already contain jQuery. This snippet can be used to add a vertical news slider. Hovering over the slider pauses it. Can be used to display mixed text and graphics. Perfect for use with themes such as News Media. Ensure page output is switched to 'tidied' in the RapidWeaver page inspector to give you valid XHTML strict source code.

Summarise Box Snippet
This snippet creates a small box (height can be controlled within the inline CSS). In this box you can enter small snippets of text, extracts, quotations or article summaries. At the bottom of the summarise box is a narrow container which can contain "read more" or similar links.

Image from URL Snippet
Fetches an image from an external website (e.g. Flickr or Ember) via a URL and embeds it within your page. Fairly straightforward to setup. Very useful to display images which are already published on the internet. This updated version adds a class attribute to your image tag, permitting you to apply CSS such as borders or backgrounds to your image.

Print Box Snippet
Makes individual dividers within a page which are printable. In long pages, this enables users to print exactly what they need without wasting ink or paper. A small print link can be placed under each section. This snippet is cross-browser compatible, but some newer versions of Chrome and Safari sometimes append blank pages after the printable content.

Image Overlay Snippet
Displays an image from a URL in your page. When a user hovers over the image, a shade is applied using jQuery and a caption displayed. This snippet requires a theme with jQuery built in. Styles and divider names can be changed in the code itself.

HTML Twitter Snippet
Enables you to embed a Twitter feed in a page. In the code, change the account name (2 instances) and titles to suit your requirements. It is recommended you only have one HTML Twitter Snippet per page. The number of tweets displayed may also be customised.

Last Updated Snippet
Displays when a page was last updated based on the page modification date/time and web server clock. Date format can be customised. Remember to set you page extension to .php instead of the normal .html extension.

Move Parts Snippet
Originally developed by Tobias Vogel, now hosted on this website. This snippet allows you to move containers, images, flash and other elements in a page based on their ID selector name. More information.