How to change style of Wordpress, Joomla!... CMS's

While it took me some time to find the best practice, I'm going to provide you with the easiest and fastest way to style your CMS (Wordpress, Joomla!) template, it is very simple actually: just open your blog / website with the template, look at the source code (you'll find an option 'View Source Code' or something similar in most of the browsers right-clicking anywhere on the page), locate the id's and classes you would like to modify, then go ahead and make a source code (or in file text) search among the template files (preferably .css) for the specific id or class name and change it as you please.

CSS Uppercase / All Caps - a one liner

Well, I never really needed it, but then I did so I looked it up quickly and found this post about CSS Uppercase / All Caps. Easy-peasy :)

Display different content for non-registered users and for registered users on Wordpress

I was looking up information as to how can I make sure that a WordPress.org blog displays different content for non-registered users and again a completly other content for registered users, but honestly I couldn't find any article or thread that explained it very well or simply missed the non-registered users part.

The code I'm going to provide you with below is an example to how I resolved this (very simple actually).

abolute position within div - a one liner

If you want to use absolute positioning within a div, you just have to set the parent div to relative.

You should put this in the head between the sytle tags:

Setting Up WordPress On Your PC Using XAMPP

You remember my post about XAMPP - the ultimate way to test a website before launch - a must have Freeware!? Well, it's really a must have application for a webdesigner. And of course, WordPress can be used with it too. If you want to know how, check out this guide: Setting Up WordPress On Your PC Using XAMPP.

Get a hand made chopper :) - V2 Manufacture

My sister's friend creates motorcycles! Isn't that an awesome thing to do? Of course I accepted when he asked me to create a simple website for him, see the result here: [website removed].

It's really simple, so I used SimpleViewer again ;)

Edited: we finally decided to use a Javascript picture gallery instead (see more information about this in my blog post called New website 'in the house': widosub.com & V2 Manufacture updated.

z-index only with absolute position - a one liner

A one liner can be very useful sometimes, so just read the title, hope it helps! ;)

Center div with margin: 0 auto - a one liner

The best and cleanest way to center a div is to use the margin: 0 auto attributes in styles. Make sure however that you set a width of the div to something specific otherwise it's not going to work.

Note: it seems that this unfortunately doesn't work in IE7. Alternatively you may use the <center> tag.

See an example of the style attribute below:
(click in the box to highlight the code for copy)#wrapper { width: 500px; margin: 0 auto; }