Archive for the ‘WordPress’ Category

Misunderstand CSS Comma Syntax

Yesterday I did a silly mistake. I misunderstand CSS Comma Syntax. This is the original edited code.

Posted by Ivan @ June 25th, 2009 in WordPress with , ,

2 Comments »

Adding Space Between Paragraphs

I keep improving my WordPress theme. I need to add some space between paragraphs in the post. So I added the code below in layout.css. For my case, only header 4, 5 and 6 will be used in the post. You can add header 1, 2 and 3 as well if you like.

Posted by Ivan @ June 24th, 2009 in WordPress with , ,

1 Comment »

WordPress Header Animation with Processing.js

After I knew about Processing.js, “WordPress header animation with Processing.js” is in my to do list. I finally get it up today. I studied and modified the current header animation from Processing.js. I hope I can create more advance and impressive animation in future. Below is the modified code as reference.

Posted by Ivan @ June 23rd, 2009 in WordPress with , , ,

No Comments »

WordPress Theme Development 15 – IE Stylesheet

Old Internet Explorer, version 6 and earlier, intend to be different from the rest, Mozilla Firefox, Opera, Safari and Chrome. This style sheet is to fix old IE CSS bugs. Add display: inline; in floated division element will fix IE double margin bug.

Posted by Ivan @ June 22nd, 2009 in WordPress with ,

No Comments »

WordPress Theme Development 14 – Typography Stylesheet

For font wise, all the contents are Georgia, serif. The code will be Monaco, monospace. I just bold with all the headers. Simple circle for list style in the post.

Posted by Ivan @ June 21st, 2009 in WordPress with ,

No Comments »

WordPress Theme Development 13 – Colour Stylesheet

Colour style sheet mainly to display the site with colours. Green and black will be the two main colours of the site. Hope you like it.

Posted by Ivan @ June 20th, 2009 in WordPress with ,

No Comments »

WordPress Theme Development 12 – Layout Stylesheet

I would say this layout style sheet is the most challenging. First of all, I just want this WordPress theme to have a basic layout with fixed width consists of two columns, one for posts and another one for sidebar. On top of the content is header and of course footer at the bottom. Structure [...]

Posted by Ivan @ June 19th, 2009 in WordPress with ,

1 Comment »

WordPress Theme Development 11 – Reset Stylesheet

This style sheet mainly reset all the default setting in web browser. It will make the site looked the same in any modern web browser. It is based upon Yahoo UI library.

Posted by Ivan @ June 18th, 2009 in WordPress with ,

No Comments »

WordPress Theme Development 10 – Stylesheet

Now come to the look of the web site. Style sheets play an important role in this. I decided to slip the whole stylesheet into different categories: reset, layout, colour, typography and ie. Main style sheet, style.css, will import those categories. Main style sheet also include the style of WordPress default generated classes as shown [...]

Posted by Ivan @ June 17th, 2009 in WordPress with ,

No Comments »

WordPress Theme Development 9 – Layout

I completed my first WordPress theme. It is a very basic theme. After done with all the contents in the WordPress theme, I inserted all the divisions that need for styling. In general, the pages consist a common layout which is as below:

Posted by Ivan @ June 13th, 2009 in WordPress with ,

No Comments »

« Older Posts

Newer Posts »