About the Layout

A basic introduction to this layout

Awww...isn't this layout cute? I love the colours I chose for this layout ♥ It's the first official div-centred premade layout designed for your use by Heart's Melody. I have now learned how to code a centred layout without using tables; it's strictly div (and less confusing I find). It features Princess Sakura and Prince Oura (Aoba) from Arina Tanemura's series Sakura Hime Kaden (Sakura Hime: The Legend of Princess Sakura). It's a new series I'm currently reading and I have all the volumes released thus far, waiting for the next volume next month! =D When I saw this image, I wanted to make a wallpaper with it (which I did) and while designing the wallpaper, I realized I really like the colours for it..so, I turned it into a layout as well. Clever huh? Now there's..a wallpaper, a PNG, an icon and a premade layout featuring this couple lol. I'm tempted to change HM's layout to a Sakura Hime themed one now..maybe later =P Anyways, any questions, feel free to e-mail me =)

Please note: This layout has been coded and tested in the latest version of Firefox, Google Chrome and Internet Explorer and is best viewed in a screen resolution of 1280x800 or higher.

Layout CSS

The layout's style

Normal text Bold text Italic text Underlined text Link

If you want a nice little border/outline around your images, just follow this code below:

Header 1

Header 2 (this is optional to use)

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 only modify the margins/padding, 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. If you would like a personalized button or icon that goes with this layout, feel free to e-mail me =)