Navigation 1


Link
Link
Link
Link
Link
Link
Link
Link
Link

Navigation 1


Link
Link
Link
Link
Link
Link
Link
Link
Link

Navigation 1


Link
Link
Link
Link
Link
Link
Link
Link
Link

Navigation 2


Link
Link
Link
Link
Link
Link
Link
Link
Link

Navigation 2


Link
Link
Link
Link
Link
Link
Link
Link
Link

Navigation 2


Link
Link
Link
Link
Link
Link
Link
Link
Link

Credits

Layout & PNG

Introduction

Oh. Em. Eff. Gee. The concept of this layout was easy, as was the designing. THEN I GOT TO THE CODING. O.M.F.G. W.T.F. The coding was INSANE. I had to code it in table because I had two repeating backgrounds (gradient background and the stripped background which had to be changed to a checkered background because of the font). I had to crop/slice it five times. THAT'S RIGHT. FIVE. FRIGGIN. TIMES. Then I had to recut the one of the slices six more times. The gradient had to be shortened as well. And the folders, OMFG. I had like six image folders and BLAH. All the file paths had to be fixed and Anyway, its purdy isn't it? =) I like it, but I ran out of ideas on things to do with the image. I'd rather leave it somewhat plain than obviously horrible. Anyway. Image features the girl (her name slips my mind). OH YEAH! Su! =D Yeah, Su's her name. I think. Oh, whatever. Took about.... two or three days? Because I've been playing Tales of Symphonia again. Damn, Kratos is so hot. Lloyd too. And Zelos. And Regal.... Um. Made in Adobe Photoshop, sliced in Imageready, coded in Dreamweaver. I wouldn't bother typing out the text on the main image... I'm lazy =x

Instructions

~ Download the file.
~ EXTRACT (do not click and drag) the files.
~ Upload everything to your server.
~ Open and edit index.html and use it as a template for the other pages. ONLY EDIT WHERE TOLD TO! If you look, you'll see

<!-- BEGIN LEFT NAVIGATION -->
<!-- END LEFT NAVIGATION CONTENT -->
<!-- BEGIN RIGHT NAVIGATION -->
<!-- END RIGHT NAVIGATION -->
<!-- BEGIN CONTENT -->
<!-- END CONTENT -->

Only edit between those markings, otherwise, you'll mess up the coding. I suggest making a copy of index.html and saving it as a copy incase you mess something up.
~ Save your changes and enjoy!
There's also a README file incase you need extra help.



I'm going to say this once and only once: DO NOT TOUCH THE CODING UNLESS YOU KNOW WHAT YOU'RE DOING! This layout's coding took me HOURS FOR A REASON! The tables are coded differently and the links to all the images are all wacky and stuff. DON'T TOUCH THE LINKS! DONT MESS WITH THE CSS!

Rules

Don't claim as your own.
Don't take parts from the layout and claim as your own.
Don't take off the credits.
Don't steal my coding.
Don't be stupid.

Previews


Text
Bold
Italtics
Link

Goodies

Oh yes. After struggling for several hours with this layout, I managed to make some goodies. Three avatars and one button. Enjoy. I'm tired.

Credits

Don't remove. Just don't.
Layout & PNG - Guardian Dreams Designs