::-Cutie-::

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

I wanted to make something really cute so...

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>Page title</title>
<STYLE TYPE="text/css">

body , tr , td ,  p , {
margin: 0; padding: 0; color: #FFFFFF; font-size: 12px; font-family: arial; background-color: #E96293; scrollbar-face-color: #E96293; scrollbar-arrow-color: #E96293; scrollbar-track-color: #E96293; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #E96293; scrollbar-3dlight-color: #FFFFFF; scrollbar-highlight-color: #E96293;}
input , textarea , select {
background : #E96293; font-size: 12px; font-weight: bold; font-family: Arial; color: #FFFFFF; border: 1px solid #E7ECF5; } 
i {
font-size: 12px; font-family: Arial; color: #FFFFFF; 
} 
b {
font-size: 12px;  font-family: Arial; font-weight: bolder; color: #990033; 
} 
u {
font-size: 12px;  font-family: Arial; color: #FFFFFF; 
} 
s {
font-size: 12px; font-family: Arial; color: #FFFFFF; 
} 
h1 {
color: #FFFFFF; letter-spacing:1px; border-bottom: 1px solid #FFFFFF; background-color: #E96293; font-size:15px; text-align: right; font-family: Arial;
}
h2 {
color: #FFFFFF; letter-spacing:2px; border-bottom: 1px solid #FFFFFF; background-color: #E96293; font-size:12px; text-align: right; font-family: Arial;
}
A:link {
color: #FFFFFF; border-bottom: dotted 1px #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Arial; cursor:crosshair; height: 1px; 
} 
A:visited {
color: #FFFFFF; border-bottom: dotted 1px #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Arial; cursor:crosshair; height: 1px; 
} 
A:active {
color: #FFFFFF; border-bottom: dotted 1px #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Arial; cursor:crosshair; height: 1px; 
} 
A:hover {
color: #FFFFFF; border-bottom: dotted 1px #FFFFFF; text-decoration: none; background-color #1; font-size: 13px; font-weight: bold; font-family: Arial; cursor: crosshair; 
}
a.menu, a.menu:active, a.menu:link, a.menu:visited {
display: block; border-bottom: dotted 1px #FFFFFF; font-size: 12px; font-family: Arial; color: #FFFFFF; font-weight: none; background-color: #E96293; text-align: left; letter-spacing: 1px; height: 7px; 
} 
a.menu:hover {
display: block; border-bottom: dotted 1px #FFFFFF; font-size: 12px; font-family: Arial; color: #FFFFFF; font-weight: none; background-color: #E96293; text-align: right; letter-spacing: 1px; height: 7px; 
}
a img {
border: none; border-bottom: 0px; 
}
#container
{
margin: 1em ; background-color: #E96293; background-repeat: repeat-y; border: 1px solid #FFFFFF; width: 600px;
}
#banner
{
background-color: #E96293; background-image: url(http://s07.picshome.com/53e/banner(1).jpg); height: 300px; width: 600px; border-bottom: 1px solid #FFFFFF;
}
#banner h1
{
margin: 0; padding: .5em;
}
#nav
{
float: left; width: 200px; margin-left: 0px; padding-top: 1em;
}
#nav p
{
margin-top: 0px; margin-left: 2px;
}
#content
{
padding-top: 1em; margin: 0 0em 0 200px; border-left: 1px solid #FFFFFF;
}
#footer
{
clear: both; background-image: url(http://s07.picshome.com/53e/footer(2).jpg); background-color: #E96293; padding: .2em; width: 600px; height: 50px; text-align: right; border-top: 1px solid #FFFFFF;
}

</style>
</head>

<body>

<div id="container">
   <div id="banner"></div>
   <div id="nav">
      <h2>About Me</h2>
<p>
<img src="http://layouts.cbimg8.com/28/14111c.gif">
<br />
<b>Age:</b> 800 years old (I'm lying)<br />
<b>I like:</b> Boogers & men under 700 <br />
<b>Sex:</b> Female?<br />
<b>I opposite of like:</b> nosebleeds and pineaple ice cream<br />
</p>
<h2>Title</h2>
<p>
<a href="http://www.createblog.com/" class="menu">Link</a>
<a href="http://www.createblog.com/" class="menu">Link</a>
<a href="http://www.createblog.com/" class="menu">Link</a>
<a href="http://www.createblog.com/" class="menu">Link</a>
<a href="http://www.createblog.com/" class="menu">Link</a>
<br />
<br />
</p>
<h2>Credits</h2>   
<p>
Layout by: <a href="http://www.geocities.com/angelic_eyez102/">angel_eyez102</a>
<br />
D/L: <a href="http://www.createblog.com/">createblog.com</a>
<br />
Brushes: <a href="http://veredgf.fredfarm.com/vbrush/main.html">Vered Bruhes</a>
</p>
</div>
   <div id="content">
      <h1>
         Page heading
      </h1>
     <p>
Hoping this gets accepted >.<
<br />
This is the "Main Content Area" by the way.
<br /><br />
Text Examples:<br />
<b>bold text</b><br />
<s>stricken text</s><br />
<i>italic text</i><br />
<u>underlined text</u><br />
|*<a href="http://www.createblog.com/forums/index.php?showtopic=14636">URL</a>*| (Createblog's big book of resources)
<br /><br />
Make Sure that the "content" is longer than the left part or else things will get a bit messy, you can use the < br > tag
</p>

<h1>Another Title</h1>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus nunc. Mauris sit amet erat et augue venenatis egestas. Integer at massa eget ipsum sagittis commodo. Cras lorem. Sed neque magna, iaculis ac, varius in, mattis vitae, est. Nam iaculis lacus sed neque. Fusce in nibh. Nam tincidunt pulvinar nunc. Donec leo nulla, tincidunt ac, viverra sed, rutrum placerat, diam. Praesent non nibh a lectus viverra venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin nunc velit, vulputate vel, posuere nec, posuere nec, arcu. Nulla pede ipsum, tristique et, pharetra sed, dignissim in, justo. Vivamus adipiscing purus. Morbi id nunc. In iaculis elit non lorem. Ut adipiscing diam ac ligula. Aenean erat sem, dapibus viverra, elementum. 
<br />
<br />
</p>
   </div>
   <div id="footer">
<br />
   </div>
</div>
<br />

</body>
</html>

Layout Comments

Showing latest 3 of 3 comments

i love it

By IVIike on Jan 13, 2007 1:38 pm

its adorable and piiiiiiiiink

By hypnotique on Nov 26, 2006 4:51 pm

OMG its so gorgeous its so pink!

By kaykaylicious on Nov 23, 2006 4:48 pm

Layout Details

Designer	empyrean102
Submitted on	Aug 25, 2006
Page views	19,612
Favorites	15
Comments	3

::-Cutie-::

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates

::*-*Cutie*-*::

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates

::-Cutie-::