Friday, November 2, 2007

"Amour des mots" a theme for the Love of Words

Soft BlogSpot Themes second template (if I don't count the different versions of the prevoiu one).

This one is special as it's made especially for a friend's blog "Pour les amoureux des mots ..." (take a look if you're a bit familiar with French) the name of her blog gave me the idea of naming the theme "Amour des mots" (Love for Words).

The theme is modified from Scribe made by Todd Dominey from DomineyDesign.com, I visited the site & I especially like it's old version, a ballad in a nice animated village with a relaxing background music waits for you there if you take some time & visit it ...

Copy Then Paste the Code:

Below is the code you have to copy then paste in your blog, all the layout pictures were already uploaded to Blogger, if you want them for any reason, they are in HERE.

For detailed installation instructions checkout THIS POST.

<?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'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------------
Blogger Template Style Sheet
Name: Amour des mots
Author: BlogSpot Soft Themes
URL: soft-themes.blogspot.com
Modified From: Scribe
Designer: Todd Dominey
URL: domineydesign.com / whatdoiknow.org
Date: 27 Feb 2004
Updated by: Blogger Team
------------------------------------------------------ */

/*
Variable definitions
====================
<Variable name="textColor" description="Text Color" type="color"
default="#29303b" value="#29303b">
<Variable name="postTitleColor" description="Post Title Color" type="color"
default="#1b0431" value="#1b0431">

<Variable name="linkColor" description="Link Color" type="color"
default="#434D45" value="#434D45">
<Variable name="visitedLinkColor" description="Visited Link Color" type="color"
default="#5E6C61" value="#5E6C61">
<Variable name="pageHeaderColor" description="Blog Title Color" type="color"
default="#434D45" value="#434D45">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#000000" value="#000000">
<Variable name="sidebarHeaderColor" description="Sidebar Title Color"
type="color"
default="#000000" value="#000000">

<Variable name="bodyFont" description="Text Font"
type="font"
default="normal normal 100% Georgia, Times New Roman,Sans-Serif;" value="normal normal 100% Georgia, Times New Roman,Sans-Serif;">
<Variable name="headerFont" description="Sidebar Title Font"
type="font"
default="normal normal 150% Georgia, Times New Roman,sans-serif" value="normal normal 150% Georgia, Times New Roman,sans-serif">

<Variable name="pageTitleFont" description="Blog Title Font"
type="font"
default="italic normal 297% Georgia, Times New Roman,sans-serif" value="italic normal 297% Georgia, Times New Roman,sans-serif">
<Variable name="blogDescriptionFont" description="Blog Description Font"
type="font"
default="italic normal 132% Georgia, Times New Roman, sans-serif" value="italic normal 132% Georgia, Times New Roman, sans-serif">
*/

/* Defaults
----------------------------------------------- */
body {
margin:0;
padding:0;
font-size: small;
text-align:center;
color:$textColor;
line-height:1.3em;
background:#5FAC4B url("http://4.bp.blogspot.com/_qP-1yjY3IyM/RypnO9KEYUI/AAAAAAAAAhc/YhLnAEEzxo8/s1600/back.gif") repeat fixed;
}

blockquote {
font-style:italic;
padding:0 32px;
line-height:1.6;
margin:0 0 .6em 0;
}

p {
margin:0;
padding:0;
}

abbr, acronym {
cursor:help;
font-style:normal;
}

code {
font-size: 90%;
white-space:normal;
color:#666;
}

hr {display:none;}

img {border:0;}

/* Link styles */
a:link {
color:$linkColor;
text-decoration:underline;
}
a:visited {
color: $visitedLinkColor;
text-decoration:underline;
}
a:hover {
color: $visitedLinkColor;
text-decoration:underline;
}
a:active {
color: $visitedLinkColor;
}


/* Layout
----------------------------------------------- */
#outer-wrapper {
background:#87B088 url('http://4.bp.blogspot.com/_qP-1yjY3IyM/Ryt0ftKEYiI/AAAAAAAAAjQ/UTdLoE6L1zU/s1600/outer_wrap_bg.jpg') repeat;
border-left:3px solid #49704A;
border-right:3px solid #49704A;
width:764px;
margin:0px auto;
padding:8px;
text-align:center;
font: $bodyFont;
}

#main-top {
width:764px;
height:160px;
background:#D7FEE0 url("http://2.bp.blogspot.com/_qP-1yjY3IyM/Rys-_NKEYhI/AAAAAAAAAjE/P2kqdTLFFoQ/s1600/bg_paper_top.jpg") no-repeat top center;
margin:0px;
padding:0px;
display:block;
}
#main-bot {
width:764px;
height:80px;
background:#D7FEE0 url("http://3.bp.blogspot.com/_qP-1yjY3IyM/Ryt1BdKEYjI/AAAAAAAAAjY/9vCYr_mK_XA/s1600/bg_paper_bot.jpg") no-repeat bottom center;
margin:0;
padding:0;
display:block;
}
#wrap2 {
width:764px;
background:#D7FEE0 url("http://2.bp.blogspot.com/_qP-1yjY3IyM/Rys-0NKEYgI/AAAAAAAAAi8/7dVdmQwZcO8/s1600/bg_paper_mid.jpg") repeat-y;
margin: 0px 0px 0px 0px;
text-align:left;
display:block;
}

#wrap3 {
padding:0 8px;
}

.Header {
}

h1 {
position: absolute;
bottom: 105px;
left: 16px;
margin:0;
padding:0;
font: $pageTitleFont;
color: $pageHeaderColor;
}

h1 a:link {
text-decoration:none;
color: $pageHeaderColor;
}

