Rock My World

Designer's Comments

Look carefully for specific instructions

Read the comments throughout the ccode to figure where everything is. Basic HTML/CSS required.

Layout Code

Copy and paste to Template HTML

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

<style type="text/css">
/* link styles */
A{text-decoration:none; color: #CC3300;}
A:link{text-decoration:none; color:#CC3300;}
A:visited{text-decoration:none; color: #CC3300;}
A:hover{text-decoration: line-through; color:#000000;}
/* decoration styles */
b, strong{font-weight: lighter; color:#993366;}
i, em{text-decoration: italic; color: #CC0000;}
u{text-decoration: underlined; color: #993300;}
/* main styles */
body,td{font-family: Georgia, "Times New Roman", serif; font-size: 11pt; color: #000000; overflow-x: none; cursor: crosshair; background: #FFCCCC url("http://layouts.cbimg9.com/32/16209d.jpg")  center center repeat;}
/* layout junk */
#navigation{position: relative; width: 183px; height: 50%; overflow: visible; left: 405px; top: -410px!important; top: -1280px;}
#main{position: relative; width: 400px; height: 50%; overflow: visible; left: 595px; top: -90px!important; top: -77px;}
#img{margin-top: -10px!important; margin-top: -15px; margin-top: -10px!important; margin-top: -15px; margin-right: -7px!important; margin-right: -8px;}
h1{font-family: Georgia, "Times New Roman", serif; font-size: 14pt; color: #000000; text-align: right; border-bottom: 1px solid #990033;}
hr{border: 1px solid #990033;}
</style>
</head>
<body>

<div id="img" align="right"><img src="http://layouts.cbimg9.com/32/16209c.jpg" alt="you rock my world" border="0"></div>

<div id="main">
<h1>Welcome</h1>
This is Reili's layout, entitled <i>Rock My World</i>. 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>
If you're at all curious, the text on the image reads....<br>
"<i>Doesn't matter where, just wanna be with you. It's so hard to keep my cool when all I wanna do is hold you</i>"<br>
Yeah.... Made it up off the top of my head while I was making the layout. XD Aren't you proud of me? The following is the "entry" template, by the by. Please stop editing when you get to the credits in the sidebar ...
<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.
</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>

<a href="http://gallery.aethereality.net/">Aethereality</a> for the image.<br>
<a href="http://blewmyallowanceonmanga.net/">Reili</a> coded.<br>
</div>
</body>
</html>

Layout Comments

Showing latest 5 of 5 comments

It's misaligned in FF, but other than that, love the image&colours. =]

By DelicateLove on Nov 13, 2007 6:09 pm

what anime is it from?

By MoshingD on Jul 8, 2007 6:39 am

kawaii desu

By MoshingD on Jul 8, 2007 6:38 am

its alright

By Chicago on May 14, 2007 10:01 pm

this ones nice not something i would use though

By IVIike on Jan 15, 2007 4:30 pm

Layout Details

Designer	talcumpowder
Submitted on	Jan 15, 2007
Page views	8,222
Favorites	14
Comments	5

Rock My World

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates