frinity

CSS Message Box

Thu, 25 Sep 2008 13:14:46 -0500

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

Rounded corner CSS navigation bar with jQuery

Tue, 23 Sep 2008 16:01:25 -0500

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

Common CSS selector syntax you should know

Tue, 23 Sep 2008 06:24:23 -0500

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.

Show/Hide form field selecting a radio button option

Sat, 20 Sep 2008 14:02:50 -0500

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

Tabbed DIV content with CSS and jQuery

Fri, 19 Sep 2008 11:51:18 -0500

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

Preview