Soothing Browns

CreateBlog Layouts / Standard

View preview

Designer's Comments

Look carefully for specific instructions

1. After copying the code, go into your Header HTML and follow these steps:
• hit ctrl+F and type in YOUR LINK HERE. This is a custom link for you.
• Replace YOUR LINK HERE with a link URL.
• Do ctrl+F again, and search for CUSTOM LINK. This is the name of the link of whose URL you supplied in the last step.
• Replace CUSTOM LINK with the link name.

2. Keep my credit intact :-)
3. Feel free to change around the codings/change the colors/etc. Just leave my credit intact!

Using This Layout

For specific instructions read designer's comments

1. Log into createblog.com (customize)
2. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

<style>
.innerbox img.image {
filter: alpha(opacity=80); opacity: 0.80; -moz-opacity: 0.80;
cursor:default;
}
.innerbox img.image:hover {
filter: none; opacity: 1; -moz-opacity: 1;
cursor:default;
}
</style>

<style type="text/css">
#logo, #nav, #profile .right, #profile div#header a img, #profile div#header {
display:none !important;
visibility: hidden !important;
}
</style>
<style type="text/css">
#contactme {
display:true !important;
visibility: visible !important;
}
</style>

<style type="text/css">
body {
/* Designed by Emberfly[at]createblog[dot]com */
background-color: #8a6640;
background-image: url("");
background-repeat: repeat;
background-attachment:fixed;
scrollbar-arrow-color:#ffffff;
scrollbar-face-color:#b68e62;
scrollbar-shadow-color:#b08455;
scrollbar-highlight-color:#b08455;
scrollbar-darkshadow-color:#b08455;
scrollbar-3dlight-color:#b08455;
scrollbar-track-color:#b08455;
color: #ffffff;
}
a:link img, a:visited img, a:active img {
filter:gray;
}
a:hover img {
filter:none;
}
h1 {
font-size:18pt;
line-height:18pt;
font-weight:normal;
font-family:georgia;
color: #ffffff;
text-transform:lowercase;
}
h2 {
font-size:25px;
line-height:25px;
font-weight:normal;
text-transform:lowercase;
font-family:script mt bold;
color: #ffffff;
}
h3 {
font-size:20px;
line-height:20px;
font-weight:bold;
font-family:script mt bold;
text-transform:lowercase;
letter-spacing:0px;
color: #ffffff;
}
table.th, th{
border-bottom:3px solid #b68e62;
}
.outerbox {
/* TABLE HEADER -- TABLE ON TOP OF THE TABLE BODY */
background-color: #b08455;
border-bottom:3px solid #b68e62;
background-image: url("");
background-repeat: repeat;
background-attachment:fixed;
color: #FFFFFF;
font-size:12px;
line-height:14px;
font-weight:normal;
font-family:script mt bold;
text-align:left;
}
.innerbox, .entrybox {
/* edits the TABLE BODY your content is in */
color: #ffffff;
background-color: #ac7f4f;
background-image: url("");
background-repeat: repeat;
background-attachment:fixed;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
#footer {
background-color: #;
color: #ffffff;
}
.linkbox {
/* box that has the links inside of it - appears directly below the profile picture */
color: #ffffff;
background-color:#ac7f4f;
background-image: url("");
background-repeat: repeat;
background-attachment:fixed;
}
.alertbox li {
border-bottom:0px;
}
.alertbox {
/* edits the box in the top right hand corner with the links to your profile, blogs, photos, and friends */
color: #ffffff;
background-color:#ac7f4f;
background-image: url("");
background-repeat: repeat;
background-attachment:fixed;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.comment_body smaller grey, .comment_body {
/* inner-box of the comments */
font:normal 12px ARIAL;
color:#ffffff;
background-color: #ac7f4f;
}
body, table, td, li, p, div {
/* main text */
font-size: 12px;
line-height:14px;
font-family: arial;
color: #ffffff;
}
a, a:link, a:active, a:visited {
color: #FFBF80 !important;
cursor:default;
text-decoration:none;
}
a:hover {
color:#FFDFBF !important;
background-color:;
cursor:default;
text-decoration:none;
}
b, strong {
/* bold */
color: #BFFFBF; font-family: ARIAL; font-size: 12px;
}
i, em, u {
/* italic */
color: #FFBF80; font-family: ARIAL; font-size: 12px;
}
table {
/* tablexx */
border-bottom:1px solid #ac7f4f;
}
#nav li, #nav li#search, #nav li.submit {
/* links at top face color */
background-color:#ac7f4f;
background-image: url("");
background-repeat: repeat;
background-attachment:fixed;
}
#nav li {
/* borders of links at top face color */
border-right:1px solid #4bb5c1;
}
#nav li ul li.top {
/* space between the dropdown links and the buttons at the top */
border-top:1px solid #4bb5c1;
}
#nav li ul li {
/* dropdown link-face-color */
background-color:#ac7f4f;
}
#nav li ul li {
/* borders of the dropdown links */
border-bottom:1px solid #4bb5c1;
}
input {
/* buttons, search areas that you type in */
background-image: url("");
background-color: #b08455;
border-width: 0px solid;
border: 1px solid #b68e62;
font-weight:normal;
color: #ffffff;
filter: gradient  <div style="border:1px solid 716f7c; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr= #b08455, endColorStr=#b08455); width: 50px; height: 150px;"> </div>;
}
textarea {
/* text areas, boxes you type in */
background-image: url("");
background-color: #b08455;
filter: gradient  <div style="filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr= #b08455, endColorStr=#b08455); width: 50px; height: 150px;"> </div>;
border: 1px solid #b68e62;
color: #BFFFBF;
height:80px;
width:490px;
font-family:tahoma;
font-size:11pt;
line-height:11pt;
}
select {
/* buttons */
background-image: url("");
background-color: #b08455;
border-width: 1px;
border: 1px solid #b68e62;
font-weight:normal;
color: #BFFFBF;
}
div#container {
width:100% important!;
}
.hr, td, tr, #recententries li {
border-bottom: 1px solid #b68e62;
}
#footer{display:none;}
/* Designed by Emberfly[at]createblog[dot]com */
</STYLE>

