Show Sidebar

Creating a widget ready footer in Wordpress

July 24, 2008

It is a common site now to see a widget ready footer on a wordpress powered site, it adds some extra areas to add widgets that would maybe look out of place in the sidebar. It is good to have widgets at the bottom of the blog for links to other posts and maybe some details about yourself. In this tutorial I am going to show you how to create 3 footer widget areas which can be edited from the admin area of your wordpress installation. I am going to use the default Kubrick theme for this tutorial.

Creating Transparent PNG’s in IE 6

July 12, 2008

Transparent IconAs if Internet Explorer 6 doesn’t have enough issues, it also doesn’t support full PNG alpha channel transparency. While many would like to ignore IE 6, it is still being used by millions of internet users, thus we as designers still need to keep them in mind. This can make designing a website to work with IE 6 even more difficult than it already is. However, thanks to some creative and skilled minds and a few scripts, the problem can be resolved.

-

The Problem with IE 6 and Transparent PNG’s

Unlike GIFs’s, images in PNG format carry a seperate alpha channel for each pixel. This allows each pixel in a PNG image to be opaque, not opaque, and most importantly, anywhere in between the two. This is much different from than GIF images, which do support transparency, but each pixel is either transparent or a solid color.

Luckily, with the release of IE 7, the issue was resolved. Unluckily, this means earlier versions of Internet Explorer before will need to “hacked”.

Create a tabbed featured posts area in Wordpress

July 10, 2008

A couple of days ago I released version 2.0 of my premium news wordpress template - Simify, one of the templates main features is the tabbed area for the featured posts. In this tutorial I am going to show you how to produce a tabbed area for your featured posts on your blog complete with thumbnail support. This has become common in many premium wordpress templates so if you are wanting to go into this field then this is a must. I am going to use the Default Wordpress Template for this tutorial, but you can add it to pretty much any wordpress template you like.

Adding Thumbnails to your posts in Wordpress

June 11, 2008

In this tutorial I will show you how to add thumbnails to your posts in the very popular Wordpress. I never really knew how to do this till about a week ago when I released Simify, but now I do I am happy to show you how I did it.

Create a tabbed AJAX area in Wordpress

May 30, 2008

A lot of blogs are now opting for a tabbed area in the sidebar which contains some of the widgets that were previously on the sidebar, this saves space and makes the interface much more manageable.
This effect is achieved with a mix of Javascript and CSS and in this tutorial I will show you how [...]

Add social bookmarking to wordpress

April 21, 2008

In this tutorial I am going to show you how to create a quick and simple social bookmarking option to your blog similar to what you see on this site. This is for wordpress themes only although with a bit of tweaking it may be able to work on other blogs.
This will be the final [...]

Wordpress navigation menu with rollovers

February 23, 2008

In this tutorial we will just create a basic text link navigation menu and then apply CSS to make it look all nice with rollover effects.
We will use the default wordpress theme for this tutorial that comes with wordpress when you install it. The best place for a navigation menu in a wordpress template is [...]