14.01.2010
"Modèle de la page lien permanent" 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 14 janvier 2010 de la page lien permanent (c'est celle qui correspond à la visusalisation in extenso d'une note). Si vous avez un doute, lisez donc : Comment utiliser les modèles de ce blog ?
Particularités du modèle :
- "Encadrement" graphique de la partie centrale (code "aspire")
- Format de date sur deux lignes
- Personnalisation du formulaire de commentaire avec une valeur par défaut pour l'adresse de courrier afin d'afficher un gravatar par défaut personnalisé.
- Crédits inscrits dans le pied de page
- Personnalisation du module 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
- Alignement
<!--- modele de la page lien permanent . Gee Mee 100114 --->
<!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>{$post.title|htmlspecialchars} : {$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="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-brut.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="start" href="{$blog.url}" title="Home" />
{postprevious assign="post"}
<link rel="prev" href="{$post.permalink}" title="{$post.title}" />
{/postprevious}
{postnext assign="post"}
<link rel="next" href="{$post.permalink}" title="{$post.title}" />
{/postnext}
{if $post.allowtrackbacks}
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="{$post.permalink}"
trackback:ping="{$blog.url}trackback/{$post.id}"
dc:title="{$post.title}"
dc:identifier="{$post.permalink}"
dc:description="<![CDATA[{$post.source|strip_tags|truncate}]]>"
dc:creator="{$user.displayname}"
dc:date="{$post.pubdate|date_format:"%Y-%m-%dT%H:%M:%S"}" />
</rdf:RDF>
-->
{/if}
<script type="text/javascript" src="{$platform.url}javascript/prototype-min.js"></script>
<script type="text/javascript" src="{$platform.url}javascript/validator.js"></script>
<script type="text/javascript" src="{$platform.url}javascript/rememberme.js"></script>
{if $platform.modules.registeredcomments}
<script type="text/javascript" src="{$platform.url}javascript/registeredcomment.js"></script>
{/if}
<script type="text/javascript" src="{$platform.url}javascript/comment.js"></script>
<script type="text/javascript">
var errMsgName = "{t}Enter your name.{/t}";
var errMsgEmail = "{t}Enter your email.{/t}";
var errMsgComment = "{t}Enter a comment.{/t}";
</script>
<!-- link within /head-->
<script>
var linkwithin_site_id = 9537;
</script><script>linkwithin_text='Notes "relatives" :'</script>
<!-- /link within /head-->
</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">
<!--- aspire --->
<div class="cont-r"><div class="cont-l"><div class="cont-bot"><!--- <div class="begin"></div> --->
<!--- aspire --->
<p align="right">
{postprevious assign="post"}
<a href="{$post.permalink}">« {$post.title}</a> |
{/postprevious}
<a href="{$blog.url}">{t}HomePage{/t}</a>
{postnext assign="post"}
| <a href="{$post.permalink}">{$post.title} »</a>
{/postnext}
</p>
<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>
<h3 id="p1"><span>{$post.title}<br /> </span></h3>
<div class="posttext">
<div class="posttext-decorator1">
<div class="posttext-decorator2">
{if $post.extended}<div class="introductory">{/if}
{$post.source|trimlonglines:60}
{if $post.extended}</div>{/if}
{if $post.extended}<a id="more"></a><br />{$post.extended}{/if}
<!------><!------>
<div style="clear:both;"></div>
</div>
</div>
</div>
<!-- linkwithin /postbottom-->
<div id="pre linkwithin" style="width:80%;
background-image : url(http://geemee.hautetfort.com/images/aspire/message-right.gif);
background-repeat: repeat-y;
background-position: right top;
color:#663300;
font-family:Trebuchet,Century Gothic,Lucida Grande,Verdana,Arial,Helvetica;
margin-top:4px;
padding: 0px 32px 0px;
">
<div class="linkwithin_div" style="padding: 0px 32px 8px;
background-image : url(http://geemee.hautetfort.com/images/aspire/message-left.gif);
background-repeat: repeat-y;
background-position: left top;"></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>
<div class="commentlist">
{if $post.trackbackcount || $post.allowtrackbacks}
<h2 id="trackbacks"><span>{t}Trackbacks{/t}</span></h2>
{/if}
{allowtrackbacks assign="post"}
<p class="posted">{t}The URL to Trackback this post is:{/t} {$blog.url}trackback/{$post.id}</p>
{/allowtrackbacks}
{if $post.trackbackcount}
{trackbacks assign="trackback" post="`$post.id`"}
<div class="trackback">
<p id="c{$trackback.id}"><b>{$trackback.title}</b></p>
<p>{$trackback.source}</p>
<p class="posted">
{t}Trackback by:{/t} {link href="`$trackback.authorlink`" text="`$trackback.authorname`"} | {$trackback.pubdate|date_format:"`$blog.date_format`"}
</p>
</div>
{/trackbacks}
{/if}
{allowcomments assign="post"}
{if $post.commentcount}
<h2 id="comments"><span>{t}Comments{/t}</span></h2>
{comments post="`$post.id`" assign="comment"}
<div class="comment{if $comment.post_comment_parent}child{else}parent{/if}{if $user.email==$comment.email} author{/if}">
<p id="c{$comment.id}">{if $blog.blog_comment_gravatar}{$comment.email|gravatar:$blog.blog_comment_gravatar}{/if}{$comment.source}</p>
<p class="posted">
<!-- <p class="posted2"> -->
{t}Posted by:{/t} {link href="`$comment.authorlink`" text="`$comment.authorname`"}
<a href="http://www.google.fr/search?hl=fr&q=site%3Ageemee.hautetfort.com+%22ecrit par {$comment.authorname}%22" title="{$comment.authorname} a laissé d'autres commentaires sur ce blog ?" name="{$comment.authorname} a laissé d'autres commentaires sur ce blog ?" target=_blank> [?] </a>| {$comment.pubdate|date_format:"`$blog.date_format`"}
<!-- </p> -->
{if $platform.commentsthread && !$comment.post_comment_parent}
<a href="#postcomment" onclick="respondComment({$comment.id})" class="commentrespond"><b>» Répondre </b><!-- {t}Respond to this comment{/t}--></a> </p>
<span id="cauthor{$comment.id}" style="display:none">{$comment.authorname}</span>
{/if}
</div>
{/comments}
{/if}
{commentsopen assign="post"}
<h2 id="postcomment"><span>{t}Post a comment{/t}</span></h2>
{if $blog.moderate_comments==1} {* MODERATION_ON *}
<p>{t}NB: Comments are moderated on this weblog.{/t}</p>
{elseif $blog.moderate_comments==2} {* CUSTOM_MODERATION_ANYDAY *}
<p>{t 1=$blog.moderate_starttime|date_format:"%H" 2=$blog.moderate_endtime|date_format:"%H" 3=$user.timezone}NB: Comments are moderated on this weblog between %1 h and %2 h (%3).{/t}</p>
{elseif $blog.moderate_comments==3} {* CUSTOM_MODERATION_WEEKDAY *}
<p>{t 1=$blog.moderate_starttime|date_format:"%H" 2=$blog.moderate_endtime|date_format:"%H" 3=$user.timezone}NB: Comments are moderated on this weblog the weekends and between %1 h - %2 h (%3).{/t}</p>
{/if}
<div id="commentform">
<webform:form javascript="0" name="post_comment" method="post" action="{$blog.url}comments" onsubmit="return submitForm(this)">
<input type="hidden" name="post_id" value="{$post.id}" />
<input type="hidden" name="post_comment_parent" value="" id="post_comment_parent" />
<input type="hidden" name="post_comment_username" value="" id="post_comment_username" />
<input type="hidden" name="mhash" value="{mhash data="post_id=`$post.id`"}"/>
<input type="hidden" name="registered_username" value="" id="hfusername"/>
<input type="hidden" name="registered_nick" value="" id="hfnick"/>
<input type="hidden" name="registered_email" value="" id="hfemail"/>
<input type="hidden" name="registered_ts" value="" id="hfts"/>
<input type="hidden" name="registered_key" value="" id="hfkey"/>
<input type="hidden" name="anon_comments" value="{$post.allow_anon_comments|default:$blog.anon_comments}" id="anon_comments"/>
{if $platform.modules.registeredcomments}
<div id="commentregisteredintro">
<script type="text/javascript">
writeRegisteredcommentGreeting(commenter_name,{$post.allow_anon_comments|default:$blog.anon_comments});
</script>
</div>
<div id="commentanonymousintro">
{* show when user is not identified but identification is not required *}
</div>
<div id="commentregisteredmsg"> </div>
{/if}
<div id="allinputs"{if !$post.allow_anon_comments|default:$blog.anon_comments} style="display:none"{/if}>
<div class="formelement" id="respondtoauthor" style="display: none">
<label>
<span class="name">{t}In response to:{/t}<br /></span>
<span class="value" id="respondtoauthortext"></span>
</label>
<div style="clear: both"></div>
</div>
<div class="formelement" id="anonymousonly1">
<label>
<span class="name">{t}Your name:{/t}<br /></span>
<span class="value">
<input type="text" tabindex="1" id="author" name="post_comment_author" value=""/>
<webform:errormessage name="post_comment_author" id="post_comment_author_error" value="" />
</span>
</label>
<div style="clear: both"></div>
</div>
<div class="formelement" id="anonymousonly2">
<label>
<span class="name">{t}Your email:{/t}<br /></span>
<span class="value">
<input type="text" tabindex="2" id="author_email" name="post_comment_author_email" value="geemee@free.fr"/>
<a href="http://geemee.hautetfort.com/archive/2009/04/26/gravatar-defaut-personnaliser-modifier.html" target="_blank">Pourquoi laisser cette adresse ?</a> <!-- <input type="text" tabindex="2" id="author_email" name="post_comment_author_email" value=""/>-->
<webform:errormessage name="post_comment_author_email" id="post_comment_author_email_error" value="" />
</span>
</label>
<div style="clear: both"></div>
</div>
<div class="formelement">
<label>
<span class="name">{t}Your URL:{/t}<br /></span>
<span class="value">
<input tabindex="3" type="text" id="url" name="post_comment_author_link" value="http://"/>
</span>
</label>
<div style="clear: both"></div>
</div>
<div class="formelement">
<label>
<span class="name nowrap">{t}Your comment:{/t}<br />
</span>
<webform:errormessage name="post_comment_source" id="post_comment_source_error" value="" />
<textarea tabindex="4" id="comment-text" name="post_comment_source" rows="10" cols="43"></textarea>
</label>
<div style="clear: both"></div>
</div>
<div class="formelement">
<label>
<span class="name nowrap">{t}Remember info:{/t}<br />
</span>
<input type="checkbox" value="1" tabindex="5" name="remember" />
</label>
<div style="clear: both"></div>
</div>
<div class="formelement">
<label>
<span class="name nowrap">{t}Subscribe to the thread:{/t}<br />
</span>
<input type="checkbox" tabindex="6" name="thread" value="1"/>
</label>
<div style="clear: both"></div>
</div>
<div class="formelement">
<span class="value">
<input tabindex="7" type="submit" name="preview" value=" {t}Preview{/t} " />
<input tabindex="6" type="submit" name="post" value=" {t}Send{/t} " />
</span>
</div>
</div>
</webform:form>
</div>
{commentsopenelse}
<p>{t}The comments are closed.{/t}</p>
{/commentsopen}
{/allowcomments}
</div>
<!--- aspire --->
</div></div></div>
<!--- aspire --->
</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>
<!--- /modele de la page lien permanent . Gee Mee 091204 --->
10:03
Ecrit par
Gee Mee (Webmaster) |
Lien permanent
|
Commentaires (0)
| Courriel
| Partage
?
Dans : Configuration avancée
, Modèles, images et CSS
|
Tags : lien permanent
, modèle
, template
, hautetfort
, blogspirit
, aspire
Trackbacks
Voici l'URL pour faire un trackback sur cette note : http://geemee.hautetfort.com/trackback/2535081
Écrire un commentaire
NB : Les commentaires de ce blog sont modérés.