Website Ideas

All the design inspiration you will need

Archive for the ‘Tutorials’ Category

This is for those Linux lovers and website developers!, This tutorial that i stumbled on will show you how you can run Dreamweaver CS3 on Linux using Wine. I would imagen that this will apply for all the CS3 packages.

I’m using Ubuntu 8.04 Edgy Eft for this, so change these commands to match up whatever your distro uses to accomplish the same thing. Please also make sure that your Dreamweaver has been installed in your Windows partition. you need this before you can run Dreamweaver in your Linux.

All right, lets get cracking on this! (more…)

Today we look at very simple feature to which is a very important one. A Captcha Security device, to help prevent that unwanted spam.

This script generates images (known as “Captcha’s”) which contain security codes used for protecting a form from spam bots. By encoding a ‘password’ inside an image and asking the user to re-enter what they see you can verify the user is a human and not automated software submitting your form. (more…)

This article will show you how to create fancy buttons using CSS sliding doors technique. It is much better to use this technique than to use image buttons because you can apply the style to any link and at the same time you don’t have to create an image for each button. The ultimate Css for your website. website ideas with great inspiration

What is sliding doors technique?

The technique is very simple. If we want to have a dynamic-width button, we have to find a way to stretch it horizontally. We will accomplish this if we create two background images that will define the button: one for the left side and one for the right side - like in the example below.

LEFT                                                                            RIGHT

14.jpg (more…)

Create shape and duplicate

First you create a triangular shape. You can select a triangle from the Custom Shape palette and flip it upside down (Edit > Transform > Flip Vertically). Duplicate this shape layer using command/control + J. Now hit command/control + T (Edit > Free Transform) to rotate this shape. First move the middle point down to towards the center.

13.jpg (more…)

CSS tricks and tips

I have compiled a list of articles that better explain valid CSS and xHTML code. It’s becoming more commonly to use valid CSS. And we all know how much time we are spending in all those hacks and fixes for various browsers. I will keep adding to this list, so stay tuned. (more…)

In this 5 part series we will be covering different styles and technique’s that can be used in Adobe Photoshop. From light motion trails to glowing sparks. Here you will learn to create beams, glows, motion trails, rainbows, and other lighting effects, giving your images ambiance and depth. (more…)