Pink Flowery Border Deux

Designer's Comments

Look carefully for specific instructions

This looks good in IE and FF and is really pretty! It's an altered version of a previous design I posted on here (but this design is wider and has "recent comments" in the side bar).

If you're looking for more designs, please visit my site:

suckmylolly.com

xx

ps* please do not remove the link back to me as this is released under Creative Commons Attribution 3.0 Unported License (ie: you can change it but keep the link back to me).

Using This Layout

For specific instructions read designer's comments

1. Log into blogger.com
2. Click on Template
3. Copy (ctrl c) and paste (ctrl v) code to EDIT HTML

Layout Code

Copy and paste to Template

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">

<head>

<!--

.style11 {color: #333333}

.testpic {

background-color: #FFFFCC;

}

-->

</style>
<$BlogMetaData$>

/*

=========================================================

BLOGGER

========================================================= */

/* ---------------------------------

GENERIC STYLE

--------------------------------- */

body {
	background-position: center;
	background-attachment: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	letter-spacing: normal;
	color: #FFFFFF;
	background-image: url();
	background-color: #000000;
}

a:link {
	color: #FF99CC;
	text-decoration: none;
}

a:visited {
	color: #FF99CC;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

input,textarea {

background-color: #FFFFFF;

color: #000000;

}

ul {

margin-top: 5px;

margin-left: 25px;

margin-bottom: 5px;

padding-left: 2px;

}

li {
	padding: 0px;
	list-style-image: url(http://cbimg6.com/layouts/07/10/29/22752ac.gif);
}

#menu ul{

margin-top: 5px;

margin-bottom: 5px;

margin-left: 15px;

list-style-type: square;

}

#menu li {

background: transparent;

padding: 0px;

font-size: 11px;

list-style-type: square;

}

.titolinilog ul{

margin-top: 5px;

margin-bottom: 5px;

margin-left: 5px;

list-style-type: square;

}

.titolinilog li {

background: transparent;

padding: 0px;

font-size: 11px;

}

blockquote {

background-color: #FF99CC;

border: 1px solid #000000;

padding: 10px;

font-style: oblique;

margin-left: 10%;

margin-right: 10%;

color: #000000;

}

a img {

border: 0px;

}

/* ---------------------------------

BLOG STYLE

--------------------------------- */

#box {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	width: 780px;
	background-image: url(http://cbimg6.com/layouts/07/10/29/22752ad.gif);
}

#head {
	background-image: url(http://cbimg6.com/layouts/07/10/29/22752ae.gif);
	height: 339px;
	border: 0px solid #FFFFFF;
	text-align: left;
	width: 780px;
}

#menu {
	float: right;
	text-align: left;
	font-size: 11px;
	color: #FFFFFF;
	width: 210px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 15px;
}

#boxblog {

padding-top: 15px;

float: left;

text-align: justify;

margin-bottom: 10px;

margin-left: 20px;

padding-right: 15px;

padding-bottom: 15px;

padding-left: 10px;

}

#footer {
	height: 21px;
	clear: both;
	font-size: 10px;
	color: #000000;
	text-align: center;
	background-image: url(http://cbimg6.com/layouts/07/10/29/22752af.gif);
}

#credits {

font-size: 10px;

font-weight: bold;

color: #FFFFFF;

text-align: center;

padding-top: 5px;

}

#credits a:link, #credits a:visited, #credits a:hover {

color: #333333;

text-decoration: none;

}

/* ---------------------------------

HEADER CONTENT STYLE

--------------------------------- */

#blogtitle {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16px;

text-align: left;

text-decoration: none;

color: #FFFFFF;

padding-top: 20px;

padding-left: 10px;

}

#blogtitle a:link, #blogtitle a:visited {
	color: #FF99CC;
	text-decoration: none;
}

#blogtitle a:hover {

color: #FFFFFF;

text-decoration: none;

}

#blogdescription {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

text-align: left;

margin: 5px 0px 0px 5px;

padding-left: 10px;

font-weight: bold;

color: #000000;

vertical-align: middle;

}

/* ---------------------------------

MENU STYLE

--------------------------------- */

.boxmenu {

margin-bottom: 25px;

text-align: left;

padding: 0px 5px 0px 5px;

font-size: 10px;

color: #FFFFFF;

font-family: Verdana, Arial, Helvetica, sans-serif;;

}

.voicemenu {
	color: #FFFFFF;
	font-size: 12px;
	padding: 3px 5px 3px 0px;
	margin-bottom: 5px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	;
	border-bottom: 0px solid #333333;
	font-weight: bold;
}

/* ---------------------------------

POST STYLE

--------------------------------- */

.divlog {

padding: 0px 5px;

background-color: transparent;

margin-bottom: 40px;

width: 450px;

}

