Sweet Love

Designer's Comments

Look carefully for specific instructions

Information on the layout. :)
This layout is a website template; it cannot be used for MySpace, Blogger, etc.
Please do not remove the credit. =)
You can download the whole package at my website, here. The download package contains all the images used in this layout and additional information. :)

And, don't forget to pay a visit to my little website, Heart Bliss

NOTE: This layout has valid coding and CSS and is coded in XHTML. It can easily be converted to a Wordpress theme.

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Sweet Love</title>

#container {
background: url(http://cbimg6.com/layouts/09/10/35793aa.jpg) repeat-y;
width: 768px;
margin:  0 auto;
border: 1px solid #ceb096;
}

#header {
height: 288px;
background: url(http://cbimg6.com/layouts/09/10/35793ab.jpg) no-repeat;
margin-top:  0px;
width: 768px;
}

#content {
width: 540px;
margin-top: 70px;
padding-left: 220px;
}

#sidebar {
width: 160px;
margin-top: -370px;
padding: 5px;
color: #ffffff;
font-family: Tahoma;
line-height: 1.5em;
font-size: 12px;
}

.sidebar:link, .sidebar:active, a.sidebar:visited, a.sidebar:hover {
color: #eeeedd;
}

#footer {
background: transparent;
border-top: 1px dotted #815324;
text-align: center;
width: 400px;
text-align: center;
padding: 10px;
margin: 0 auto;
margin-right: 70px;
}

.sitename {
font-family: Georgia;
font-size: 35px;
font-style: italic;
font-weight: normal;
color: #80CEE2;
margin-top: -227px;
margin-left: 340px;
}

h1 {
text-align: right;
color: #42bbb4;
font-style: italic;
font-family: georgia;
font-size: 25px;
font-weight: normal;
}

h2 {
text-align: right;
color: #0D7CD1;
font-family: georgia;
font-style: italic;
font-size: 22px;
border-bottom: 1px dashed #989696;
padding-bottom: 3px;
font-weight: normal;
margin-bottom: 3px;
}

a:link,a:visited,a:active {
text-decoration: none;
font-family: Georgia;
font-size: 12px;
cursor: crosshair;
color: #01adb9;
}

a:hover {
color: #989696;
}

b, strong {
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
color: #815324;
}

i, em {
font-family: georgia;
font-style: italic;
font-size: 12px;
color: #70370f;
}

u {
font-family: Tahoma;
font-size: 12px;
border-bottom: 1px dotted #989696;
color: #42BBB4;
padding-bottom: 1px;
letter-spacing: 1px;
text-decoration: none;
}

blockquote {
font-family: tahoma;
font-size: 12px;
width: 350px;
margin: 8px;
padding: 5px;
background: #fff;
cursor: default;
border: 1px solid #dddbde;
}

.nav:link, .nav:visited, .nav:active {
display: block;
font-family: Georgia;
font-size: 25px;
color: #eeeedd;
cursor: crosshair;
text-decoration: none;
text-align: left;
margin: 3px;
padding: 2px;
border: none;
font-style: italic;
text-transform: lowercase;
font-weight: normal;
}

a.nav:hover {
color: #ddccbb;
}

</style></head>

<body>

<div id="content">
<h1>Header 1</h1>
<blockquote> This is a blockquote</blockquote>
<b>Bold</b>.<i>Italic</i>.<u>Underlined</u>.<a href="link" target="_blank">Link</a><br />

<p>This is a very simple layout, preferably for simple websites. This layout mainly consists of brushes from <a href="http://innocense.org">Innocense</a> and <a href="http://swimchick.net">SwimChick</a>. :)<br />
<br />
You may edit the coding or use it as the base for your layout; but credit is a <b>MUST</b>. That being said, the coding is currently valid (including the CSS); but I cannot guarantee vaild coding after you edit it.<br />
<br />
Please keep the credit intact and enjoy the layout!

<h2>Title here</h2>
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.
</div>

<div id="sidebar">

<h2>Navigation</h2>
<a href="#" class="nav">Link 1</a>
<a href="#" class="nav">Link 2</a>
<a href="#" class="nav">Link 2</a>
<a href="#" class="nav">Link 2</a>
<a href="#" class="nav">Link 2</a>

<h2>Title here</h2>
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
</div>

<div id="footer">Layout designed & coded by <a href="http://heartbliss.info" target="new">Priya</a> at Heart Bliss.<br />
Valid <a href="http://validator.w3.org/check?uri=referer" target="new">XHTML</a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" target="new">CSS</a><br />
Footer information here.
</div>
</div>

</body>
</html>

Layout Comments

Showing latest 10 of 10 comments

It's a great layout! very simple & cute .. i defo have to use it!

By x-hotchocbun-x on Apr 16, 2010 4:20 am

It looks alright, but not very "eye-catching" in my opinion. This style seems to be a bit overused and to be honest, I'm not very fond of the child brushes used in this layout. Again, it's alright but not great.

By Mikeplyts on Oct 11, 2009 1:21 pm

This is cute. I like how simple and clean it is.

By karmakiller on Oct 6, 2009 9:53 pm

ahaha i've seen your site before!
This layout is very cute and simple.
but for future reference you should save the layout images as png so they don't seem as fuzzy.

&congrats on the domain~

By baiorin on Oct 3, 2009 6:04 pm