<style>
a.emberflyissexy:link, a.emberflyissexy:visited, a.emberflyissexy:active {
text-decoration: none;
color: #ffffff;
background-color:#b08455;
font:normal 7pt arial;
filter:none;
line-height: 17px;
text-transform:lowercase; 
border-bottom:0px solid #000000;
border-top:0px solid white;
display:block;
border-left: 0px #ffffff solid;
border-right: 0px #000000 solid;
text-align: center;
width:92px;
color: #ffffff;
}
a.emberflyissexy:hover {
text-transform:lowercase;
filter:none;
font:normal 7pt arial;
line-height: 17px;
background-color: #b68e62;
color: #ffffff;
border-bottom:0px solid #000000;
border-top:0px #32CD32 solid;
display:block;
border-left:0px #ffffff solid;
border-right:0px #000000 solid;
text-align: center;
}
</style>

<div align="center" style="margin-top:-50px; width:800px; text-align:center; background-color:#ac7f4f; margin-left:-15px; color:#ffffff;"></td>

<table>
<TR>
<TD>
<a href="http://www.createblog.com/login.php" class="emberflyissexy" style="cursor:n-resize">sign in</a></td>

<td>
<a href="http://www.createblog.com/home/" class="emberflyissexy" style="cursor:ne-resize">My Account</a></td>

<TD><a href="http://createblog.com/home/customize.php" class="emberflyissexy" style="cursor:e-resize">Customize</a></td>

<TD><a href="http://www.createblog.com/forums/" class="emberflyissexy" style="cursor:se-resize">forums</a></td>

<TD><a href="YOUR LINK URL HERE" class="emberflyissexy" style="cursor:n-resize">CUSTOM LINK</a></td>

<TD><a href="http://www.createblog.com/login.php?logout" class="emberflyissexy" style="cursor:ne-resize">log out</a></td>

<TD><a href="http://www.createblog.com/forums/index.php?act=Reg&coppa_user=0&termsread=1&coppa_pass=1&agree_to_terms=1" class="emberflyissexy" style="cursor:e-resize">register</a></td>

<TD><a href="http://www.xanga.com/emberfly_Layouts" class="emberflyissexy" alt="light up your site™" style="cursor:se-resize">Light up your site</a></td>
</TR></table>

</div>

<div style="background-color:#ac7f4f; height:100%; width:810px; margin-left:-15px; margin-top:px">

Layout Code

Copy and paste to Footer HTML

Layout Comments

Showing latest 8 of 8 comments

cute. i tried using it but the right side tables are not fitted right on my page :(

By InfectedOctober on Dec 11, 2008 3:57 pm

Wow I just realized how horrendous this is in Firefox. :X Who the eff would accept this layout? :(

By emberfly on Nov 22, 2008 10:19 pm

Used this. Love it.

By luck on Jul 24, 2008 3:08 pm

totally using this!

By digitalivory on Jun 11, 2008 11:11 pm

i like the calming browns of this layout

By sweetphatty on May 19, 2008 9:54 am

Very very nice!

By lollipoplove on May 10, 2008 3:19 pm

This is lovely.

By melancholiclights on May 10, 2008 12:50 pm

wow emberfly.. u did good job :o

By emberfly on May 10, 2008 11:44 am

Layout Details

Designer	emberfly
Submitted on	May 10, 2008
Page views	4,842
Favorites	23
Comments	8
Reviewer	highwayto4355
Approved on	May 10, 2008

Layout Colors

Layout Tags

colorful, browns, beiges, soothing colors, emberfly

Layout Tools

Layout Affiliates

Here I Stand Layouts