Subscribe
Tutorial search

CSS List Tutorials


Sort by:
How to Customize Side Bar Heading Background colors and Fonts in Thesis Theme?
How to Customize Side Bar Heading Background colors and Fonts in Thesis Theme?
Hi Thesis theme users! Hope you have already satisfied with your thesis theme. You know that our thesis theme looks minimalist. Some bloggers don’t agree with the word minimalist when you use it regarding thesis theme. I am also. You can’t tell it like that. Because thesis can bend and blend as per our wish.
Difficulty:
Quick Tip – Simplify List Margins with CSS
Quick Tip – Simplify List Margins with CSS
A re-introduction to a commonly overlooked style that makes lists play nicely with margins.
Difficulty:
List Based Menu with CSS/HTML with caps and gradients
List Based Menu with CSS/HTML with caps and gradients
An appealing menu using only HTML list elements and DIV elements which are controlled by CSS.
Difficulty:
Creating a Tabbed Navigation menu with under tab descriptions
Creating a Tabbed Navigation menu with under tab descriptions
Well in this tutorial you will learn how to create a tabbed navigation menu, complete with a under tab description feature, which when you hover on a certain tab a description will appear below the navigation bar, I've seen a few of these around, but most of them use javascript when really you don't need it if your looking for something simple. Im going to teach you how to create this using HTML lists and CSS styling no javascript involved.
Difficulty:
Buttons Designs with CSS
Buttons Designs with CSS
Create snazzy navigation menus and links lists using Cascading Style Sheets. No need for expensive digital imaging software!
Difficulty:
CSS Nested Side Bar Menu
CSS Nested Side Bar Menu
This is a simple yet professional looking multi level side menu. Markup wise it's just a regular CSS nested UL list, turned into a drop down menu using a very small JavaScript code. Arrow images are automatically added to LI items w/ sub levels.
Difficulty:
CSS Part 4: Common Attributes
CSS Part 4: Common Attributes
We will list out common attributes of CSS categorically
Difficulty:
Horizontal CSS Navigation Menu
Horizontal CSS Navigation Menu
Creating horizontal navigation menu with HTML list elements (UL LI) and CSS. Cross-browser compatible code according to Web standards.
Difficulty:
Pure CSS Vertical Menu
Pure CSS Vertical Menu
Today we are going to build the second most common site menu navigation, the vertical navigation menu. Here we are going to be using only pure CSS, no hacks, and unordered lists to create our vertical menu and three levels of pop outs. This vertical navigation menu will work in IE5, IE6, IE7 and IE8 as well as FF and Safari.
Difficulty:
Create a pure CSS image gallery
Create a pure CSS image gallery
Take your favourite images and present them in an online gallery with little more than an unordered list and a little CSS.
Difficulty:
Embedding a font in CSS3
Embedding a font in CSS3
Use @font-face to embed a font NOT on the ‘web safe’ list and get away from using images for text headers! This will currently only work with certain browsers so again, there is our quick +/- list of compatible browsers.
Difficulty:
Creating a glassy non div navigation bar
Creating a glassy non div navigation bar
I’ve been doing a big of changes to header of James’ Blog and one of the main changes is the navigation, I’ve used a glassy effect to make them stand out but I’ve also noticed I've posted quite a few tutorials on creating a navigation bar, but in each of them I've used divs. But it's time for change! In this tutorial however, no divs will be used, instead you will be forming a navigation bar using a unordered list. This tutorial will show you how to style and control lists in CSS, as wel
Difficulty:
Boxes with round corners using CSS and DIV tags
Boxes with round corners using CSS and DIV tags
We style both lists and boxes with round corners, one advanced example uses a headline area at the top of the box.
Difficulty:
Styling Forums with CSS and XHTML
Styling Forums with CSS and XHTML
Forget tables, start using list items and some css to start styling your forms. In this podcast you learn just that.
Difficulty:
Podcast Episode 2 - Styling List Items
Podcast Episode 2 - Styling List Items
In this podcast you will learn how to style list items with some CSS
Difficulty:
Search Term(s) (1): list