CSS

CSS Message Box

Message boxes are very useful when you want to draw your visitor's attention and show them a message after performing a particular task; let it be a sucessful user registration or an invalid login. In this tutorial, I will show you how to create simple css message boxes with solid borders.

Preview

simple-css-message-box

read more...
Rounded corner CSS navigation bar with jQuery

In one of my early posts, I have explained how to turn your unordered list into a horizontal navigation bar with css. Now, I will show you how to add some nice round corner effect to your anchor elements with jQuery. And yes, we will be doing this without using any image.

Preview

rounded-corner-navigation-bar-using-jquery

read more...
Common CSS selector syntax you should know

You application has been set up and is already running. Right then, you come up with an idea of changing your layout. It may not be possible to add or change class attributes of your html elements throughout the whole application. CSS selectors will come handy in that case (if you know which elements you want to select). Here is a table of common css selector syntax that you may find useful.

read more...
Show/Hide form field selecting a radio button option

It is possible to display a particular (or more) hidden fields when you site visitor chooses an option from a radio button. In this example, I will show how to display an email address field (which is hidden) once you click on "Yes, I want to subscribe" radio button with the help of css and jQuery.

Preview

show-hide-toggle-form-field-upon-selecting-a-radio-button-option

read more...
Tabbed DIV content with CSS and jQuery

This tutorial will show you how to turn your unordered lists into tabbed content using css and jQuery.

Preview

tabbed-content-using-css-and-jquery

read more...