Archive for 'HTML & CSS'
A collection of Free ToolTips using AJAX, JavaScript & CSS
A tooltip is a short and informative text that appears in a box that pops out when you hover the mouse cursor over an element (link, button, div etc.).
1. DHTML JavaScript Tool Tips is a JavaScript Cross Browser library to create tool tips (information pop-up boxes). This script can be customized in multiple ways and [...]
Fancy Hover Box/Image Effect
Hoverbox Image Gallery is a super light-weight (8kb) roll-over photo gallery that uses CSS. It pop outs an image without affecting the page’s layout.
[Go to Project Page | View Demo | Download]
Fancy Thumbnail Hover Effect w/ jQuery is a nice tutorial that teaches you how to add a nice hover effect to an image. A [...]
A list of CSS based Breadcrumbs
Breadcrumbs are a form of website navigation that keep track on the path followed by a website visitor. They are sequential links telling the user the location of the page within the website (example: category / subcategory / sub-sub subcategory / product).
Here is a list of tutorials that will give you an idea of how [...]
A useful list of CSS Rounded Corners Tab Menus
Rounded corners are very popular in web design and definitely give a professional look to web sites that are using them. If you’re looking for a Rounded Corners Tab Menu consider checking the following list.
Read moreHow to use an image as a submit button
Tired of using the classical submit buttons? Replace them with images.
Read moreHow to add a stylish icon into a (form) text box
This CSS Code is useful if you need to add a stylish icon into a text box inside a form.
Read moreA tableless 3 (fluid) columns layout
This is a simple tableless layout that uses DIVs having 3 (fluid) columns, a header & a footer.
Read moreA tableless 2 (fluid) columns layout
This is a simple tableless layout that uses DIVs having 2 (fluid) columns, a header & a footer.
Read moreCreating a CSS TableLess Form (using Labels or DIVs)
This is an example of a TableLess CSS Form.
Read more