Blogger Template | MANILENA DOT COM

Posts Tagged ‘Blogger Template’

Blogger Template 6 – Vector Coffee

March 13, 2009

Vector Coffee Template

I know… I could’ve given this a better name. I didn’t really know what I was thinking when I was coming up with a name for it. But then again, the colors of this template should more than make up for the lackluster title (hopefully!)

If you want to see how the real thing looks like, you can check it out here. And as usual, just select the text inside the box and copy and paste it into your own blogger template. And if you use it, just let me know and I’ll link to your page and send you some love, too

Btw, I have been thinking of creating some wordpress templates also. And might be able to make templates for sale or custom make one for you. So we’ll see what happens with that. but if you’re interested, just send me a line a atesienna at gmail dot com and we can talk about it

< ?xml version="1.0" encoding="UTF-8" ?> < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/></head></html>

< ![CDATA[/*

/* Variable definitions
====================
type="color" default="#E5A" value="#DEE770">
type="color" default="#000" value="#000000">
type="color" default="#EA0437" value="#faffbd">
type="color" default="#fff" value="#2BA94F">
type="color" default="#FEF" value="#ffffcc">
type="color" default="#fff" value="#000000">
type="color" default="#ffc" value="#ffffff">
type="color" default="#000" value="#e770bc">
type="color" default="#333" value="#000000">
type="color" default="#fff" value="#e770bc">
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 95% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
type="font"
default="normal normal 300% Gigi" value="normal bold 363% Georgia, Times, serif">
type="font"
default="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
type="automatic" default="left" value="left">
type="automatic" default="right" value="right">
*/

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
———————————————–
*/

#header-wrapper {
width:745px;
height:300px;
margin:0 auto 10px;
border:3px solid $bordercolor;
background-image: url(http://img505.imageshack.us/img505/88/coffeevecdi6.jpg);

}

#header-inner {
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:normal;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin-right: 300px;
padding:0 20px 15px;
max-width:600px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
———————————————– */
#outer-wrapper {
width: 750px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 500px;
border:3px solid $bordercolor;
background-image: url(http://img505.imageshack.us/img505/866/coffeevecbgym1.jpg);
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 225px;
margin-right: 0px;
border:3px solid $bordercolor;
background-image: url(http://img505.imageshack.us/img505/866/coffeevecbgym1.jpg);
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#footer-wrapper {
width: 725px;
margin:0 auto;
text-align:center;
font: $descriptionfont;

}
/* Headings
———————————————– */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
———————————————–
*/
h2.date-header {
margin:1.5em 0 .5em;
margin-left: 10px;
margin-right: 10px;
}

.post {
margin:.5em 0 1.5em;
margin-left: 10px;
margin-right: 10px;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
margin-left: 10px;
margin-right: 10px;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post-body {
margin:0 .75em;
line-height:1.6em;
}

.post-body blockquote {
line-height:1.3em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
———————————————– */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

.feed-links {
clear: both;
margin-left: 10px;
margin-right: 10px;
line-height: 2.5em;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

/* Sidebar Content
———————————————– */
.sidebar {
color: $sidebartextcolor;
margin-left: 10px;
margin-right: 10px;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-25px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
———————————————– */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
———————————————– */
#footer {
width:660px;
clear:both;
margin:0 auto;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
]]>

Posted in Website Design - Green, Website Design - Two-Column, Website Designs |

Tags: Blogger Template |

9 Comments »

Blogger Template 5 – “Love Mask”

March 6, 2009

Blame my self-imposed amnesia!

I’ve almost totally forgotten that I have a couple more blogger templates I have not shared yet with you all! So here’s another one of them.

This one I called “Love Mask”. The mask just strikes me so much when I first saw it. And if you look closely into the eyes, it seems like the person behind the mask is trying to convey an emotion. Like hiding his real self from the world… or from a lover.

If want to see a demo of the template, click on this link. And if you do decide to use my template, just let me know, give me a holler and I’d be more than glad to visit you and add your link to my site!

Just cut and paste the code I have in here and replace the template code you have on your blogger account.

< ?xml version="1.0" encoding="UTF-8" ?> < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/></head></html>

< ![CDATA[/*

/* Variable definitions
====================
type="color" default="#E5A" value="#EA0437">
type="color" default="#000" value="#ffffff">
type="color" default="#EA0437" value="#2D6E89">
type="color" default="#fff" value="#66B5FF">
type="color" default="#FEF" value="#ffffcc">
type="color" default="#fff" value="#ffffff">
type="color" default="#ffc" value="#2D6E89">
type="color" default="#000" value="#66B5FF">
type="color" default="#333" value="#C3D9FF">
type="color" default="#fff" value="#ffffff">
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
type="font"
default="normal normal 300% Gigi" value="normal normal 363% Gigi">
type="font"
default="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
type="automatic" default="left" value="left">
type="automatic" default="right" value="right">
*/

body {
background:$bgcolor;
background-image: url(http://img176.imageshack.us/img176/5633/cofiluvbakiw1.jpg);
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
———————————————–
*/

#header-wrapper {
width:745px;
height:300px;
margin:0 auto 10px;
border:3px solid $bordercolor;
background-image: url(http://img338.imageshack.us/img338/5730/coffeeluvfi5.jpg);

}

#header-inner {
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:normal;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin-right: 300px;
padding:0 20px 15px;
max-width:600px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
———————————————– */
#outer-wrapper {
width: 750px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 500px;
border:3px solid $bordercolor;
background-image: url(http://img511.imageshack.us/img511/1543/cofiluvsidexw5.jpg);
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 225px;
margin-right: 0px;
border:3px solid $bordercolor;
background-image: url(http://img511.imageshack.us/img511/1543/cofiluvsidexw5.jpg);
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#footer-wrapper {
width: 725px;
margin:0 auto;
text-align:center;
font: $descriptionfont;

}
/* Headings
———————————————– */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
———————————————–
*/
h2.date-header {
margin:1.5em 0 .5em;
margin-left: 10px;
margin-right: 10px;
}

.post {
margin:.5em 0 1.5em;
margin-left: 10px;
margin-right: 10px;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
margin-left: 10px;
margin-right: 10px;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post-body {
margin:0 .75em;
line-height:1.6em;
}

.post-body blockquote {
line-height:1.3em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
———————————————– */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

.feed-links {
clear: both;
margin-left: 10px;
margin-right: 10px;
line-height: 2.5em;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

/* Sidebar Content
———————————————– */
.sidebar {
color: $sidebartextcolor;
margin-left: 10px;
margin-right: 10px;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-25px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
———————————————– */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
———————————————– */
#footer {
width:660px;
clear:both;
margin:0 auto;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
]]>

Posted in Website Design - Red, Website Design - Two-Column, Website Designs |

Tags: Blogger Template, love mask, Red, Two-columns template |

5 Comments »

Blogger Template 3 – Psychedelic Party

December 11, 2008

I’ve been doing a lot of templates lately… I’m publishing them one by one and this is the first of the series.

You can view the live demo here.

Highlight the XML Code in the text box and copy and replace your current blogger code.

< ?xml version="1.0" encoding="UTF-8" ?> < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/></head></html>

< ![CDATA[/*

/* Variable definitions
====================
type="color" default="#E5A" value="#EEF0BF">
type="color" default="#000" value="#000000">
type="color" default="#EA0437" value="#FD1009">
type="color" default="#fff" value="#FD1009">
type="color" default="#FEF" value="#7e0804">
type="color" default="#fff" value="#fd1009">
type="color" default="#ffc" value="#D8E42B">
type="color" default="#000" value="#1B703A">
type="color" default="#333" value="#000000">
type="color" default="#fff" value="#fd1009">
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 99% Verdana, sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% Verdana, sans-serif">
type="font"
default="normal normal 300% Gigi" value="normal bold 359% Trebuchet, Trebuchet MS, Arial, sans-serif">
type="font"
default="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal bold 99% Trebuchet, Trebuchet MS, Arial, sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 86% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
type="automatic" default="left" value="left">
type="automatic" default="right" value="right">
*/

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
———————————————–
*/

#header-wrapper {
width:745px;
height:300px;
margin:0 auto 10px;
border:3px solid $bordercolor;
background-image: url(http://img360.imageshack.us/img360/209/psychedelic1je8.jpg);

}

#header-inner {
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:normal;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin-right: 300px;
padding:0 20px 15px;
max-width:600px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
———————————————– */
#outer-wrapper {
width: 750px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 500px;
border:3px solid $bordercolor;
background-image:url(http://img360.imageshack.us/img360/9153/psychedelicside1dg8.jpg);
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 225px;
margin-right: 0px;
border:3px solid $bordercolor;
background-image:url(http://img360.imageshack.us/img360/9153/psychedelicside1dg8.jpg);
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#footer-wrapper {
width: 725px;
margin:0 auto;
text-align:center;
font: $descriptionfont;

}
/* Headings
———————————————– */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
———————————————–
*/
h2.date-header {
margin:1.5em 0 .5em;
margin-left: 10px;
margin-right: 10px;
}

.post {
margin:.5em 0 1.5em;
margin-left: 10px;
margin-right: 10px;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
margin-left: 10px;
margin-right: 10px;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post-body {
margin:0 .75em;
line-height:1.6em;
}

.post-body blockquote {
line-height:1.3em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
———————————————– */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

.feed-links {
clear: both;
margin-left: 10px;
margin-right: 10px;
line-height: 2.5em;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

/* Sidebar Content
———————————————– */
.sidebar {
color: $sidebartextcolor;
margin-left: 10px;
margin-right: 10px;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-25px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
———————————————– */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
———————————————– */
#footer {
width:660px;
clear:both;
margin:0 auto;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
]]>

Posted in DigiScraps, Website Design - Green, Website Design - Two-Column, Website Designs |

Tags: Blogger Template |

No Comments »

Blogger Template Part 2 – Jamaica and Spain

May 19, 2008

Jamaica and Spain Template Thumbnail

Jamaica and Spain is a two-column, white backgrounded template with a fluid format. The post area adjusts to the size of the browser. It’s Firefox and IE-friendly.

View the live demo here.

Highlight and copy the XML Code inside the text area box and replace your current code.

<?xml version=”1.0″ encoding=”UTF-8″ ?> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html expr:dir=’data:blog.languageDirection’ xmlns=’http://www.w3.org/1999/xhtml’ xmlns:b=’http://www.google.com/2005/gml/b’ xmlns:data=’http://www.google.com/2005/gml/data’ xmlns:expr=’http://www.google.com/2005/gml/expr’> <head> <b:include data=’blog’ name=’all-head-content’/> <b:skin><![CDATA[/* *********************************************** Template Name: Jamaica and Spain Designer: Manilena Dot Com http://www.manilena.com *********************************************** */ * { margin: 0px; padding: 0px;} body { background: #ffffff; margin: 0px; padding: 0px; font: x-small Georgia, Serif; color: #000000; font-size/* */:/**/small; font-size: /**/small; } a img { border-width:0; } #container a:link { color:#fa2d00; text-decoration:none; } #container a:visited { color:#fa2d00; text-decoration:none; } #container a:hover { color:#ff7a01; text-decoration:none; } #container a img { margin:3px; padding: 2px; } /* Whole Page Settings */ #container { background: url("http://img393.imageshack.us/img393/6753/jamaicaspaintitlesk6.jpg") no-repeat top left; width: 98%; margin: 0px; padding: 0px; text-align:left; } #post-part { margin: 10px; word-wrap: break-word; overflow: hidden; } #entry-part { margin:0; padding:0; } #sidebar-container { width: 350px; float: left; padding: 0px; word-wrap: break-word; overflow: hidden; } #sidebar { font-family: Tahoma; background: #ffffff; width: 285px; font-size: 11px; margin: 0px; padding: 10px 20px; } /* Header Settings */ #header { width: 770px; height: 385px; margin: 0px; padding: 0px; text-align: center; } .Header h1 { width: 230px; margin:0px 0px 0px 435px; text-align: center; padding: 120px 0 0 0px; color:#ffffff; font-size: 30px; font-weight: normal; font-family: Georgia; } .Header h1 a:link, .Header h1 a:visited { color:#fb3200; text-decoration:none; } .Header h1 a:hover { color:#ffc300; } .Header .description { width: 230px; margin:0px 0px 0px 435px; padding: 2px 0px; font-size: 14px; color: #fb3200; } h2 { margin:1.5em 0 .75em; line-height: 1.4em; } /* Entries */ h2.date-header { background: url('http://img508.imageshack.us/img508/6136/jamaicaspainiconoa1.gif') no-repeat top left; padding: 12px 0px 0px 38px; font-weight: bold; font-family: Arial; text-transform: uppercase; margin: 0px; height: 36px; font-size: 11px; text-align: left; color: #000000; } .post { margin:.5em 0 1.5em; } .post h3 { background: #cfe64d; border-bottom: 1px solid #70664f; margin: 0px; padding: 8px; font-family: Georgia; font-size: 20px; font-weight: normal; color:#70664f; } .post h3 a, .post h3 strong { display:block; font-weight:bold; text-decoration:none; color:#70664f; } .post-body { font-family: Tahoma; padding-top:12px; font-size: 11px; text-align: justify; } .post p { margin:0 0 .75em;line-height:1.6em; } .post-footer { background: #f2feaf; color:#000000; margin:5px 0px 5px 0px; line-height: 13px; border-bottom: 1px solid #326101; padding: 2px 9px; } .comment-link { margin-left:.4em; } .post-footer .post-timestamp, .post-footer .post-author { color:#666; } .comment-link strong { font-size:130%; } .comment-link { margin-left:.4em; } .post img { padding:4px; border: 1px solid #fff199; } /* Comments */ #comments { padding: 8px; background: #e9f69e; } #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.6em; text-transform:uppercase; letter-spacing:.2em; color: #446e02; font: bold 78% Georgia Serif; } #comments h4 strong { font-size:130%; } #comments-block { margin:1em 0 1.5em;line-height:1.4em; padding: 3px; border-top: 1px solid #fff; } #comments-block dt { margin:6px 0px; } #comments-block dd { margin:.25em 20px 0; } #comments-block dd.comment-timestamp { margin:-.25em 20px 1.5em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block dd p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } .feed-links { background: url('http://img392.imageshack.us/img392/7202/jamaicespainfootlg6.gif') no-repeat top left; height: 35px; font-family: Georgia; font-size: 12px; padding: 10px 0px 0px 35px; text-align: left; margin: 5px 0px; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { background: #ddfca3; padding: 6px; text-align: center; } .comment-footer { font: 78%/1.4em Georgia , Serif; } /* Sidebar Settings */ .sidebar h2 { color:#70664f; font-size: 11px; padding: 0px; font-family: Georgia; margin: 0px; border-bottom: 1px solid #70664f; } .sidebar .widget, .entry-part .widget { color:#666; font-size: 11px; margin: 0px; padding: 10px 20px; } .entry-part .Blog { padding: 0px 20px; margin: 0px; } .sidebar ul { font-size: 11px; list-style:none; margin: 2px 3px; padding: 0px; } .sidebar li { margin:2px 3px; padding: 4px 0px; font-size: 11px; border-bottom: 1px solid #dbd6c8; } .sidebar p { color:#666; line-height:1.5em; } /* About */ .profile-datablock { margin:.5em 0 .5em; } .profile-data { margin:0; font-weight: bold; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; } .profile-img { float: right; margin: 0px 6px; padding: 2px; border: 1px solid #fff199; } .profile-textblock { margin:.5em 0 .5em; } .profile-link { font:78%/1.4em Georgia,Serif; text-transform:uppercase; letter-spacing:.1em; } /* Footer */ #footer-wrapper { background: #436f00; width:100%; color: #fff; font-size: 10px; margin:0px; padding:20px 0px; text-align: center; clear: both; } #footer-wrapper p { margin: 5px 25px; } #footer-wrapper p a:link, #footer-wrapper p a:visited { color: #fed001; } ]]></b:skin> </head> <body> <div id=’container’> <b:section class=’header’ id=’header’ maxwidgets=’1′> <b:widget id=’Header1′ locked=’true’ title=’Jamaica and Spain (Header)’ type=’Header’/> </b:section> <div id=’crosscol-wrapper’ style=”text-align:center” mce_style=”text-align:center”> <b:section class=’crosscol’ id=’crosscol’ showaddelement=’no’/> </div> <div id=’sidebar-container’> <b:section class=’sidebar’ id=’sidebar’ preferred=’yes’> <b:widget id=’Profile1′ locked=’false’ title=’About Me’ type=’Profile’/> <b:widget id=’LinkList1′ locked=’false’ title=’Blogroll’ type=’LinkList’/> <b:widget id=’BlogArchive1′ locked=’false’ title=’Previous Posts’ type=’BlogArchive’/> </b:section> </div> <div id=’post-part’> <b:section class=’entry-part’ id=’entry-part’ showaddelement=’no’> <b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’/> </b:section> </div> </div> <div id=’footer-wrapper’> Template Designed by <a href=”http://www.manilena.com” mce_href=”http://www.manilena.com”>Manilena Dot Com</a> </div> </body></html>

Posted in Website Design - Two-Column, Website Design - White, Website Designs |

Tags: Blogger Template |

No Comments »