keaglez

Hi! I'm Jeffri Hong, also known as keaglez, a 20 years old geek who love the web and comic.

How to create WordPress template part 1

Posted on Designing, Wordpress and tagged with , , , , ,

Do you want to create your own WordPress template? It is not hard actually if you have enough knowledge of XHTML (or HTML) and CSS, and a little basic of PHP. This guide will split into multiple part as it is quite long. This is my way of creating WordPress template, so it might different than you. The first part is for preparation and designing, I haven’t touch the coding part yet, it will be on second part. I will make it with example and this example will be available to download for everyone later. Hehe… :)

First is the preparation. For me, I will take a paper and a pen and start thinking of how the template will look like. Hmm… As of now, I will create a simple templates like usual blog template. One header with logo and description on top, one sidebar on left side, the content is on the center (right side from the sidebar), and one footer on bottom. That’s it. Okay, once you are ready then, let’s open your favorite graphics editor. For me, it is GIMP.

Read more…

Better look or valid CSS?

Posted on Designing and tagged with , ,

I face a problem right now, to choose between better look or valid CSS. It is not a big thing though, it just a matter of scrollbar you see inside the content area. For now, you can see two scrollbar placed on right and bottom. The bottom scrollbar here is not used at all, it is useless. So it just make the look worse.

Now, to solve this I need to use CSS 3 properties, instead of CSS 2.1, the overflow-y and overflow-x but that will make my blog didn’t valid anymore. The CSS 3, is still under development, but these properties is supported by most modern browser. Also since my blog is specially created for modern browser, it won’t be a problem for me.
Read more…

Editing skin, more icon in main menu

Posted on Designing, Modding, ROKR E2 and tagged with , , ,

Do you want to have more icon in your ROKR E2 menu instead of the basic 3×3 such as 3×4, 4×4 or even more? Then, editing the skins configuration files (the ini extention files) will be the best way. It’s pretty easy, and along with this article, I will show you how I made my 3×3 menu to 3×4 and 4×4.

To edit this files, you only need a text editor. Now, we will edit the common.ini and mainmenu.ini only. Here is how it looks before editing:

Read more…

Proudly powered by Wordpress