Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

22.12.2009

"Modèle de la page archives" du blog de Gee Mee

Je m'efforce de mettre à votre disposition les modèles de ce blog, et vous trouverez ci dessous la version du 18 décembre 2009 de la page d'archives (pour exemple, celle du mois de décembre 2009). Si vous avez un doute, lisez donc : Comment utiliser les modèles de ce blog ?

Particularités du modèle :

  • Format de la date sur deux lignes
  • "Encadrement" graphique de la partie centrale (code "aspire")
  • Crédits inscrits dans le pied de page

Ce qu'il reste à faire (notamment) :

  • Refonte de l'en-tête de page.
  • Gestion de l'arrière-plan général
  • Report de l'encadrement graphique dans la CSS


<!--- Modèle de la page archives - Gee Mee 091218 --->
<!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="http://geemee.hautetfort.com/images/favicon1.ico" type="image/x-icon" />
<link rel="shortcut icon"  href="http://geemee.hautetfort.com/images/favicon1.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:"&nbsp;"}</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">

<!--- aspire --->
<div class="cont-r"><div class="cont-l"><div class="cont-bot"><!--- <div class="begin"></div> --->
<!--- aspire ---> 

<p align="right">
{archiveprevious assign="archive"}<a href="{$archive.url}">&laquo; {$archive.title}</a> | {/archiveprevious}
<a href="{$blog.url}">{t}HomePage{/t}</a>
{archivenext assign="archive"} | <a href="{$archive.url}">{$archive.title} &raquo;</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`"} -->
{$post.pubdate|date_format:"%d"}</span><br />
<span class="month">{$post.pubdate|date_format:"%b"}</span>
</h2>
{/date_header}
<a id="a{$post.id}"></a>
<h3 id="p{$post.iteration}"><span>{$post.title}</span></h3>
<div class="posttext">
<div class="posttext-decorator1">
<div class="posttext-decorator2">
{$post.source|trimlonglines:60}
<div style="clear:both;"></div>
</div>
</div>
</div>
{if $post.extended}<div class="readmore"><p><a href="{$post.permalink}#more">{t}Lire la suite...{/t}</a></p></div>{/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}Toutes les archives &#0187;{/t}</a></p>{/if}
{/posts}
<!--- aspire --->
</div></div></div>
<!--- aspire --->                              </div>
</div>
</div>
</div>
<div style="clear: both;">&#160;</div>
</div>
</div>
</div>
<div id="extraDiv1"><span>Copyleft.  <a href="http://geemee.hautetfort.com/about.html">Gee Mee</a> s'est inspiré du thème <a href="http://www.infocreek.com/webdesign/aspire.html"><i>Aspire</i></a> développé par <a href="http://www.infocreek.com">InfoCreek</a> pour <a href="http://www.wordpress.org">WordPress</a></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>
<!---/Modèle de la page archives -- Gee Mee 091218 --->


Les commentaires sont fermés.