Posted on

Test – JQuery UI Widgets

JQuery UI Widgets Plugin

The following is a test of the JQuery UI Widgets plugin for WordPress by David Gwyer along with testing of customizations I made through Christopher Productions’ CSS.

Tabs

Horizontal Tabs (default)

Background Styles

3D Boxes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Carbon Fiber

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Diagonal – Maze

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Diagonals – Medium

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Diagonals – Small

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Diagonals – Thick

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Diamond – Ripple

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Diamond

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Dots – Medium

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Dots – Small

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Fine Grain

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Flat

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Glass

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Gloss Wave

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Glow Ball

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Hexagon

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Highlight – Hard

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Highlight – Soft

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Inset – Hard

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Inset – Soft

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Layered Circles

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Loop

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Spotlight

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

White Lines

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Content heading 3

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Vertical Tabs (custom)

Content heading 1

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Content heading 2

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Content heading 3

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Content heading 4

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Posted on

Test – Shortcodes Ultimate

Shortcodes Ultimate Plugin

The following is a test of the Shortcodes Ultimate plugin for WordPress by Vladimir Anokhin along with testing of customizations I made through Christopher Productions’ CSS.

Custom Boxes

Standard Box (Red Glass)
Box content
Custom Box (Red Glass)
Box content

Custom Tabs and Accordion/Spoilers

Horizontal Tabs

Red Gradient AccordionGreen Gradient AccordionBlue Gradient AccordionMulti-Color Gradient Accordion

Accordion (Red Gradient)

Fancy Red Gradient
Hidden content
Fancy Red Gradient
Hidden content
Fancy Red Gradient
Hidden content
Simple Red Gradient
Hidden content
Simple Red Gradient
Hidden content
Simple Red Gradient
Hidden content

Accordion (Green Gradient)

Fancy Green Gradient
Hidden content
Fancy Green Gradient
Hidden content
Fancy Green Gradient
Hidden content
Simple Green Gradient
Hidden content
Simple Green Gradient
Hidden content
Simple Green Gradient
Hidden content

Accordion (Blue Gradient)

Fancy Blue Gradient
Hidden content
Fancy Blue Gradient
Hidden content
Fancy Blue Gradient
Hidden content
Simple Blue Gradient
Hidden content
Simple Blue Gradient
Hidden content
Simple Blue Gradient
Hidden content

Accordion (Multi-Color Gradient)

Fancy Red Gradient
Hidden content
Fancy Green Gradient
Hidden content
Fancy Blue Gradient... Need a really long title to get multiple lines to see if the image background is displaying
Hidden content
Simple Red Gradient
Hidden content
Simple Green Gradient
Hidden content
Simple Blue Gradient
Hidden content

Vertical Tabs

Red Gradient AccordionGreen Gradient AccordionBlue Gradient AccordionMulti-Color Gradient Accordion

Accordion (Red Gradient)

Fancy Red Gradient
Hidden content
Fancy Red Gradient
Hidden content
Fancy Red Gradient
Hidden content
Simple Red Gradient
Hidden content
Simple Red Gradient
Hidden content
Simple Red Gradient
Hidden content

Accordion (Green Gradient)

Fancy Green Gradient
Hidden content
Fancy Green Gradient
Hidden content
Fancy Green Gradient
Hidden content
Simple Green Gradient
Hidden content
Simple Green Gradient
Hidden content
Simple Green Gradient
Hidden content

Accordion (Blue Gradient)

Fancy Blue Gradient
Hidden content
Fancy Blue Gradient
Hidden content
Fancy Blue Gradient
Hidden content
Simple Blue Gradient
Hidden content
Simple Blue Gradient
Hidden content
Simple Blue Gradient
Hidden content

Accordion (Multi-Color Gradient)

Fancy Red Gradient
Hidden content
Fancy Green Gradient
Hidden content
Fancy Blue Gradient... Need a really long title to get multiple lines to see if the image background is displaying
Hidden content
Simple Red Gradient
Hidden content
Simple Green Gradient
Hidden content
Simple Blue Gradient
Hidden content