CSS

CSS Techniques & Tricks

CSS Ribbon Titles

CSS Ribbon Titles

In a quest to use something different for my sidebar titles I started looking at some of the options for creating those cool looking 3D style ribbons where the edges fold neatly on the outside of the container holding the text. There’s a bazillion examples of this and most of the tutorials I saw were leaning toward CSS3 to do all the work.

Read More

CSS Rollover Images

CSS Rollover Images

Image rollovers are fun and can add both life and functionality to a web page. Most often they are used in menus but we find they are useful for hyperlinked images as well. This is a simple tutorial on how you can create fast loading rollovers throughout your website giving it that slick look.

Read More

CSS Hyperlinks With Icons

CSS Hyperlinks With Icons

A neat way to spice up your pages and provide very precise navigation help is to use the little known “attributes” capabilities of CSS. What this does is provide a way for you to attach certain effects to specific types of elements.

Read More

CSS Navlist With Pointer

CSS Navlist With Pointer

Using CSS to create your site’s navigation is becoming increasingly popular since it allows you to minimize code and create fast loading menu systems. Here is a basic horizontal navlist using one image for a downward pointer that you can use in any situation where you need a simple menu.

Read More

CSS Block Hover Links

One of the coolest effects for hyperlinks is to have an entire paragraph or block change background color on mouseover. Whatever is inside the block area remains the same, though. Just the background color changes. Here’s a look at how it looks while using some thumbnails that would represent the topic of each link at the same time. The thumbnails, however, do not have any hover effect themselves.

Read More

CSS Rounded Corners With Images

CSS Rounded Corners With Images

Rounded corners are widely used as a way to isolate certain content on your webpages and, at the same time, get away from the block-ish look of everything having 90 degree right angles. Even though CSS3 has some relief coming for using simpler methods to attain the rounded corners look, it’s not supported in all browsers (especially IE) and it could be years before all the people surfing the web update their software to accommodate it. So, in the interim, we use methods like these.

Read More
Page 1 of 41234