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:" "}</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 /> </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 --->     {blog_pager}<!--- aspire --->
<!--- aspire --->
</div></div></div>
<!--- aspire --->
<!--- <div class="pager">{blog_pager}</div> --->
<!-- fin -->
</div>
</div>
</div>
</div>
<div style="clear: both;"> </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 --->
14:35
Ecrit par
Gee Mee (Webmaster) |
Lien permanent
|
Commentaires (0)
| Courriel
| Partage
?
Dans : Configuration avancée
, Modèles, images et CSS
, Personnaliser son blog
|
Tags : modèle
, template
, accueil
, home
, hautetfort
, blogspirit
, aspire
Trackbacks
Voici l'URL pour faire un trackback sur cette note : http://geemee.hautetfort.com/trackback/2114380
Écrire un commentaire
NB : Les commentaires de ce blog sont modérés.