The Machine | Search for a cog | Submit a cog | Photoshop Videos | Machine Talk

Archive for the ‘CSS’ Category

Vertical List Menu

Tuesday, May 27th, 2008

Make a simple, cross browser compatible list menu using css.

http://jamesowers.co.uk/css-tutorials/10/vertical-list-menu/

Create an image pre-loader with CSS only

Tuesday, May 27th, 2008

In this article, you’ll learn how to create an image pre-loader without Javascript. CSS is the technique we are going to use. No fancy and hard to understand codes, but the smart use of codes you already know about.

To visit:

http://www.divitodesign.com/2007/11/create-an-image-pre-loader-with-css-only/

Beginners Guide to CSS

Tuesday, May 27th, 2008

In this guide, you will learn how to start to use CSS. Hopefully by the end of this tutorial you will be much more comfortable using CSS to code websites.

To visit: http://jamesowers.co.uk/css-tutorials/14/beginners-guide-to-css/

Horizontal CSS navigation with current state

Tuesday, May 27th, 2008

A quick tutorial about how-to create a dynamic horizontal navigation bar and how to add the current state using CSS and PHP.

http://www.finalwebsites.com/tutorials/css-navigation-bar.php

Using CSS

Tuesday, May 27th, 2008

In this tutorial, you’ll learn how to set up CSS to be most efficient and flexible for your designs.

http://www.brainbell.com/tutorials/HTML_and_CSS/TOC_Using_CSS.html

HTML and CSS - Margins, Borders, and Padding

Tuesday, May 27th, 2008

One of the coolest things about CSS is that you can style features such as margins, borders and padding. It’s not even just being able to style such things that I find so exciting, but the flexibility we have with the styles available.

To view:

http://www.brainbell.com/tutorials/HTML_and_CSS/TOC_Margins,_Borders,_and_Padding.html

HTML and CSS - Link Effects, Lists, and Navigation

Tuesday, May 27th, 2008

In this tutorial, you begin by creating simple styles for links and then progress to multiple link styles. You’ll then learn to manage lists with CSS. Finally, you’ll work with lists and links for both vertical and horizontal navigation. Along the way, you’ll be introduced to new CSS properties, as well as a number of selector types you’ve not worked with just yet.

To view, click here:

http://www.brainbell.com/tutorials/HTML_and_CSS/TOC_Link_Effects,_Lists,_and_Navigation.html

CSS - How to use Overflow

Tuesday, May 27th, 2008

The CSS property Overflow can be used when displaying content. It regulates the scrollbars. This property is a tricky one, which I had got some problems with in the past. Do you want to expand your DIV’s? Or when they get to a specific height, let some scrollbars appear? Read this tutorial and learn!

To view this tutorial:

http://www.divitodesign.com/2007/12/css-how-to-use-overflow/

CSS Tips and Tricks

Tuesday, May 27th, 2008

This tutorial will teach you a few “tricks of the trade” that will help save you time and make your css-coding life easier all around.

To visit, click here: http://tb-one.se/2007/12/21/css-tips-and-trix/

Opacity

Tuesday, May 27th, 2008

Learn how to change the opacity of an object by default or on rollover using CSS.

To view this tutorial: http://www.depiction.net/tutorials/css/opacity.php