About the Layout

How this layout came to be...

My first official non-anime premade layout! =D Using one of my favourite movies, I have designed a div layout featuring Edward Cullen and Bella Swan from one of the hit movie/book series Twilight. I cannot remember which movie these scenes were from (maybe the first movie?), but I knew what I was going to do with it when I collected them. I think the actors selected to play these characters were perfect; the chemistry was so good! I called this design "An Instant Connection" because these two instantly connected upon first meeting each other. So what do you all think of the first offical non-anime design offered at Heart's Melody? Do leave your comments in my cbox on the site =3 If you have any questions with how to use this layout, again, do not hesitate to e-mail me =)

Please note: This layout is best viewed in Google Chrome and in a screen resolution of 1280x800. Other browsers are okay too; I've checked with the latest versions of Firefox and Internet Explorer and it displays perfectly fine =)

Layout CSS

The layout's style

Normal text Bold text Italic text Underlined text Link Strike text

Header 1

Header 2

Navigation header

This is a blockquote. It can be used as a place to post a brief introduction to your site, recent updates or statistics

Terms of Use

This is a must-follow if you use this premade design

1.) DO NOT remove the credits and claim the layout as your own
2.) DO NOT redistribute this layout or any of the graphics associated with this layout
3.) DO NOT edit the HTML/CSS/layout images, you must use it as is, however, you can edit the avatar to put your name on it. You can modify the font size, font family or the font colours, nothing else. If you know a little CSS, you can add, but not modify/change/edit, extra CSS codes to the current stylesheet if you wish, but please do not claim this layout design as your own

How to Use this Layout

General instructions on how to use this =)

1.) Download and unzip the layout file
2.) Open up "index.html" and edit the content and navigation so it applies to you
3.) Make a new folder, call it images, and upload all the images into that folder
4.) Upload remaining files into your main directory


Layout bonuses

Just the one 100x100 icon used in the introduction. There are two other matching icons featured in the "non-anime" icons category as well. If you would like a personalized button or icon that goes with this layout, feel free to e-mail me =)