Something Like Love

Designer's Comments

Look carefully for specific instructions

There are some comments in the code that'll help you, but HTML/CSS know-how would probably help more.

Layout Code

Copy and paste to Template HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Ribbons//Something Like Love</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style types="text/css">
/* link styles */
A{text-decoration:none; color: #CC6699;}
A:link{text-decoration:none; color:#CC6699;}
A:visited{text-decoration:none; color: #CC6699;}
A:hover{text-decoration: line-through; color:#FF9999;}
/* decoration styles */
b, strong{font-weight: lighter; color:#CC99CC;}
i, em{text-decoration: italic; color: #FF9999;}
u{text-decoration: underlined; color: #CC6699;}
/* main styles */
body,td{font-family: Georgia, "Times New Roman", serif; font-size: 11pt; color: #000000; overflow-x: none; cursor: crosshair; background: #FFFFFF url("http://layouts.cbimg9.com/32/16207d.jpg")  center center repeat;}
/* layout junk */
#navigation{position: relative; width: 135px; height: 50%; overflow: visible; left: 504px; top: -470px!important; top: -1450px;}
#main{position: relative; width: 350px; height: 50%; overflow: visible; left: 645px; top: -150px;}
#img{margin-top: -10px!important; margin-top: -15px; margin-right: -7px!important; margin-right: -8px;}
h1{font-family: Georgia, "Times New Roman", serif; font-size: 15pt; color: #CC6699; text-align: right; border-bottom: 1px solid #CC99CC;}
hr{border: 1px solid #CC99CC;}
</style>
</head>
<body>

<div id="img" align="right"><img src="http://layouts.cbimg9.com/32/16207c.jpg" alt="love?" border="0"></div>

<div id="main">
<h1>Welcome</h1>
This is Reili's layout, entitled <i>Something Like Love</i>. It's
simple, and I like the style of it. Right-aligned and kawaii... What
more do you want from me?! -.-U The div, id'd "main", is where you put
the main content. 'kay? Then, the div, id'd "navigation", is where you
put the sidebar content. Use the h1 tags to make the title bars like I
have.<br>
<h1>Title</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat.
Suspendisse sem. Praesent aliquam tellus a erat. Proin quis risus at
velit porta dapibus. Donec orci eros, hendrerit at, vulputate vitae,
venenatis quis, enim. Vivamus vel pede quis dolor egestas iaculis.
Donec convallis. Praesent lectus dui, vestibulum at, imperdiet quis,
hendrerit et, ipsum. Aliquam erat volutpat. Integer nonummy. Vivamus
auctor mauris a est. Proin vulputate suscipit tortor. Nam justo enim,
condimentum vitae, ullamcorper nec, vehicula quis, ligula. Ut leo.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin arcu
urna, vehicula ac, commodo eget, tempus sed, massa. Aliquam ut leo et
lorem egestas aliquam. Vivamus vehicula.
Aliquam a eros et orci dignissim suscipit. Donec augue. Aenean rutrum.
Nam mi orci, dignissim eget, molestie sed, ornare nec, orci. Ut
faucibus elit eu lectus porttitor congue. Quisque adipiscing egestas
metus. Cras vulputate fermentum est. Etiam eget mauris at mi interdum
mattis. Aliquam non eros. Etiam ut leo sit amet massa vulputate
facilisis. Sed velit diam, volutpat ut, ornare a, aliquet ut, tortor.
Praesent feugiat leo nec dui. Integer fringilla mauris non risus
dapibus tempor. Nullam non turpis. Vivamus congue tellus eget urna.
Vivamus rutrum, nibh a bibendum interdum, nulla dolor consequat purus,
a vehicula erat augue nec erat. Sed vel turpis. Donec in augue. Nulla a
magna. Sed ultrices. Nulla facilisi. Aenean sagittis. Integer non
mauris. Cras posuere neque et justo. Sed posuere nulla a nulla. Donec
ornare mattis lacus. Pellentesque elit est, semper ac, ultrices
tincidunt, dapibus sit amet, nibh. Duis congue enim tincidunt est.
Etiam eget lectus. Proin et lacus. Mauris mollis dictum dui. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Praesent tristique feugiat tellus. Sed risus nibh, ultrices ut,
consectetuer sit amet, feugiat ac, enim. Donec mauris mi, sollicitudin
pretium, tristique convallis, placerat eu, metus. Sed mollis metus eget
nunc. Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Phasellus vestibulum metus ac purus.
Sed urna orci, posuere vel, malesuada sed, ultrices nec, diam.
Vestibulum vel mauris vel ante imperdiet feugiat. Donec eu sapien ac
metus nonummy consequat. Maecenas leo. Nulla facilisis faucibus dui.
Maecenas ullamcorper. Cras a tortor eu urna condimentum ultricies. Ut
nisl orci, pulvinar in, porta vel, porttitor ac, dolor. In ultrices, mi
ac pellentesque pulvinar, nunc enim dapibus augue, quis tincidunt est
nisl non purus. Vestibulum dapibus. Etiam nonummy tempor magna. Proin
viverra neque non tellus. Donec enim massa, luctus vitae, rhoncus ut,
viverra vel, nulla.<br>

<hr><a href="http://ribbons.blewmyallowanceonmanga.net/">Reili</a>
coded.<br>
<a href="http://www.aethereality.net/">Aethereality</a> gave the image.
</div>

<div id="navigation">
<h1>Links</h1>
<a href="http://">Link</a><br>
<a href="http://">Link</a><br>
<a href="http://">Link</a><br>
<h1>Title</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat.
Suspendisse sem. <i>Praesent aliquam tellus a erat.</i> Proin quis
risus at
velit porta dapibus. <u>Donec orci eros, hendrerit at, vulputate
vitae,
venenatis quis, enim.</u> Vivamus vel pede quis dolor egestas iaculis.
Donec convallis. Praesent lectus dui, vestibulum at, imperdiet quis,
hendrerit et, ipsum. <b>Aliquam erat volutpat. Integer nonummy.
Vivamus
auctor mauris a est.</b> Proin vulputate suscipit tortor. Nam justo
enim,
condimentum vitae, ullamcorper nec, vehicula quis, ligula. Ut leo.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin arcu
urna, vehicula ac, commodo eget, tempus sed, massa. Aliquam ut leo et
lorem egestas aliquam. Vivamus vehicula.
<h1>Credits</h1>

Coded by <a href="http://ribbons.blewmyallowanceonmanga.net/">Reili</a>.<br>
Image from <a href="http://www.aethereality.net/">Aethereality</a>.
</div>
</body>
</html>

Layout Comments

Showing latest 5 of 5 comments

It's misaligned for me in FF. Other than that, I love this layout! I love the image and colours; they're both so beautiful. =3

By DelicateLove on Nov 13, 2007 6:10 pm

this is a great layout
but the anime is disgusting >.

By PiNK-RAGe on Jul 19, 2007 12:42 pm

its sexy. i like it

By Chicago on May 14, 2007 10:02 pm

So prettyyy. Although there is a minor alignment problem in firefox for me. All the content is about 100-250px to the left instead of on the right completely.

By Insurmountable on Mar 11, 2007 1:25 pm

nice i like it its aligned great for me

By IVIike on Jan 15, 2007 4:30 pm

Layout Details

Designer	talcumpowder
Submitted on	Jan 14, 2007
Page views	7,649
Favorites	24
Comments	5

Layout Tags

, love, anime, reili, like love, purple