Tutorials

CSS tips, web design tips, and webmaster resources

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. Methods There’s 3 basic ways you can create a rollover effect: Flash...

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. For instance, say you’d like to place the Adobe PDF  icon next to every link that ends with .pdf: /* For PDFs */ a[href $= '.pdf']{ ...

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.First we need to start with the basic HTML code for your navlist. This can be inserted in two ways. Use...

Read More

Shopper Press – Wordpress eCommerce Plugin

Shopper Press – Wordpress eCommerce Plugin

Shopper Press is a quick, easy and full featured way to turn your Wordpress into a robust storefront complete with product management and automated payments via Paypal and others. This amazing plugin transforms your site into a multi-purpose store and blog combined. If you have products to sell, a catalog to display or digital downloads to offer then Shopper Press could be your ticket to online...

Read More

Recent Ajax Projects

Recent Ajax Projects

Two recent projects involved extensive use of Ajax for displaying content. One of the great features about using Ajax is the ability to pull in external pages that can be pre-formatted with any time of content into the containing div using a common menu. Here are examples of how we’ve deployed Ajax in different ways to assist with the navigation of client websites: Example #1 – Using...

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...

Read More
Page 1 of 512345