Your Site Name Here

About This Layout

This layout features two characters from the Japanese Drama T.V. show Gokusen. I called it "Sweet Crush" because it seemed to fit the image and look of this layout. This layout has an image map for the navigation. If you look up top there are the numbers 1, 2, 3, 4, and 5. Those are the links. To change them to where you want them to go just read the Installment down below. I have also made some extras for you down below. This layout was coding in Notepad and designed in Paint Shop Pro 12. It was tested in the screen resolutions 800x600 and up. It works in all of the screen resolutions 800x600 and up but, looks best with a screen resolution of at least 1024x768 or higher. Don't forget to read the Terms of Use down below and here as well. Please enjoy this layout.

1. Only edit where it says to edit in the coding.
2. Do not edit the stylesheet.
3. Do not redistribute this layout.
4. Do not edit or remove the copyright.
5. Do not even tamper with the design. I made it. If you don't like the way it looks please try another layout.

Installment

1. Unzip the file once you have downloaded this layout using a program such as winzip.
2. Edit where it says to edit and end where it says to end. If you don't follow this exactly you will maybe mess up the coding.
3. Edit "EDIT HERE 1" with putting your site name where it says "Your Site Name Here". Do not remove the <title> tags.
4. Edit "EDIT HERE 2" with putting the page you want the numbers on the layout "1, 2, 3, 4, 5" to link to by only editing this part :: href="index.html". Just replace the index.html with the desired page. Do not mess with the shape or coords. You may change the alt="" to what ever you want. That way people will know what each number will take them to.
5. Edit "EDIT HERE 3 by putting all of your content here. Remember to sepreate them using <p class="lgb">Your Header Title Here</p> and after that put your content... don't forget to put <p> after each content area. Just like I have it in the coding.
6. Edit "EDIT HERE 4" by replacing this part --> "your url here or email address - use 'mailto:' before your email address to make it work" | and this part --> "Your Name Here or Site Name"
7. Make your pages by duplicating the index.html and making them different. Don't forget to rename them (example: pictures.html).
8. Upload to your server!

CSS Preview

Bold Italic Underlined Link

Files Included

1. top.jpg
2. index.html
3. bg.jpg
4. stylesheet.css
5. middle.jpg
6. lgb.jpg
7. avatar.jpg
8. avatar2.jpg

Extra Extra!