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 d'accueil" 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'accueil (première mise à disposition le 26 mars 2009). Si vous avez un doute, lisez donc : Comment utiliser les modèles de ce blog ?

Particularités du modèle :

  • Appel d'une CSS externe pour l'impression
  • Format de la date sur deux lignes
  • "Encadrement" graphique de la partie centrale (code "aspire")
  • Crédits inscrits dans le pied de page
  • Intégration du code LinkWithin

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 d'accueil . 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} : Personnalisez votre blog Hautetfort</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="stylesheet" media="screen, handheld" href="{$blog.url}style.css" type="text/css" />
<link rel="stylesheet" media="print" href="http://geemee.ouvaton.org/geemee-css-print.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}" />

<!-- link within /head-->
<script>
var linkwithin_site_id = 9537;
</script><script>linkwithin_text='Autres notes au hasard :'</script>
<!-- /link within /head-->
</head>

<body>
<div id="mytop"></div>
<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="http://geemee.hautetfort.com"></a>
</div>
</div>
</div>
</div>
<div id="banner">
<div class="banner-decorator1">
<div class="banner-decorator2">
<h1><a href="http://geemee.hautetfort.com">{$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 --->                                  
{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`"} -->
{$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}<br />&nbsp;</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}

<!-- linkwithin /postbottom-->
<div id="pre linkwithin" style="padding: 0px 32px;">
<div class="linkwithin_div"></div>
<script src="http://www.linkwithin.com/widget.js"></script>
</div>
<!-- /linkwithin /postbottom-->

<div class="postbottom">
<div class="postbottom-decorator1">
<div class="postbottom-decorator2">
<p class="posted">
{post_footer}
</p>
</div>
</div>
</div>


{/posts}

<!--- aspire --->&#160;&#160;&#160;&#160;&#160;{blog_pager}<!--- aspire --->
<!--- aspire --->
</div></div></div>
<!--- aspire --->

<!--- <div class="pager">{blog_pager}</div> --->
<!-- fin -->
</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="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>
<!-- /Modèle de la page d'accueil . Gee Mee 091218 --->


Les commentaires sont fermés.