Beauty..~

Designer's Comments

Look carefully for specific instructions

Hello! My second premade layout!
Hope you like it!

Credits :
Atomica
Ro Stock
Saruna

Please don't take off my credit!

~~~

And, please visit my little site - Heart Bliss

=)

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>Beauty..~</title>

body {
background-color: #fcdfe7;
font-size: 11px;
font-family: verdana;
line-height: 1.7em;
color: #525251;
}

#container {
background: url(http://cbimg6.com/layouts/09/05/34526aa.jpg) repeat-y;
width: 620px;
margin: 0 auto;
padding-left: 0px;
}

#header {
height: 489px;
background: url(http://cbimg6.com/layouts/09/05/34526ab.jpg) no-repeat;
}

#footer {
background: url(http://cbimg6.com/layouts/09/05/34526ac.jpg) no-repeat;
height: 109px;
clear: both;
}

#content {
width: 456px;
float: left;
margin-top: -60px;
padding-left: 75px;
}

#navi {
width: 470px;
margin-left: 150px;
margin-top: -85px;
padding: 1px;
}

h1 {
text-align: center;
color: #1cb9da;
font-family: georgia;
font-size: 32px;
font-style: italic;
font-weight: normal;
}

h2 {
text-align: right;
color: #f25cdf;
font-family: georgia;
font-style: italic;
font-size: 22px;
border-bottom: 1px dashed #c8c7c8;
padding-bottom: 1px;
font-weight: normal;
}

a:link,a:visited,a:active {
text-decoration: none;
font-family: verdana;
font-size: 11px;
cursor: crosshair;
color: #b358dd;
}

a:hover {
font-family: verdana;
font-size: 11px;
border-bottom: 1px dashed #bbbdbd;
text-decoration: none;
cursor: crosshair;
color: #25aecb;
padding-bottom: 1px;
}

b {
font-family: verdana;
font-size: 11px;
font-weight: bold;
color: #f25cdf;
}

i {
font-family: georgia;
font-style: italic;
font-size: 11px;
color: #26c7d6;
font-weight: bold;
}

u {
font-family: verdana;
font-size: 11px;
border-bottom: 1px dotted #2fb1af;
color: #ccad1d;
padding-bottom: 1px;
text-decoration: none;
}

blockquote {
font-family: verdana;
font-size: 11px;
width: 350px;
margin: 8px;
padding: 3px;
background: #fff;
border-left: 8px solid #2fb1af;
align: center;
cursor: default;
}

.nav:link, .nav:visited, .nav:active {
display: inline;
font-family: Tahoma;
font-size: 8pt;
color: #a137e5;
cursor: crosshair;
text-decoration: none;
text-align: left;
margin: 5px;
font-weight: bold;
padding: 2px;
border: none;
}

a.nav:hover {
display: inline;
font-family: Tahoma;
font-size: 8pt;
color: #bb80e1;
cursor: crosshair;
text-decoration: none;
text-align: left;
margin: 5px;
font-weight: bold;
letter-spacing: 1px;
padding: 2px;
border: none;
border-bottom: 1px dashed #bbbdbd;
}

#link {
float: left;
width : 248px;
height: 25px;
margin-left: 175px;
margin-top: 48px;
text-decoration: none;
border: none;
cursor: crosshair;
}

</style></head>

<body>

<div id="content">
<h1>Title here</h1>
<blockquote> Welcome to my site!</blockquote>
<b>Bold</b>.<i>Italic</i>.<u>Underlined</u>.<a href="link" target="_blank">Link</a>.<br>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit
augue duis dolore te feugait nulla facilisi.</p>

<h2>Title here</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit
augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit
augue duis dolore te feugait nulla facilisi.<br>
</p>
</div>

</html>

Layout Comments

Showing latest 10 of 16 comments

I LOVE these pink and blue colors! The flower looks like you can almost TOUCH it!

By Butterface89 on Aug 12, 2013 1:43 pm

soooo perrrrrrrrrrty. i searched through like 50 pages and this was the prettiest one i found. the others can't even compare. i was wondering if you could help me use this? i never had a blog before, but would like to start one...

i read somewhere that u have an error in your html coding, but have no idea where it is or how to fix it...:S

anyway, i would really appreciate if u could help a newbie learn the ways of blogging (i signed up for a blogger account via Google) and i PROMISE to make it very clear that u made it and get your name out there. :)

Thanks!

By butterflypoo on May 31, 2009 4:38 pm

This is beautiful. How can I get in touch with you to design a page for me?

By dejab on May 18, 2009 2:02 pm