Web Set 5 Top Borders
By Ann Stalls
October 7, 2008








This top border requires a graphic and a top border mask.

Supplies and code HERE.


Directions for bg1

1. Resize any graphic to 300 height, width will adjust.

Example of my graphic:

orginal graphic

2. Image>Resize:

Settings:

settings

Example of my Resized graphic to 300 height:

resized graphic

3. Add Mask to graphic:

4. Layers>New Mask Layer>From image

add mask

5. Layers>Merge>Merge Group

Merge Group

Once you have your masked graphic:


Masked Graphic

Image>6. Canvas Size>Duplicate the width and keep the save height.

Settings:

canvas settings

Example:

Canvas Example

7. Layers>Duplicate

Layers Duplicate

8. Image>Mirror
Mirrored image

9. Layers>Merge>Merge Visible

Merge Visible

10. Effects>3D Effects>Drop Shadow

Settings:

Drop Shadow Settings

11. Layers>New Raster Layer

New Raster Layer

12. Layers>Arrange>Send to bottom

Arrange to bottom

13. Flood fill with color only no patterns

Example:

Merged Layers

14. Layers>Merge>Merge All Flatten

Merged All Flatten

15. File Export to jpg at 15 to save as bg1.

16. Note the color html code for the color under the mask graphic.



Parts needed for this webpage.
Name them as I have so the code will work.



bg1
bg1

background color
#0091a2
Insert this color code where it saids:
background-color: "#0091a2";
and here.
bgcolor="#0091a2"

back
back

email
email

home
home

next
next

footer
footer

divider
divider

guestbook
guestbook

You have to edit the following in your code as before:

font color
scrollbar color
buttons numbers
bg color must match the color from bg1.


To add music, add this code after the header.

You will need to change it to your file name and file extenstion.

<embed src="41.mp3" autostart="true" hidden="true">

Make sure you save your txt file as a html file.

Upload all your files in a folder.

Please check on another version of this web set tutorial by clicking on the icon below.
bullet
If you have any questions, please email me at:
pinkrose4ann@yahoo.com


I would love to see your results.

Please join my group to show off your web pages.

Just click on Pink Rose Creations blinkie to join my group.

Pink Rose Creations


Thank you!

Lady Ann



Please sign my guest book.

guestbook


back next
home email


footer
Ann Stalls 2008
All Rights Reserved
Designed and Maintained by Ann Stalls