Overlapping HTML elements such as images and colored box is quite easy. One of the technique used in this tutorial is through z-index.

What is a Z-Index?

Read more

Popularity: 10% [?]

Adding background images to your form fields can be easily accomplished with CSS and should only be use in few situation because they can make it harder for the user to understand the meaning of it, but on the other hand a well picked image can add useful feature to the look of your forms.

Adding images to your form fields using CSS is very simple. The CSS code can be written like these below:

Read more

Popularity: 10% [?]

How can we define what
’s a photo effect? The final result has to be quite different from the original picture and be recognized as a post production photo manipulation. So, with that idea in mind, I gathered what I consider 100 of the best photo effects Photoshop tutorials available on the web. Find this tutorials submitted by

read more | digg story

Popularity: 44% [?]

Pop-up New Window

Pop-up window is one of the most important thing for navigation. For example when you want a picture to be displayed on a new window, with respect to your needs and etc.

One of the method to pop-up new window in creating html page is by using javascript code. One of the example is like below. You may paste it to your web editor such as Dreamweaver to create html file. (However dreamweaver has already built-in html code to pop-up new window feature).

Read more

Popularity: 60% [?]

Mouse Over Text & Change Color

Using simple HTML codes, you may able to make a text change its color to another color just by mouse-over onto it like example below.

From this

Read more

Popularity: 72% [?]

Creating Border Around Text

It is quite easy to place border around text using simple HTML codes. Without specifying the border width, you can make something like this below.

Read more

Popularity: 100% [?]

Simple List Style Using Image As Bullets

One way to attract visitor to read your content and listing is to use image as bullets.

This is one example on how to create simple list bullets using image.

Example:

Read more

Popularity: 58% [?]

Simple List With Square Bullets

If you realized, when you make css styling from common web editor application like Dreamweaver, after you type #”any name” { lis (without ” “), automatically they will generate a list of style selection for user ease. Isn’t that great!

Read more

Popularity: 41% [?]

Simple List With Circle Bullets

Other type of listing is using css styling. In order to do this, usually a separated two files for HTML file and CSS file is created.

For this example, we will show you how to make simple list style with circle bullets.

Read more

Popularity: 36% [?]

Simple List Style

Simple list style is the simplest method of listing items. It only use HTML code and do not use any CSS styling. You may use any web editor application (we recommend Dreamweaver).

Example:

Read more

Popularity: 21% [?]