.titlepost {

text-align: left;

color: #FF99CC;

font-size: 14px;

font-weight: bolder;

text-transform: capitalize;

padding: 0px 5px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}

.titlepost a:link, .titlepost a:visited {

color: #FF99CC;

text-decoration: none;

font-weight: bolder;

}

.titlepost a:hover {

color: #FFFFFF;

text-decoration: none;

}

.datepost {

color: #FFFFFF;

font-size: 36px;

font-weight: lighter;

text-transform: lowercase;

text-align: right;

float: right;

padding-top: 3px;

}

.data {

color: #FFFFFF;

font-size: 12px;

text-align: left;

padding-left: 5px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}

.text {

color: #FFFFFF;

font-size: 12px;

text-align: justify;

margin-top: 9px;

margin-right: 0px;

margin-bottom: 9px;

margin-left: 0px;

padding-right: 0px;

padding-left: 8px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}

/* ---------------------------------

COMMENTS STYLE

--------------------------------- */

#comments {

text-align: left;

color: #FFFFFF;

font-size: 12px;

font-family: Verdana, Arial, Helvetica, sans-serif;

text-transform: capitalize;

padding: 0px 0px 2px;

margin: 20px 0px;

}

.comment-body{

color: #FFFFFF;

font-size: 12px;

text-align: left;

margin: 5px;

font-weight: normal;

padding: 0px;

width: auto;

float: none;

}

.data-comments {

text-align: left;

color: #FFFFFF;

font-size: 12px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: normal;

text-transform: capitalize;

border-bottom: 0px solid #FFFFFF;

border-top: 0px solid #FFFFFF;

padding: 2px 0px;

margin: 20px 0px;

}

.comment-data {

border-bottom: 1px solid #FFFFFF;

border-top: 1px solid #FFFFFF;

color: #FFFFFF;

text-transform: capitalize;

text-align: left;

font-size: 12px;

padding-bottom: 2px;

padding-left: 3px;

padding-top: 5px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}

.home {

float: right;

}

.style3 {

color: #FFFFFF;

font-family: Verdana, Arial, Helvetica, sans-serif;

}

.style5 {
	color: #CCCCCC;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.style6 {
	font-weight: bold;
	font-size: 12px;
	color: #FF99CC;
}

body,td,th {
	color: #FFFFFF;
}
.footermeta {	color: #fff;
	font-size: 11px;
	float: right;
	margin: 0 10px 10px 0;
}
.style15 {font-weight: bold}
.style16 {
	font-size: 18px;
	color: #FF99CC;
}
.style17 {font-size: 12px}
.style18 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.style19 {font-weight: bold; font-size: 14px; color: #FF99CC; }
</style>

</head>

<body>

<div id="head">
 
        <div id="blogtitle">
          <h3 align="right"> </h3>
    </div>
    <div id="blogdescription"></div>

</div>

<div id="menu">

</span>
<br />
<br><br>
<div class="boxmenu">

About me: </div>
 <p align="center"><span class="style6">Name:</span> <$BlogOwnerFullName$><br />
                     <span class="style6">Home:</span> <$BlogOwnerLocation$><br />
                     <span class="style6">About Me:</span> <$BlogOwnerAboutMe$><br />
                     <br />
                 <a href="<$BlogOwnerProfileUrl$>" class="style9">See my  profile...</a></p>
</div>

Archives:

</div>

<ul>

</BloggerArchives>

</ul>

</div>

Layout Comments

Showing latest 10 of 16 comments

cute and neat ^_^

By soulprincesslixia on Oct 19, 2009 2:36 pm

nice one~

By jeeridyne on Aug 26, 2009 7:47 am

i totally love it! thank you for sharing.

By labk1ta on Aug 13, 2009 1:27 am

How come every time i save it right after i paste the cold into Edit HTML, it says,

We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The content of elements must consist of well-formed character data or markup.

i need more directions on how to post layout on Blogger, since im a beginner and its not working for me

By AnalyLee on Nov 11, 2008 8:32 pm

how i want to link and edit the link.
thank you.

By shayam83 on Aug 14, 2008 5:50 am

Very very pretty! I love the colours! I like how it's simple but CLASSIC!!!

By wickedlee on Jul 4, 2008 11:48 am

favOrite ... Thinking about using it.

By DaCandy on May 28, 2008 6:49 pm

gawsh! love this and using =]

By MiiSTY on Apr 11, 2008 9:37 pm

how do i add my blog title to the layout??? thanks!

By kristie on Mar 10, 2008 12:12 pm

weeeee!! you rock. :P
lab it.

By metalmia on Jan 11, 2008 3:19 pm

View all »

Layout Details

Designer	suckmylolly
Submitted on	Oct 29, 2007
Page views	75,152
Favorites	153
Comments	16
Reviewer	IVIike
Approved on	Oct 29, 2007

Pink Flowery Border Deux

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates