The Abundance Premium WordPress Magazine Theme » Design

Demo 14 – Lorem Ipsum We Grafittium

The Abundance Theme — Sun, 30 May 2010 18:44:53 +0000

Here, the sidebars have been configured to show on either side of the content rather than a pair on the left or the right, and I’ve been playing around with theme images again. The top of the ‘wall’ is part of the header, and an image repeated both across and down the central sheet forms the rest of it. Grass grows along the bottom of the wall in the footer image.

http://demo14.abundancetheme.com/

Demo 13 – Lorem Ipsum Picka Bunchovvum

The Abundance Theme — Sun, 30 May 2010 18:22:54 +0000

This one demonstrates how a y-repeat tiled central sheet image can be used to give the sidebar a different color to the content area. The image of a flower similar to those in the header and footer replaces the default sidebar list bullet image.

http://demo13.abundancetheme.com/

Demo 12 – Lorem Ipsum Make A Note-o-vem

The Abundance Theme — Sun, 30 May 2010 17:23:51 +0000

Again the result of messing around with the theme’s image and tiling options with reckless abandon, the idea behind this one would probably work much better if implemented in cleaner colors. Although it does demonstrate that you can have a lot of fun with the theme due to it’s flexibility, it’s worth noting that in the majority of situations, quirky designs can lead eyeballs away from your content as well as your advertising. If you’re tempted to go wild because the theme will let you, weigh up your situation carefully and remember that the theme will let you be conventional too, yet still stand out from the crowd.

http://demo12.abundancetheme.com/

Demo 11 – Lorem Ipsum Letsgo Potsum

The Abundance Theme — Sun, 30 May 2010 16:53:33 +0000

This one’s very loud around the edges, but it does give some idea of what can be achieved with a bit of image manipulation. Someone with actual graphical skill could probably pull off a similar idea without being quite so dazzling. However, the abilty to use an image in the central sheet is new to the theme and so I couldn’t resist the chance to play with it. The cues – a ‘norepeat’ background image – sit between the top of the browser window and the top of the central sheet, the header and footer form both ends of the ‘pool table’ and the space in the middle is filled with a y-repeat 1px high background image. Since I was getting rather carried away by this time, sidebar list bullets are represented by cue chalk graphics.

http://demo11.abundancetheme.com/

Demo 10 – Lorem Ipsum Jusfer Showinem

The Abundance Theme — Sun, 30 May 2010 16:31:11 +0000

The gap between the top of the central sheet and the top of the browser has been closed and the central sheet border and padding removed. There’s also been some adjustment to the border width of the menus.

http://demo10.abundancetheme.com/

The Abundance Theme For WordPress – Showing Off On Video

The Abundance Theme — Tue, 06 Apr 2010 11:58:00 +0000

With a growing base of satisfied users, it’s not unusual to randomly encounter the Abundance theme strutting it’s stuff and posing in a variety of configurations on those WordPress websites lucky enough to have found it.

Now that it’s discovered video there’ll be no stopping it – watch as it demonstrates it’s widgetized areas, video thumbnails, page templates and more. It even goes as far as to expose something that most WordPress themes will keep under wraps until they’ve got to know the casual surfer better – the theme options page.

Totally shameless. No doubt there’ll be a sequel.

Demo 9 – Lorem Ipsum Gonna Catchum

The Abundance Theme — Wed, 31 Mar 2010 17:51:53 +0000

In the theme’s options page, I closed the gap between the top of the central sheet and the top of the browser on this one, removed the central sheet border and padding and set the sheet color and background color to be the same. I uploaded the header as usual, then removed the cat and his thought bubble from it and uploaded it again to tile across the page behind the header (having already established that the image would tile seamlessly). Paw prints replace the standard sidebar bullet image.

http://demo9.abundancetheme.com/

Demo 8 – Lorem Ipsum How I Ratedum

The Abundance Theme — Wed, 31 Mar 2010 17:41:18 +0000

Created to demonstrate the ratings facility at the same time as I was actually coding it, and whilst simultaneously being distracted by some of the videos I chose to illustrate it, this site was brought to you by a violent heavy metal purple and the design skills typical of the average coder. It’s not neon orange though, so things could have been much worse. The header was made to appear as if floating above the rest of the site by removing the padding and border from the central sheet and coloring the navbar the same color as the page background. Navigation buttons were made to appear as if floating beneath the header by giving the navigation bar a wide lower border width to balance it with the space already above the buttons, and coloring the border the same color as the background page and navbar.

http://demo8.abundancetheme.com/

Demo 7 – Lorem Ipsum Kinda Boredovum

The Abundance Theme — Wed, 31 Mar 2010 16:46:08 +0000

The top offset gap has been closed here and the the sheet padding removed, but I’ve left the sheet border. There’s a narrow footer at the bottom of the page created from the same image as the header, both of which match the tiled background and the sidebar bullet image. Title bars have an upper and lower border in a darker color, and the navigation menu items have been given the same color as the navbar and so lose the tabbed look. The search box and date are beneath the header, and the category bar is above it for a change. Nothing wildly special, but I quite like this one.

http://demo7.abundancetheme.com/

Demo 3 – Lorem Ipsum Getta Loadavum

The Abundance Theme — Wed, 31 Mar 2010 15:47:21 +0000

Depicting how to escape the regular magazine theme layout of a central sheet surrounded by the background, the header appears to have broken out of the box, sitting above the central sheet instead of within it. This is achieved by losing the central sheet padding and border, and blending the header into the background by making them the same color. The site is also showing three widgets in the widgetized area across the top.

http://demo3.abundancetheme.com/