h1 a:visited {
text-decoration:none;
}

h1 a:hover {
border:0;
text-decoration:none;
}
.Header .description {
position: absolute;
bottom: 85px;
left: 16px;
margin:0;
padding:0;
line-height:1.5em;
color: $blogDescriptionColor;
font: $blogDescriptionFont;
}

#sidebar-wrapper {
clear:left;
}

#main {
width:542px;
float:right;
padding:8px;
margin:0;
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 {
width:174px;
float:left;
padding:8px;
margin:0;
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 {
clear:both;
background:url("http://1.bp.blogspot.com/_qP-1yjY3IyM/Rys9w9KEYeI/AAAAAAAAAis/V_SLqYgh9Qw/s1600/divider.gif") no-repeat top center;
padding-top:20px;
_padding-top:12px; /* IE Windows target */
}
#footer p {
line-height:1.5em;
font-size:75%;
}

/* Typography :: Main entry
----------------------------------------------- */
h2.date-header {
font-weight:normal;
letter-spacing:.1em;
font-size:90%;
margin:0;
padding:0;
}
.post {
margin:8px 0 24px 0;
}
.post img {
padding:5px;
border:1px solid #49704A;
}
.post h3 {
font-weight:normal;
font-size:140%;
color:$postTitleColor;
margin:0;
padding:0 0 10px 0;
}
.post h3 a {
color: $postTitleColor;
}
.post-body p {
line-height:1.5em;
margin:0 0 .6em 0;
}
.post-footer {
font-family: Verdana, sans-serif;
font-size:74%;
border-top:1px solid #49704A;
padding-top:6px;
}

.post-footer a {
margin-right: 6px;
}

.post ul {
margin:0;
padding:0;
}
.post li {
line-height:1.5em;
list-style:none;
background:url("http://4.bp.blogspot.com/_qP-1yjY3IyM/RypnT9KEYVI/AAAAAAAAAhk/_93UatYTPoo/s1600/list_icon.gif") no-repeat 0px .3em;
vertical-align:top;
padding: 0 0 .6em 17px;
margin:0;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

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

/* Typography :: Sidebar
----------------------------------------------- */
.sidebar h2 {
margin:0;
padding:0;
color:$sidebarHeaderColor;
font: $headerFont;
}
.sidebar h2 img {
margin-bottom:-4px;
}

.sidebar .widget {
font-size:86%;
margin:6px 0 12px 0;
padding:0;
line-height: 1.4em;
}

.sidebar ul li {
list-style: none;
margin:0;
}

.sidebar ul {
margin-left: 0;
padding-left: 0;
}

/* Comments
----------------------------------------------- */
#comments {}
#comments h4 {
font-weight:normal;
font-size:120%;
color:#29303B;
margin:0;
padding:0;
}
#comments-block {
line-height:1.5em;
}
.comment-author {
background:url("http://4.bp.blogspot.com/_qP-1yjY3IyM/RypnT9KEYVI/AAAAAAAAAhk/_93UatYTPoo/s1600/list_icon.gif") no-repeat 2px .35em;
margin:.5em 0 0;
padding:0 0 0 20px;
font-weight:bold;
}
.comment-body {
margin:0;
padding:0 0 0 20px;
}
.comment-body p {
font-size:100%;
margin:0 0 .2em 0;
}
.comment-footer {
color:#29303B;
font-size:74%;
margin:0 0 10px;
padding:0 0 .75em 20px;
}
.comment-footer a:link {
color:#473624;
text-decoration:underline;
}
.comment-footer a:visited {
color:#716E6C;
text-decoration:underline;
}
.comment-footer a:hover {
color:#956839;
text-decoration:underline;
}
.comment-footer a:active {
color:#956839;
text-decoration:none;
}
.deleted-comment {
font-style:italic;
color:gray;
}


/* Profile
----------------------------------------------- */

#main .profile-data {
display:inline;
}

.profile-datablock, .profile-textblock {
margin:0 0 4px 0;
}
.profile-data {
margin:0;
padding:0 8px 0 0;
text-transform:uppercase;
letter-spacing:.1em;
font-size:90%;
color:#211104;
}
.profile-img {
float: left;
margin: 0 5px 5px 0;
border:1px solid #49704A;
padding:2px;
}

#header .widget, #main .widget {
margin-bottom:12px;
padding-bottom:12px;
}

#header {
position: relative;
background: url("http://1.bp.blogspot.com/_qP-1yjY3IyM/Rys9w9KEYeI/AAAAAAAAAis/V_SLqYgh9Qw/s1600/divider.gif") no-repeat bottom center;
padding-top: 20px;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper {
margin-top: 0;
padding-top: 0;
}

body#layout #wrap2,
body#layout #wrap3 {
margin-top: 0;
}

body#layout #main-top {
display:none;
}
]]></b:skin>
</head>

<body>
<div id='outer-wrapper'>

<div id='main-top'>

</div> <!-- placeholder for image -->

<div id='wrap2'><div id='wrap3'>

<b:section class='header' id='header' maxwidgets='2' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Amour des mots (Header)' type='Header'/>
</b:section>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='LinkList1' locked='false' title='Links List' type='LinkList'/>
</b:section>
</div>

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div>
<div id='main-bot'/> <!-- placeholder for image -->
</div>
</body>
</html>

Layout Pictures

Below are the pictures used as backgrounds in this template, you don't need them but only the HTML code you can copy from here, but you still can save them on your computer for any use.

To save a picture, click on its preview below then right click & from the menu that shows choose "save image" (or a slightly different option depending on your browser).