En fait quand je cole ma nouvelle template bé sa fait rien du tout :lol: Sa reste tel quel ...
Pour le code de ma template que j'aimerais mettre en place c'est celui la sachant que je modifierais les couleurs et que je ne savias pas ou mettre le lein pour le lecteur musical...
<!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="{$blog.language}" lang="{$blog.language}">
<head>
<link rel="icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
<title>{$blog.title}</title>
<meta name="description" content="{$blog.description|htmlspecialchars}" />
<meta name="keywords" content="{$blog.keywords|htmlspecialchars}" />
<meta name="abstract" content="{$blog.description|htmlspecialchars}" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="publisher" content="http://www.blogspirit.com/" />
<meta name="generator" content="http://www.blogspirit.com/" />
<meta name="robots" content="{if $blog.referencing}index,follow{else}noindex,nofollow{/if}" />
<link rel="stylesheet" href="{$blog.url}style.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="{$blog.url}atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{$blog.url}index.rss" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="{$platform.url}rsd/{$blog.blog_id}" />
</head>
<body>
<div id="container">
<div class="container-decorator1">
<div class="container-decorator2">
<div id="banner-img">
<div class="banner-img-decorator1">
<div class="banner-img-decorator2">
<div class="img-link">
<a href="{$blog.url}"></a>
</div>
</div>
</div>
</div>
<div id="banner">
<div class="banner-decorator1">
<div class="banner-decorator2">
<h1><a href="{$blog.url}">{$blog.title}</a></h1>
<h2>{$blog.description|default:" "}</h2>
</div>
</div>
</div>
<div id="left">
<div class="left-decorator1">
<div class="left-decorator2">
{sidebar file="sidebar1.htm"}
</div>
</div>
</div>
<div id="right">
<div class="right-decorator1">
<div class="right-decorator2">
{sidebar file="sidebar2.htm"}
</div>
</div>
</div>
<div id="center">
<div class="center-decorator1">
<div class="center-decorator2">
<div class="content">
{posts assign="post" items_on_index="`$blog.items_on_index`" sort_posts="`$blog.sort_posts`" show_on_index="`$blog.show_on_index`" commentcount="commentcount" trackbackcount="trackbackcount" categories="categories"}
{date_header date="`$post.pubdate`"}
<h2 class="date"><span>{$post.pubdate|date_format:"`$blog.date_format`"}</span></h2>
{/date_header}
<a id="a{$post.id}"></a>
<h3><span>{$post.title}</span></h3>
<div class="posttext">
<div class="posttext-decorator1">
<div class="posttext-decorator2">
{$post.source|trimlonglines:60}
</div>
</div>
</div>
{if $post.extended}<p class="readmore"><a href="{$post.permalink}#more">{t}Read more ...{/t}</a></p>{/if}
<div class="postbottom">
<div class="postbottom-decorator1">
<div class="postbottom-decorator2">
<p class="posted">
{post_footer}
</p>
</div>
</div>
</div>
{/posts}
</div>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
</div>
</div>
<div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>
</body>
</html>
body {
margin: 0px 0px 20px 0px;
padding: 0px;
background-color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
word-spacing: normal;
text-align: center;
color: #fff;
}
#container {
width: 771px;
line-height: 140%;
margin-right: auto;
margin-left: auto;
text-align: left;
}
#left {
overflow: hidden;
width: 176px;
float:left;
}
#right {
overflow: hidden;
width: 176px;
float:right;
}
#center {
overflow: hidden;
float: left;
width: 405px;
margin: 0px 5px 0px 0px;
background: url("http://www.hautetfort.com/graphics/design/preview/set3/ff3300/main_rails.jpg") repeat-y 0% 0%;
}
#center .center-decorator1 {
width: 100%;
float: left;
background: transparent url("http://www.hautetfort.com/graphics/design/preview/set3/ff3300/main_top.jpg") no-repeat 0% 0%;
}
#center .center-decorator1 .center-decorator2 {
width: 100%;
float: left;
background: transparent url("http://www.hautetfort.com/graphics/design/preview/set3/ff3300/main_bottom.jpg") no-repeat 0% 100%;
}
#banner {
margin: 0px 0px 10px 0px;
padding: 10px 0px 0px 0px;
height: 90px;
background: url("http://www.hautetfort.com/graphics/design/preview/set3/ff3300/banner_square.jpg") no-repeat 0% 50%;
}
#banner h1 {
padding: 15px 15px 10px 100px;
font-weight: bold;
}
#banner h2 {
font-size: 80%;
padding: 0px 0px 0px 100px;
}
#banner a {
color: #fff;
font-weight: bold;
font-size: 70%;
text-decoration: none;
}
#banner-img {
display: none;
}
div.img-link a {
display: block;
text-decoration: none;
width: 100%;
}
.nowrap {
white-space: nowrap;
}
.content {
float: left;
overflow: visible;
width: 92%;
padding: 15px 10px 5px 15px;
font-size: 70%;
line-height: 150%;
}
.content h2 {
margin: 0px 5px 3px 0px;
padding: 3px 0px 3px 0px;
font-size: 110%;
font-weight: bold;
border-bottom: 1px solid #fff;
}
.content h3 {
margin: 0px 5px 0px 0px;
padding: 15px 0px 15px 0px;
font-size: 115%;
font-weight: bold;
}
.content p {
}
.content blockquote {
}
.content ul {
font-size: 100%;
}
.content p.posted {
padding: 3px 5px 20px 0px;
margin: 15px 5px 15px 0px;
font-size: 90%;
border-bottom: 1px dashed #fff;
clear: both;
}
a, TABLE.calendar a {
text-decoration: none;
}
a:link, TABLE.calendar a:link {
color: #ff9933;
}
a:visited, TABLE.calendar a:visited {
color: #ff9933;
}
a:hover, TABLE.calendar a:hover {
text-decoration: underline;
color: #ff9933;
}
a:active, TABLE.calendar a:active {
color: #ff9933;
}
.sidebar {
padding: 20px 12px 8px 0px;
font-size: 65%;
}
#right .sidebar {
padding: 20px 0px 8px 3px;
}
.decorator1, .decorator2 {
padding: 0px;
margin: 0px;
}
.sidebar h2 {
font-size: 110%;
font-weight: bold;
margin: 1px 0px 15px 0px;
}
#left .sidebar h2 {
padding-left: 20px;
background: url("http://www.hautetfort.com/graphics/design/preview/set3/ff3300/left_square.jpg") no-repeat 0% 0.5em;
}
#right .sidebar h2 {
padding-left: 30px;
background: url("http://www.hautetfort.com/graphics/design/preview/set3/ff3300/right_square.jpg") no-repeat 0% 0.2em;
}
.sidebar .boxcontent-decorator3 {
margin: 0px 0px 30px 0px;
}
.sidebar ul {
padding: 0px;
margin: 0px;
}
.sidebar li {
margin: 10px 0px 0px 0px;
list-style-type: none;
line-height: 150%;
}
.sidebar li.description {
text-align: left;
margin: -10px 0px 10px 0px;
}
.sidebar li.album {
text-align: center;
}
.sidebar img {
border: 1px solid #fff;
}
.sidebar li.link img {
border: 0px;
padding: 0px;
margin: 0px;
vertical-align: -4px;
}
.link-note {
text-align: center;
line-height: 100%;
padding: 2px;
margin-bottom: 30px;
}
.link-note img {
border: 0px;
margin-bottom: 2px;
}
.photo {
margin-bottom: 20px;
}
.sidebar a {
text-decoration: none;
}
.sidebar a:link {
color: #fff;
}
.sidebar a:visited {
color: #fff;
}
.sidebar a:hover {
text-decoration: underline;
color: #fff;
}
.sidebar a:active {
color: #fff;
}
h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}
/* Calendar */
TABLE.calendar {
font-size: 10px;
margin-bottom: 15px;
letter-spacing: .1em;
text-align: left;
width: 85%; /* IE 5 */
voice-family: "\"}\"";
voice-family: inherit;
width: 100%; /* IE 6 */
}
html>body .calendar {
width: 100%; /* Mozilla & Safari & IE bug */
}
TH.day-of-week {
text-align: center;
line-height: 150%;
margin-top: 10px;
list-style-type: none;
}
TD.selected-day {
text-align: center;
line-height: 150%;
margin-top: 10px;
list-style-type: none;
}
TD.day {
text-align: center;
line-height: 150%;
margin-top: 10px;
list-style-type: none;
letter-spacing: 0.05em;
}
/* Comments */
input {
font-size: 100%;
font-family: Verdana, Arial, sans-serif;
}
textarea {
clear: both;
width: 96%;
font-size: 100%;
font-family: Verdana, Arial, sans-serif;
}
form {
}
form .formelement {
clear: both;
padding-top: 0.4em;
padding-bottom: 0.8em;
font-size: 95%;
background: transparent;
width: 99%;
}
form .formelement .name {
float: left;
width: auto;
padding-left: 1em;
}
form .formelement .value {
float: right;
width: 70%;
}
form .formelement .error {
color: #000;
font-weight: bold;
font-size: 90%;
}
/* Albums */
.album-container h3 {
text-align: center;
margin-top: 5px;
padding: 1.5em 0.5em 1em 0.5em;
font-weight: bold;
font-size: 100%;
}
.album-container a img {
padding: 3px;
border: 1px solid #000;
background: #fff;
}
.album-container p {
font-size: 70% ! important;
line-height: 150% ! important;
}
.album-container #gallery,
.album-container #cover-intro {
text-align: center;
padding-bottom: 1em;
}
.album-container #cover-intro p {
text-align: center;
margin-left: 140px;
margin-right: 140px;
line-height: 130%;
}
.album-container #cover-intro p a {
font-weight: bold;
}
.album-container #cover-intro img {
text-align: left;
padding: 3px;
border: 1px solid #000;
background: #fff;
}
.album-container .nav {
text-align: right;
margin-right: 1em;
color: #ff3300;
line-height: 110%;
height: 1.1em;
}
.album-container .nav a {
font-size: 70%;
}
.album-container #photo-detail .photo-container {
padding: 20px;
text-align: center;
}
.album-container #photo-detail .photo-container h4 {
font-size: 80%;
}
.album-container #photo-detail .photo-container img {
margin: 0 auto 0 auto;
padding: 3px;
border: 1px solid #000;
background: #fff;
}
.album-container #photo-detail .photo-container-no-thumb {
padding: 20px;
}
.album-container #photo-detail .photo-container-no-thumb h4 {
margin-top: 0;
font-size: 80%;
}
.album-container #photo-detail .photo-container-no-thumb img {
float: left;
margin: 0 1em 1em 0;
padding: 3px;
border: 1px solid #000;
background: #fff;
}
.album-container .thumblist {
float: left;
clear: both;
padding: 20px;
}
.album-container .thumblist img {
float: left;
margin: 10px;
padding: 3px;
border: 1px solid #000;
background: #fff;
}
.album-container .thumblist-nofloat {
padding-top: 15px;
}
.album-container .thumblist-nofloat img {
margin: 10px;
padding: 3px;
border: 1px solid #000;
background: #fff;
}
.album-container .thumblist-with-detail {
text-align: left;
float: left;
padding: 20px;
width: auto;
}
.album-container .thumblist-with-detail .thumb-container {
padding-top: 1em;
padding-bottom: 1.5em;
float: left;
width: 99%;
}
.album-container .thumblist-with-detail a {
float: left;
font-size: 70%;
}
.album-container .thumblist-with-detail img {
margin-right: 10px;
margin-bottom: 10px;
padding: 3px;
border: 1px solid #000;
background: #fff;
}
.album-container .thumblist-with-detail h4 {
margin: 0;
padding: 0 0 0.5em 0;
font-size: 80%;
}
.album-container .thumblist-with-detail a.view-details {
float: right;
}
.spacer {
clear: both;
}
/* Diapo */
body.diapo {
margin: 0px 0px 0px 0px;
padding: 0px;
background-color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#diapo-container {
margin-right: 1em;
margin-left: 1em;
margin-top: 5px;
text-align: center;
width: 95%;
}
#diapo-container .content {
width: 100%;
position: relative;
text-align: center;
padding: 0px;
margin: 20px 0px 0px 0px;
overflow: auto;
height: 500px;
}
#diapo-container .content img {
margin: 0 auto 0 auto;
border: 4px solid #000;
padding: 3px;
}
#diapo-container .content p {
font-size: 130%;
color: white;
margin: 2em auto 0 auto;
}
#diapo-container .nav {
color: #ddd;
line-height: 90%;
height: 1.1em;
font-size: 70%;
margin: 0px;
width: 100%;
}
#diapo-container .top {
position: relative;
height: 30px;
}
#diapo-container .bottom {
position: relative;
height: 80px;
text-align: center;
float: left;
padding-top: 1px;
}
#diapo-container .nav .menu {
text-align: center;
width: 100%;
}
#diapo-container .nav .menu select {
background-color: #000;
padding: 0px;
margin: 0px 0px 0px 0.5em;
color: #ddd;
height: 18px;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#diapo-container .nav .close {
text-align: right;
float: right;
line-height: 200%;
}
#diapo-container .nav a {
color: #ddd;
text-decoration: none;
}
#diapo-container .nav a:hover,
#diapo-container .nav a:active {
text-decoration: underline;
}
ul.category-list {
-moz-column-count:2
}
ul.archive-list {
-moz-column-count:3
}
.archive-list li, .category-list li {
padding-right:15px;
}
ul.popular-tags li {
display: inline;
margin: 0.2em;
}
ul.tag-list {
padding:0;
margin-left:0;
}
ul.tag-list li {
display: inline;
margin: 0.2em;
}
h3.total {
padding: 0;
font-size: 105%;
background : none;
margin-top : 10px;
}
h3.total a {
text-decoration : none;
}
<!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="{$blog.language}" lang="{$blog.language}">
<head>
<link rel="icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
<title>{$blog.title} : {t}Archives{/t}</title>
<meta name="description" content="{$blog.description|htmlspecialchars}" />
<meta name="keywords" content="{$blog.keywords|htmlspecialchars}" />
<meta name="abstract" content="{$blog.description|htmlspecialchars}" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="publisher" content="http://www.blogspirit.com/" />
<meta name="generator" content="http://www.blogspirit.com/" />
<meta name="robots" content="{if $blog.referencing}index,follow{else}noindex,nofollow{/if}" />
<link rel="stylesheet" href="{$blog.url}style.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="{$blog.url}atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{$blog.url}index.rss" />
</head>
<body>
<div id="container">
<div class="container-decorator1">
<div class="container-decorator2">
<div id="banner-img">
<div class="banner-img-decorator1">
<div class="banner-img-decorator2">
<div class="img-link">
<a href="{$blog.url}"></a>
</div>
</div>
</div>
</div>
<div id="banner">
<div class="banner-decorator1">
<div class="banner-decorator2">
<h1><a href="{$blog.url}">{$blog.title}</a></h1>
<h2>{$blog.description|default:" "}</h2>
</div>
</div>
</div>
<div id="left">
<div class="left-decorator1">
<div class="left-decorator2">
{sidebar file="sidebar1.htm"}
</div>
</div>
</div>
<div id="right">
<div class="right-decorator1">
<div class="right-decorator2">
{sidebar file="sidebar2.htm"}
</div>
</div>
</div>
<div id="center">
<div class="center-decorator1">
<div class="center-decorator2">
<div class="content">
<p align="right">
{archiveprevious assign="archive"}<a href="{$archive.url}">« {$archive.title}</a> | {/archiveprevious}
<a href="{$blog.url}">{t}HomePage{/t}</a>
{archivenext assign="archive"} | <a href="{$archive.url}">{$archive.title} »</a><br />{/archivenext}
</p>
{posts assign="post" lastn="10" archives="archives" commentcount="commentcount" trackbackcount="trackbackcount" categories="categories"}
{date_header date="`$post.pubdate`"}
<h2 class="date"><span>{$post.pubdate|date_format:"`$blog.date_format`"}</span></h2>
{/date_header}
<a id="a{$post.id}"></a>
<h3><span>{$post.title}</span></h3>
<div class="posttext">
<div class="posttext-decorator1">
<div class="posttext-decorator2">
{$post.source|trimlonglines:60}
</div>
</div>
</div>
{if $post.extended}<p class="readmore"><a href="{$post.permalink}#more">{t}Read more ...{/t}</a></p>{/if}
<div class="postbottom">
<div class="postbottom-decorator1">
<div class="postbottom-decorator2">
<p class="posted">
{post_footer}
</p>
</div>
</div>
</div>
{/posts}
{posts assign="post" archives="archives" postcount="postcount"}
{if $post.postcount>2}<p><a href="/archives/date/{$archive.folder}.html">{t}All the posts{/t}</a></p>{/if}
{/posts}
</div>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
</div>
</div>
<div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>
</body>
</html>
<div id="box-calendar" class="box-decorator1"><div class="box-decorator2"><div class="box-decorator3">
<div class="decorator1"><div class="decorator2"><h2>{$month_name} {$year}</h2></div></div>
<div class="boxcontent-decorator1"><div class="boxcontent-decorator2"><div class="boxcontent-decorator3">
<div class="calendar-box">
<table class="calendar" border="0" cellpadding="1" cellspacing="1">
<tr>
{section name="day_of_week" loop=$day_of_week_abbrevs}
<th class="day-of-week">{$day_of_week_abbrevs[day_of_week]}</th>
{/section}
</tr>
{section name="row" loop=$calendar}
<tr valign="top">
{section name="col" loop=$calendar[row]}
{assign var="date" value=$calendar[row][col]}
{if $date == $selected_date || $date|date_format:"%m" == $month}
{if isset($calendarposts.$date)}
<td class="day {cycle values="even,odd"} selected{if $date|date_format:"%e" == $smarty.now|date_format:"%e"} today{/if}"><a href="{$calendarposts.$date}">{$date|date_format:"%e"}</a></td>
{else}
<td class="day {cycle values="even,odd"}{if $date|date_format:"%e" == $smarty.now|date_format:"%e"} today{/if}">{$date|date_format:"%e"}</td>
{/if}
{else}
<td class="day {cycle values="even,odd"}"></td>
{/if}
{/section}
</tr>
{/section}
</table>
</div>
</div></div></div>
</div></div></div>
<!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="{$blog.language}" lang="{$blog.language}">
<head>
<link rel="icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
<title>{$category.folder} : {$blog.title}</title>
<meta name="description" content="{$blog.description|htmlspecialchars}" />
<meta name="keywords" content="{$blog.keywords|htmlspecialchars}" />
<meta name="abstract" content="{$blog.description|htmlspecialchars}" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="publisher" content="http://www.blogspirit.com/" />
<meta name="generator" content="http://www.blogspirit.com/" />
<meta name="robots" content="{if $blog.referencing}index,follow{else}noindex,nofollow{/if}" />
<link rel="stylesheet" href="{$blog.url}style.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="{$blog.url}atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{$blog.url}index.rss" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{$blog.url}{$category.folder}/index.rss" />
<link rel="start" href="{$blog.url}" title="Home" />
</head>
<body>
<div id="container">
<div class="container-decorator1">
<div class="container-decorator2">
<div id="banner-img">
<div class="banner-img-decorator1">
<div class="banner-img-decorator2">
<div class="img-link">
<a href="{$blog.url}"></a>
</div>
</div>
</div>
</div>
<div id="banner">
<div class="banner-decorator1">
<div class="banner-decorator2">
<h1><a href="{$blog.url}">{$blog.title}</a></h1>
<h2>{$blog.description|default:" "}</h2>
</div>
</div>
</div>
<div id="left">
<div class="left-decorator1">
<div class="left-decorator2">
{sidebar file="sidebar1.htm"}
</div>
</div>
</div>
<div id="right">
<div class="right-decorator1">
<div class="right-decorator2">
{sidebar file="sidebar2.htm"}
</div>
</div>
</div>
<div id="center">
<div class="center-decorator1">
<div class="center-decorator2">
<div class="content">
{posts assign="post" lastn="10" category="`$category.folder`" commentcount="commentcount" trackbackcount="trackbackcount" categories="categories"}
{date_header date="`$post.pubdate`"}
<h2 class="date"><span>{$post.pubdate|date_format:"`$blog.date_format`"}</span></h2>
{/date_header}
<a id="a{$post.id}"></a>
<h3><span>{$post.title}</span></h3>
<div class="posttext">
<div class="posttext-decorator1">
<div class="posttext-decorator2">
{$post.source|trimlonglines:60}
</div>
</div>
</div>
{if $post.extended}<p class="readmore"><a href="{$post.permalink}#more">{t}Read more ...{/t}</a></p>{/if}
<div class="postbottom">
<div class="postbottom-decorator1">
<div class="postbottom-decorator2">
<p class="posted">
{post_footer}
</p>
</div>
</div>
</div>
{/posts}
{posts assign="post" category="`$category.folder`" postcount="postcount"}
{if $post.postcount>10}<p><a href="/archives/category/{$category.folder}.html">{t}All the posts{/t}</a></p>{/if}
{/posts}
</div>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
</div>
</div>
<div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>
</body>
</html>
<div class="sidebar">
{if $user.photo} <div id="box-yourphoto" class="boxtitleless-decorator1"><div class="boxtitleless-decorator2"><div class="boxtitleless-decorator3"> <div class="link-note"> <div id="my-photo"> <img src="/{$user.photo}" width="{$user.photo_width}" height="{$user.photo_height}" alt="{t}Photo{/t}" /> </div></div> </div></div></div>{/if}
<div id="box-aboutme" class="boxtitleless-decorator1"><div class="boxtitleless-decorator2"><div class="boxtitleless-decorator3"> <div class="link-note"><a href="{$blog.url}about.html">{t}About Me{/t}</a></div> </div></div></div>
{categories assign="category"}{if $category.first}<div id="box-categories" class="box-decorator1"><div class="box-decorator2"><div class="box-decorator3"> <div class="decorator1"> <div class="decorator2"><h2>{t}Categories{/t}</h2></div></div> <div class="boxcontent-decorator1"><div class="boxcontent-decorator2"><div class="boxcontent-decorator3"> <ul>{/if}<li><a href="{$category.url|urlchar|lower}/">{$category.name}</a></li> {if $category.last}</ul> </div></div></div> </div></div></div>{/if} {/categories}
{insert name="getweblogs" lastn="10" language="`$blog.language`"}
</div>
<div class="sidebar">
{calendarposts year=$year month=$month day=$day}
{posts assign="post" lastn="10"} {if $post.first}<div id="box-recentposts" class="box-decorator1"><div class="box-decorator2"><div class="box-decorator3"> <div class="decorator1"><div class="decorator2"><h2>{t}Recent Posts{/t}</h2></div></div> <div class="boxcontent-decorator1"><div class="boxcontent-decorator2"><div class="boxcontent-decorator3"> <ul>{/if} <li><a href="{$post.permalink}">{$post.title|truncate:50:"..."}</a></li> {if $post.last}</ul> </div></div></div> </div></div></div>{/if} {/posts}
{comments assign="comment" lastn="10" posts="posts"} {if $comment.first}<div id="box-recentcomments" class="box-decorator1"><div class="box-decorator2"><div class="box-decorator3"> <div class="decorator1"><div class="decorator2"><h2>{t}Recent comments{/t}</h2></div></div> <div class="boxcontent-decorator1"><div class="boxcontent-decorator2"><div class="boxcontent-decorator3"> <ul>{/if} <li><a href="{$comment.permalink}#c{$comment.id}">{$comment.authorname|truncate:50:"..."}</a> {t}on{/t} <a href="{$comment.permalink}">{$comment.post|truncate:50:"..."}</a></li> {if $comment.last}</ul> </div></div></div> </div></div></div>{/if} {/comments}
{archives assign="archive" archive_type="Monthly" date_format="%Y-%m" limit="10"} {if $archive.first}<div id="box-archives" class="box-decorator1"><div class="box-decorator2"><div class="box-decorator3"> <div class="decorator1"><div class="decorator2"><h2>{t}Archives{/t}</h2></div></div> <div class="boxcontent-decorator1"><div class="boxcontent-decorator2"><div class="boxcontent-decorator3"> <ul>{/if}<li><a href="{$archive.url}">{$archive.name}</a></li> {if $archive.last}<li><a href="{$blog.url}archives/">{t}All archives{/t}</a></li></ul> </div></div></div> </div></div></div>{/if}{/archives}
<div id="box-syndication" class="boxtitleless-decorator1"><div class="boxtitleless-decorator2"><div class="boxtitleless-decorator3"><div class="link-note"><a href="{$blog.url}index.rss"><img src="{$platform.url}images/extras/rssvalidated.gif" alt="{t}Syndicate this site (rss){/t}" /></a><br/><a href="{$blog.url}atom.xml"><img src="{$platform.url}images/extras/atom10.gif" alt="{t}Syndicate this site (XML){/t}" /></a><br/></div></div></div></div>
<div class="link-note">
<a href="{$platform.url}">
<img src="{$platform.url}images/extras/hautetfort.gif" alt="blog"/></a><br /></div>
</div>
<!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="{$blog.language}" lang="{$blog.language}">
<head>
<link rel="icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
<title>{$album.title} : {$blog.title}</title>
<meta name="description" content="{$blog.description|htmlspecialchars}" />
<meta name="keywords" content="{$blog.keywords|htmlspecialchars}" />
<meta name="abstract" content="{$blog.description|htmlspecialchars}" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="publisher" content="http://www.blogspirit.com/" />
<meta name="generator" content="http://www.blogspirit.com/" />
<meta name="robots" content="{if $blog.referencing}index,follow{else}noindex,nofollow{/if}" />
<link rel="stylesheet" href="{$blog.url}style.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="{$blog.url}atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{$blog.url}index.rss" />
</head>
<body>
<div id="container" class="album-container">
<div class="container-decorator3">
<div class="container-decorator4">
<div id="banner-img">
<div class="banner-img-decorator1">
<div class="banner-img-decorator2">
<div class="img-link">
<a href="{$blog.url}"></a>
</div>
</div>
</div>
</div>
<div id="banner">
<div class="banner-decorator1">
<div class="banner-decorator2">
<h1><a href="{$blog.url}">{$blog.title}</a></h1>
<h2>{$blog.description|default:" "}</h2>
</div>
</div>
</div>
<div id="cover-intro">
<div class="nav"> </div>
{if $photosalbums.layout_cover eq "cover-intro"}
<h3>{$album.title|stripslashes}</h3>
<p>
<a href="{$album.url}page1/">{t}Enter Gallery{/t}</a>
</p>
<a href="{$album.url}page1/"><img src="{$album.url}{$album.cover_photo}" alt="{$album.title|stripslashes}" title="{$album.title|stripslashes}" /></a>
<p>{$album.description|nl2br}</p>
{else} {** cover-intro-photos **}
<h3>{$album.title|stripslashes}</h3>
<p>
<a href="{$album.url}page1/">{t}Enter Gallery{/t}</a>
</p>
<a href="{$album.url}page1/"><img src="{$album.url}{$album.cover_photo}" alt="{$album.title|stripslashes}" title="{$album.title|stripslashes}" /></a>
<div class="thumblist-nofloat">
{randomphotos numbers="4" assign="photo"}
<a href="{$photo.permalink}"><img src="{$photo.thumbnail}" alt="{$photo.title|stripslashes}"/></a>
{/randomphotos}
</div>
<p>{$album.description|stripslashes|nl2br|default:" "}</p>
{/if}
</div>
<div class="spacer"></div>
</div>
</div>
</div>
<div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>
</body>
</html>
<!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="{$blog.language}" lang="{$blog.language}">
<head>
<link rel="icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
<title>{$album.title|htmlspecialchars|stripslashes} : {$blog.title}</title>
<meta name="description" content="{$blog.description|htmlspecialchars|stripslashes}" />
<meta name="keywords" content="{$blog.keywords|htmlspecialchars|stripslashes}" />
<meta name="abstract" content="{$blog.description|htmlspecialchars|stripslashes}" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="publisher" content="http://www.blogspirit.com/" />
<meta name="generator" content="http://www.blogspirit.com/" />
<meta name="robots" content="{if $blog.referencing}index,follow{else}noindex,nofollow{/if}" />
<link rel="stylesheet" href="{$blog.url}style.css" type="text/css" />
</head>
<body>
<div id="container" class="album-container">
<div class="container-decorator3">
<div class="container-decorator4">
<div id="banner-img">
<div class="banner-img-decorator1">
<div class="banner-img-decorator2">
<div class="img-link">
<a href="{$blog.url}"></a>
</div>
</div>
</div>
</div>
<div id="banner">
<div class="banner-decorator1">
<div class="banner-decorator2">
<h1><a href="{$blog.url}">{$blog.title}</a></h1>
<h2>{$blog.description|default:" "}</h2>
</div>
</div>
</div>
<div id="photo-detail">
<div class="nav">
{photoprevious assign="photo"}
<a href="{$photo.permalink}">« {$photo.title}</a> |
{/photoprevious}
<a href="{$album.url}page1/">{t}Return to gallery{/t}</a>
{photonext assign="photo"}
| <a href="{$photo.permalink}">{$photo.title} »</a>
{/photonext}
</div>
<h3>{$album.title|stripslashes}</h3>
{photos assign="photo" permalink="permalink"}
{if $photosalbums.layout_detail eq "details"}
<div class="photo-container-no-thumb">
<img src="{$photo.normal}" alt="{$photo.title|htmlspecialchars}" title="{$photo.title|htmlspecialchars}" />
<h4>{$photo.title}</h4>
<p>{$photo.description|nl2br}</p>
{* $photo.created|date_format:"`$blog.date_format`" *}
<div class="spacer"></div>
</div>
{else} {** details-thumbs **}
<div class="photo-container">
<img src="{$photo.normal}" alt="{$photo.title|htmlspecialchars}" title="{$photo.title|htmlspecialchars}" />
<h4>{$photo.title}</h4>
<p>{$photo.description|nl2br}</p>
{* $photo.created|date_format:"`$blog.date_format`" *}
<div class="spacer"></div>
</div>
{/if}
{/photos}
<div class="spacer"></div>
</div>
<div class="spacer"></div>
</div>
</div>
</div>
<div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>
</body>
</html>
<!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="{$blog.language}" lang="{$blog.language}">
<head>
<link rel="icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
<title>{$album.title|htmlspecialchars|stripslashes} : {$blog.title}</title>
<meta name="description" content="{$blog.description|htmlspecialchars|stripslashes}" />
<meta name="keywords" content="{$blog.keywords|htmlspecialchars|stripslashes}" />
<meta name="abstract" content="{$blog.description|htmlspecialchars|stripslashes}" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="publisher" content="http://www.blogspirit.com/" />
<meta name="generator" content="http://www.blogspirit.com/" />
<meta name="robots" content="{if $blog.referencing}index,follow{else}noindex,nofollow{/if}" />
<link rel="stylesheet" href="{$blog.url}style.css" type="text/css" />
<script type="text/javascript">
//<![CDATA[
{literal}
var Pic = new Array();
var Title = new Array();
{/literal}
{photos assign="photo"}
Pic[{$photo.iteration}-1] = '{$photo.normal}';
{/photos}
{literal}
var listsize = Pic.length;
var preLoad = new Array();
for (i = 0; i < listsize; i++){
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
};
var current = -1;
var slideShowSpeed = 6000;
var intervalId = null;
function show(current) {
document.images.SlideShow.src = preLoad[current].src;
document.images.SlideShow.style['border'] = '4px solid #fff';
};
function startShow() {
if(Pic.length) setTime();
};
function setTime() {
if (intervalId != null) {
clearInterval(intervalId);
intervalId = null;
};
if (slideShowSpeed > 0) {
intervalId = setInterval("timeSlide()", slideShowSpeed);
};
};
function showNext() {
current = current + 1;
if (current >= listsize)
current = 0;
show (current) ;
setTime();
};
function showPrevious() {
current = current - 1;
if (current < 0)
current = listsize - 1;
show (current) ;
setTime();
};
function timeSlide() {
if (slideShowSpeed > 0) {
showNext();
};
};
function changeTiming(time) {
slideShowSpeed = time;
setTime();
};
{/literal}
//]]>
</script>
</head>
<body class="diapo" onload="startShow();">
<div id="diapo-container">
<div class="nav top">
<div class="close">
<a href="#" onclick="self.close();">{t}Close slideshow{/t}</a>
</div>
</div>
<div class="content">
<div>
<img src="{$platform.url}graphics/waiting_black.gif" name="SlideShow" alt="{t}Slideshow{/t}" title="{t}Slideshow{/t}" />
</div>
</div>
<div class="nav bottom">
<div class="menu">
<form name="timingForm" action="slideshow.html">
<span>
<a href="#" onclick="showPrevious();return false;">{t} Previous{/t}</a> |
{t}Slideshow speed:{/t}
<select name="time" onchange="changeTiming(this.options[this.selectedIndex].value);">
<option value="0">-</option>
<option value="10000">{t}Slow{/t}</option>
<option value="5000" selected="selected">{t}Medium{/t}</option>
<option value="3000">{t}Fast{/t}</option>
<option value="1500">{t}Very fast{/t}</option>
</select>
| <a href="#" onclick="showNext();return false;">{t} Next{/t}</a>
</span>
</form>
</div>
<div class="spacer"></div>
</div>
<div class="spacer"></div>
</div>
<div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>
</body>
</html>
<!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="{$blog.language}" lang="{$blog.language}">
<head>
<link rel="icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
<title>{$album.title|htmlspecialchars|stripslashes} : {$blog.title}</title>
<meta name="description" content="{$blog.description|htmlspecialchars|stripslashes}" />
<meta name="keywords" content="{$blog.keywords|htmlspecialchars|stripslashes}" />
<meta name="abstract" content="{$blog.description|htmlspecialchars|stripslashes}" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="publisher" content="http://www.blogspirit.com/" />
<meta name="generator" content="http://www.blogspirit.com/" />
<meta name="robots" content="{if $blog.referencing}index,follow{else}noindex,nofollow{/if}" />
<link rel="stylesheet" href="{$blog.url}style.css" type="text/css" />
{literal}<script type="text/javascript">
function popupCenter(url,width,height,xtr) {
var top=(screen.height-height)/2;
var left=(screen.width-width)/2;
window.open(url,"",xtr+",top="+top+",left="+left+",width="+width+",height="+height);
}
</script>{/literal}
</head>
<body>
<div id="container" class="album-container">
<div class="container-decorator3">
<div class="container-decorator4">
<div id="banner-img">
<div class="banner-img-decorator1">
<div class="banner-img-decorator2">
<div class="img-link">
<a href="{$blog.url}"></a>
</div>
</div>
</div>
</div>
<div id="banner">
<div class="banner-decorator1">
<div class="banner-decorator2">
<h1><a href="{$blog.url}">{$blog.title}</a></h1>
<h2>{$blog.description|default:" "}</h2>
</div>
</div>
</div>
<div id="gallery">
<div class="nav">
{photosboardprevious assign="board"}
<a href="{$board.url}">« {t}Previous{/t}</a> |
{/photosboardprevious}
{photosboard assign="board" photocount="photocount"}
{if $board.photocount}<a href="{$album.url}slideshow.html" onclick="popupCenter(this.href,800,600,'scrollbars=no,resizable=yes');return false;">{t}Slideshow{/t}</a>{/if}
{/photosboard}
{photosboardnext assign="board"} |
<a href="{$board.url}">{t}Next{/t} »</a>
{/photosboardnext}
</div>
<h3>{$album.title|stripslashes}</h3>
{$album.description}
{if $photosalbums.layout_list eq "thumbs"}
<div class="thumblist">
{photosboard assign="photo"}
<a href="{$photo.permalink}"><img src="{$photo.thumbnail}" alt="{$photo.title}" title="{$photo.title}" /></a>
{/photosboard}
<div class="spacer"></div>
</div>
{else}
<div class="thumblist-with-detail">
{photosboard assign="photo"}
<div class="thumb-container">
<a href="{$photo.permalink}">
<img src="{$photo.thumbnail}" width="75" height="75" alt="{$photo.title}" title="{$photo.title}" />
</a>
<a href="{$photo.permalink}" class="view-details">{t}View details{/t}</a>
<h4>{$photo.title}</h4>
<p>{$photo.description|nl2br}</p>
</div>
{/photosboard}
</div>
{/if}
<div class="spacer"></div>
</div>
<div class="spacer"></div>
</div>
</div>
</div>
<div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>
</body>
</html>
Et voilà elle est a rallonge... merci !