I originally wrote this for work.  I figured I’d post it on my blog also, guess I’m a re-blogger after all.

Multi-column layout

The CSS3 function for Multi-Column Layout allows the user to creating a design similar to a Newspaper layout. With designs of blogs and websites heading towards a magazine layout type of style I figured this is truly a helpful style to use.

Multi-column Layout Properties

column-count: 3;  this sets the number of columns for which the content will flow.
column-width: 1em; this property sets the width of each column.
column-rule: 1px solid black; this sets a border between the columns.

Code sample:
Continue Reading

After going through a few projects and picking up some css skills along the way here are some neat css tricks I’ve learned and found very helpful.  So helpful I figured I write somewhere so I can always find what I need instead of using google all the time. The first bit of code is setting transparency for objects like images and divs. it can be a nice effect for  setting transparent backgrounds behind some funky bg image.

Codes for setting transparency:

For current firefox, safari browser
opacity:0.7;

For firefox browser
-moz-opacity:1.0;

For ie browser
filter: alpha(opacity=100);

Now here is something I’m completely stoked about and that is rounded corners.  I’m not sure about you but  I’ve always hated cutting out rounded corner images out just to make rounded corners(my blood is boiling just thinking of it).  Luckily the code below help eliminate most of these issues below are the code to create  rounded corners for safari and mozilla.  As for ie I don’t believe they support it yet but if you know they do please let me know ;D

Code for making rounded corners:
Continue Reading

1. Download XAMPP you can download XAMMP or light version doesn’t matter.

2. Install in your C drive You can skip the next few steps if you want if you’re not installing WPMU

a. C:\WINDOWS\system32\drivers\etc\host change localhost to localhost.enter_a_name

b. Go To apache\conf\httpd.conf

c. Change

#LoadModule rewrite_module modules/mod_rewrite.so
to
LoadModule rewrite_module modules/mod_rewrite.so

Continue with WP/WPMU install.

3. Download wordpress or wordpress-mu extract the files into your c:\xampp\htdocs dir.

4. Now run C:\xampp\xampp-control.exe and click on start button for apache and mysql.

5. Open your web browers and enter in the url: http://localhost/ or http://localhost.enter_a_name if did steps a, b, and c.

6. Select a language and click on phpMyAdmin.

7. In the Create new database fields enter wordpress and select utf8_unicode_ci and hit the create button.

8. Change url to http://localhost /your_word_press_folder/ or http://localhost.enter_a_name/your_word_press_folder/ in the Database section enter the following

Database Name:wordpress

User Name: root

Password: erase whatever is there and leave blank

Database Host: Leave it as “local host”

9. Fill in your Site Details and press Submit and your done!