Zymic

Webmaster resources

Follow us on Twitter!

Hosting status updates - Click here

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

21.07.2009 -

en1ox says …

PLZ CAN SOMEONE UPLOAD THE .PSD FILE OF THIS WEBSITEE ? PLEASE
contact me:
elemental-e@hotmail.com

06.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?

05.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

View all user comments for this tutorial.

Tutorial statistics

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

Advertisements