header



Join us at Pink Rose Creations for Web Design Lessons.

Web Set Tutorial 29
Author: Ann Stalls
October 29, 2010



Supplies Needed:



Supplies and codes are HERE.

Graphic or Tube for header
two tone textured gradient bg for bg1
(must be seamless tiled)
Supplies have been made seamless.
bg1 you will write on.
two toned textured gradient for bg2
two toned gradient for bg3
solid color for bg4
(This will be border trim color)
Scrollbars should match bg4 solid color.
header needs to be a png file.
divider needs to be a png file.
buttons
footer
guestbook
Wording for marquee.
This code includes a marquee, moving text.



bullet


Supplies include:

1 greyscaled gradient textures

1 greyscaled gradient textured strip

1 greyscaled gradient strip

The supplies have been tiled seamless.

You will need to colorize them or create your own.

Directions to Colorize Greyscaled Gradient Backgrounds:

greyscaledbg1 greyscaledbg2 greyscaledbg1

1. Choose two colors from your header in the material box.

materialbox

2. Change it to a gradient in your material box.

Settings for Gradient.

gradient settings

3. To colorize the greyscaled gradient bgs:

Use Change To Target

change to target

4. Use Mouse and color over all the greyscaled backgrounds.

5.Make sure you choose a solid trim color and matching scrollbar color for bg4.



bullet


File Names:
Name your files as I have:

header(png file)
bg1
bg2
bg3
bg4
divider(png file)
guestbook
footer
back
email
facebook
map
links
map
next
home

Make a blank button to save.


bullet


The html code is set for all images and backgrounds to be jpgs except the header and divider are png files.

Remember to save your txt code as a html file.

bullet


Also, note that the color html code numbers for the scrollbars#, bordercolor, and font colors,
need to be changed to match your colors.

Any changes you make with file extenstions must all be changed
in the code so it works.

bullet


I hope you enjoy this Webset Tutorial.

Click HERE to see another example of this webset.

I would love for you to show me what you have done with this tut.

Email me at pinkrose4ann@yahoo.com or join our group.

Join us by clicking on the Pink Rose Creations blinkie.

 Join Us

Please come back again.

I am always updating.


To return to the Webset Tutorial menu click
HERE.



rose bullet



divider


Facebook My Banners
map links

divider


guestbook

divider


back next
home email

divider


footer


Designed by ©Ann Stalls for  Lady Ann Designs 2010 All Rights Reserved