Zymic

Webmaster resources

Website Traffic Special

1000 visitors from $3.95 - Learn More

Adobe Photoshop

Free Tutorials » Adobe Photoshop » Dark Layout Part 3

Slice your layout and then learn how to code it with the help of Dreamweaver!

Step 21

Now create a new page, name it home.html and add the main content bg in the body tag & make the bg properties fixed:

Step 21 diagram

Step 22

Now insert the below code (without the "'s) into the head tag, this will change the scroll bars colour. <"STYLE type="text/css""> "BODY" { scrollbar-face-color:#2F2F2F; scrollbar-highlight-color:#2F2F2F; scrollbar-3dlight-color:#2F2F2F; scrollbar-darkshadow-color:#2F2F2F; scrollbar-shadow-color:#2F2F2F; scrollbar-arrow-color:#2167C6; scrollbar-track-color:#2F2F2F; } <"/STYLE">

Step 23

Now put your home content on the page. Save & view your index page in a browser.
All you need to do now is add your own content such as affiliate links, etc etc and any other details you wish to edit.

Please Click Here to view the acutal template!

Tutorial navigation

Tutorial comments

05.09.2008 -

isfrocks says …

If you dont have dreamweaver u can download free html editors like first page or sumfen,

08.07.2008 -

29t88 says …

i dont have dreamweaver so can somone help me code out mine xD?

04.07.2008 -

juan249 says …

this is my result:

http://juan249.zzl.org/

05.04.2008 -

oziyn says …

wud b nice to see the actual finished version

21.02.2008 -

JuniorD says …

i have no idea how to load my psd/gif file into dreamweaver, nor able to slice it. any help?

View all user comments for this tutorial.

Tutorial statistics

Date added:
30.10.2004
Author:
Zymic
User rating:
3/5
Rate tutorial:
Total views:
10093
Total comments:
8

Advertisements