22.12.2009
"Modèle de la page commentaires" 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 commentaires (c'est celle qui correspond à l'aperçu d'un commentaire avant validation). 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")
- 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
- Alignement
<!--- Modèle de la page commentaires - Gee Mee 091222 --->
<!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="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" />
<script type="text/javascript" src="{$platform.url}javascript/validator.js"></script>
<script type="text/javascript" src="{$platform.url}javascript/prototype-min.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>
</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 --->
<h2><span>{t}Previewing your comment{/t}</span></h2>
<p>{$post_comment_source|stripslashes|nl2br}</p>
<p class="posted">
{t}Posted by:{/t}
{link href="$post_comment_author_link" text="`$post_comment_author`"} | {$smarty.now|date_format:"`$blog.date_format`"}
</p>
{if $blog.moderate_comments}
<p>{t}NB: Comments are moderated on this weblog.{/t}</p>
{/if}
<webform:form javascript="0" onsubmit="return submitForm(this)" name="post_comment" method="post" action="{$blog.url}comments">
<input type="hidden" name="post_id" value="{$post_comment_post}" />
<input type="hidden" name="post_comment_parent" value="{$post_comment_parent}"/>
<input type="hidden" name="post_comment_username" value="{$post_comment_username}"/>
<input type="hidden" name="mhash" value="{$mhash}"/>
<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}>
{if $post_comment_parent}
<div class="formelement" id="respondtoauthor">
<label>
<span class="name">{t}In response to:{/t}<br /></span>
<span class="value" id="respondtoauthortext">{$post_comment_username}</span>
</label>
<div style="clear: both"></div>
</div>
{/if}
<div class="formelement" id="anonymousonly1">
<label>
<span class="name">{t}Your name:{/t}<br /></span>
<span class="value">
<webform:input type="text" tabindex="1" id="author" name="post_comment_author" value="$post_comment_author"/>
<webform:errormessage name="post_comment_author" value="$post_comment_author_error" />
</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">
<webform:input type="text" tabindex="2" id="author_email" name="post_comment_author_email" value="$post_comment_author_email"/>
<webform:errormessage name="post_comment_author_email" value="$post_comment_author_email_error" />
</span>
</label>
<div style="clear: both"></div>
</div>
<div class="formelement">
<label>
<span class="name">{t}Your URL:{/t}<br /></span>
<span class="value">
<webform:input type="text" tabindex="3" id="url" name="post_comment_author_link" value=$post_comment_author_link|default:"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" value="$post_comment_source_error" />
<textarea tabindex="4" id="comment-text" name="post_comment_source" rows="10" cols="43">{$post_comment_source|stripslashes}</textarea>
</label>
<div style="clear: both"></div>
</div>
<div class="formelement">
<label>
<span class="name nowrap">{t}Remember info:{/t}<br />
</span>
<webform:checkbox name="remember" checked="$remember" tabindex="5">
<webform:option text=" " value="1" />
</webform:checkbox>
</label>
<div style="clear: both"></div>
</div>
<div class="formelement">
<label>
<span class="name nowrap">{t}Subscribe to the thread:{/t}<br />
</span>
<webform:checkbox name="thread" tabindex="6" checked="$thread">
<webform:option text=" " value="1" />
</webform:checkbox>
</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>
<!--- 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>
<!--- /Modèle de la page commentaires - Gee Mee 091222 --->
15:30
Ecrit par
Gee Mee (Webmaster) |
Lien permanent
|
Commentaires (4)
| Courriel
| Partage
?
Dans : Configuration avancée
, Modèles, images et CSS
|
Tags : modèle
, template
, commentaires
, hautetfort
, blogspirit
, aspire
Trackbacks
Voici l'URL pour faire un trackback sur cette note : http://geemee.hautetfort.com/trackback/2526070
Commentaires
Écrit par : Bougrenette | 24.12.2009
Répondre à ce commentaireÉcrit par : Gee Mee | 24.12.2009
Répondre à ce commentaireÉcrit par : Gilles | 25.12.2009
Répondre à ce commentaireÉcrit par : Gee Mee | 25.12.2009
Répondre à ce commentaireÉcrire un commentaire
NB : Les commentaires de ce blog sont modérés.