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.

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 :

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:"&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">
{postprevious assign="post"}
<a href="{$post.permalink}">&laquo; {$post.title}</a> |
{/postprevious}
<a href="{$blog.url}">{t}HomePage{/t}</a>
{postnext assign="post"}
| <a href="{$post.permalink}">{$post.title} &raquo;</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 />&nbsp;</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>&raquo; 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="&nbsp;{t}Preview{/t}&nbsp;" />
<input tabindex="6" type="submit" name="post" value="&nbsp;{t}Send{/t}&nbsp;" />
</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;">&#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>
<!--- /modele de la page lien permanent . Gee Mee 091204 --->


Les commentaires sont fermés.