Fird's Domain

Archive for the ‘HTML’ Category

Bebe:Rehash Almost Complete!

Hey guys, check out bebe’s blog - she have just updated her new layout!

bebelo.jpg

Please do report any bugs/rendering errors yeah!

How To: CSS Image Rollover Tutorial

For the uninitiated, a “rollover” here refers to the state of an object (or text) on a website that changes it’s appearance when a mouse cursor rolls over it. Try hovering your mouse over the four buttons on top of this page, you will see that they change their color slightly. The reason behind doing such is not necessarily to impress people, however, it is used to provide some sort of “tactile” feedback to the visitor, telling them that something is there.

CSS Hover Tutorial

Imagine typing on a completely flat keyboard that doesn’t press in or give that clicking sound. You would feel kind of weird. You don’t? Oh my.

Let’s get busy with our coding now, shall we?

Read More…

Wordpress Theme Generator

If you want to create a unique personalized WordPress theme, but don’t know how to use CSS or PHP: try this Theme Generator. Change colors, layout, header, font, several settings and preview instantly. Result is a saved to .zip file, download, extract and upload. Great new WordPress tool.

read more | digg story

How To: Dynamic Rounded Corners with CSS

At one point of time, I was so obsessed with rounded-corners. In my opinion, if used right, rounded corners will make an interface (especially segmented websites like blogs or portals) looks more manageable and attractive.

When I was just learning up web-development and HTML, I will make use of tables made from 9-cells (3×3) to realize my “rounded corner” desire. This is very simple, all you have to do is to create 4 images to represent the corners and arrange them up in such way (red lines signifies the cells):

9-Cell Table that is used to simulate “rounded corners”

There’s absolutely nothing wrong with doing this, even now. However, I am personally sick of coding the tables - plus, should I decided I don’t want the round corners anymore, it would be troublesome for me to edit the entire template file just to do that. However, thanks to the powerful styling properties of CSS, there’s a better way to do this.

Read More…