CSS Types: Tags, Classes, IDs

WordPress is a great tool for setting up websites. One of its strong points is not having to know code. But, I have found it is incredibly useful to know something about CSS. For every WordPress site I’ve done, I’ve had to tweak the CSS code at least. In this post, we’ll look at the [...]

post

CSS Menu Generators

menuGeneratorsImage

Recently, I did a post on CSS Layout Generators. I showed you the CSS Portal website. It has a very good layout generator. In this post let’s look at CSS Menu Generators. CSS Menu Generators do just that. It generates the code (CSS and html) and provides the images for a menu of your choice.

post

CSS Layout Generator

cssPortal

For those just learning CSS, here is a fantastic tool to help you generate page layouts: CSS Portal. The result is rather generic but it provides a great basis to build on. They offer more than just CSS for page layouts. On the same site, they offer tools to generate your buttons and your menus. [...]

post

CSS3 Maker

CSS3 Maker Website

If you are into the latest CSS options, check out CSS3 Maker. This very useful site lets you experiment with various CSS settings, then gives you the option to download the CSS. Beautiful! And, that’s just the beginning.

post

Background Colors and Gradients

colorsGradients

We’ve discussed adding background images to our web pages – as a background for the entire page and as a background for boxes within our web pages. In this post, let’s look at adding background colors (which we’ve covered a bit already) and using gradients as our backgrounds.

post

Free CSS Webinar

cssWebinar

Join us Thursday for a free CSS webinar! This Thursday, July 14th, I will doing a free 1 1/2 hour webinar on CSS. I will be going through step-by-step how to take a sales page that was done using tables and converting it to use CSS without any tables. During the webinar I will demonstrate [...]

post

Adding background images

bkgrnds2

Background images add a lot of interest to a website. Not only can we have a background image for the entire site, but each box (container) can have it’s own background image. Let’s start by looking at CSS properties relevant to background images, then we’ll look at some examples.

post

Creating Nested Boxes in CSS

Create Nested Boxes

In our last post we discussed ‘seeing’ the boxes. In this post, let’s look at creating those boxes. The beauty of CSS is the ability to place items where we want to on a page. Much of this placement is handled by using nested boxes (aka containers).

post

Seeing The Boxes

Seeing the Boxes

In the last post we covered how to create boxes within CSS. Let’s expand that and discuss how we do nested boxes – which is most likely how we will be using boxes within a webpage layout. One box for the entire page, then a collection of boxes within the main box. (By the way, [...]

post

Creating a Box in CSS

createBox

One of the beauties of CSS is being able to create a box (container) of information. The placement of the box is dependent on its relationship with the surrounding elements and what we call the parent containers. Without going into that kind of detail (at least in this post), let’s discuss how to create a [...]

post