Web Design

Web Design Tutorial Index

•

Flash-XML Menu

In this tutorial you will learn how to create a simple menu using Flash, while the menu items themselves will be imported from an XML file called menu.xml. 1. Start by creating a new flash document which can be called anything you like as long as the size is set to 550 x 80 px and the frame... (Read More)

Forms: styling text fields with CSS and HTML

Although forms are one of the most boring elements of any website, styling them can be a dangerous business. All too often it is forgotten that the way a form looks will impact greatly upon what the user uses it for. Change the style too drastically and the user might not recognize it as a form at... (Read More)

Create a cross-browser compatible, single-level, drop-down menu

This tutorial will explain how to code a perfectly cross-browser compatible, single-level drop-down menu for your website. The first thing you are going to need is a little bit of JavaScript courtesy of Suckerfish. This should be placed in a file called menu.js and saved in the same directory as... (Read More)

•

Graphics and Multimedia

Photoshop: create an interface style content box

In this tutorial you will learn how to create a stylish looking content box for your website. Before you start, however, you will need to have two custom patterns which should each be from a 5*5px image that just has a pencil line drawn diagonally across it. You need to create one of these with the... (Read More)

Photoshop: add a white photo frame to your images

In this tutorial you will learn how to turn your images into something more like a real photograph by simply adding a white frame to them. What’s more, the tutorial is easy enough for those new to Photoshop to be able to create something impressive, and create it quickly. First things first... (Read More)

Photoshop: create a transparent navigation bar

This tutorial will teach you how to create a transparent navigation bar for your website, similar to the navigation at the Microsoft Vista website. 1) Start by creating a new image in Photoshop with a height and width of 700*70px. 2) Filling the first layer with a dark background makes... (Read More)

Photoshop: create a tabbed navigation bar

This tutorial will enable you to create a tabbed navigation bar to use on your website. 1) Open PhotoShop and create a new document with the size 670*70px. 2) Grab the rounded rectangle tool and draw a rectangle on the canvas, you will need to set the radius to 5px. 3) Next you need to... (Read More)

•

Forum Tools