Adaptation Thème iTheme ajax 75
menu administrateur > Mise en page > Modèles > Modèles à adapter > Adaptation Thème iTheme ajax 75
jlb : je réserve ce
vert pour mes interventions
mitra : je réserve ce bleu pour mes interventions
Labosonic : je prend le violet.
V0.1 - Labosonic : J'ai copié-collé en tête de liste le style.php du thème que j'ai downloadé
V0.2 - Mitra : J'ai placé le style copié par Labo au bon endroit dans le code
V0.3 - Mitra : Suppression des posts 214, 215, 213, 211, 209, 193, 204, 202, 126, 167 afin d'alléger le code. Il s'agit des posts qui se trouvent sur la page http://wordpress-tuto.fr/.
V0.4 - Mitra : Rajout de la balise de début/fin de style
V0.5 - Mitra : Placer les smartblocks au début du code
V0.6 - Mitra : Placer les macros ainsi que smartblock sb_menu
V0.7 - Mitra : Remplacement du titre par le code générique SITE_AND_OR_NEWS_TITLE, modification dans la balise meta du "content" en ViaBloga
V0.8 - Mitra : Modif balise (div id="pager") en (div id="page") et balise (div id="navr") en (div id="nav) car pager et navr ont été repris dans le code de pitr
V0.9 - Mitra : Ajout de la partie haute de l'écran : SITE_COMMANDS pour l'affichage de la barre de commande (Se déconnecter, Ecrire un article, ...), SITE_TITLE pour le titre du blog et SITE_DESCRIPTION pour le sous-titre du blog.
V0.10 - Mitra : Suppression du code permettant de replier les boites de la colonne de droite (pour l'instant), du footer, du code des onglets, le titre et le sous-titre, des boites de la colonne de droite
V0.11 - Mitra : Ajout des objets error_message, message, text, form, archive, list pour ce qui est du contenu de la page.
V0.12 - Mitra : Suppression du code barré
V0.13 - Mitra : Barrer tout le reste du code que je ne comprends pas mais que je sens qu'il faut supprimer ... eh oui, c'est comme ça;-))) Je ne garde que le code qui permet d'afficher la boite de recherche
V0.14 - Mitra : Suppression du code barré, Suppression de l'affichage du titre et du sous-titre qui fait double emploi avec les fonctions SITE_TITLE, SITE_DESCRIPTION déjà mis en place. Les choses sérieuses ne commencent que MAINTENANT ... jusque là c'était de la rigolade;-)))
V0.15 - Mitra : Ajout de code sur la gestion des posts (articles).
V0.16 - Mitra : Placer les onglets dans la colonne de gauche, au-dessus des articles. Mettre les commandes dans le header.
V0.17 - Mitra : Mise en place du "wrapper"
V0.18 - Mitra : Mise en place du "footer"
V0.19 - Mitra : Ajout des objets "news" et "comments"
V0.20 - Mitra : Tentative d'affichage des blocs de droite ... Je ferai mieux demain !
V0.21 - Mitra : Affichage partiel des blocs de droites, rajout de quelques code couleurs
V0.22 - Mitra : Arriver à faire afficher "Article précédent" et "Commenter". Test réussi de rajout des commentaires successives, modification d'article et commentaire.
V0.23 - Mitra : Faire apparaître l'image du fond d'écran sur toute la page.
V0.24 - Mitra : Mise en place du bloc recherche : écriture en dur dans le code
V0.25 - Mitra : Définition de la couleur des liens du menu et des liens des articles (link_menu et link)
V0.26 - Mitra : Rendre paramétrable la couleur de la description (sous-titre) du blog
V0.27 - Olivier, Mitra : Refonte du modèle depuis le début. Fin de la classe "news" et "summaries" avec ajout de commentaire
V0.28 - Mitra : Rajout des classes "comments" et "footer"
V0.29 - Olivier, Mitra : Rajout des blocs de droite avec un fond blanc et une entête grise
jlb : respects ! heure de l'atelier vendredi ? à valois ?
Mitra : La réunion est prévue pour le jeudi mais on ne sait pas où ... Stéphane
V0.30 - Olivier, Mitra : Première version avec toutes les fonctionnalités mais pas totalement testé
V0.31 - Olivier, Mitra : CSS néttoyé, code commenté
smartcomment Le modèle de mise en page itheme
smartoption title_width "Largeur de la boite de titre" radio short "Courte" long "Longue"
smartcolor tab CCCCCC Couleur des onglets
smartcolor background 42afdc Couleur du fond de l'écran
smartcolor text 333333 Couleur du texte
smartcolor post_title 333333 Couleur du titre de l'article
smartcolor post_subtitle 333333 Couleur du sous-titre de l'article
smartcolor bar 333333 Couleur de la barre de séparation d contenu de commentaire avec les informations auteur
smartcolor title FFFFFF Couleur du titre du weblog
smartcolor title_desc 000000 Couleur de la descrition (sous-titre) du blog
smartcolor link 809FFF Couleur des liens
smartcolor link_menu FFFFFF Couleur des liens du menu
smartblock sb.right1 "Bloc de droite 1" none index
smartblock sb.right2 "Bloc de droite 2" last_comments index
smartblock sb.right3 "Bloc de droite 3" none index
smartblock sb.right4 "Bloc de droite 4" none index
smartblock sb.right5 "Bloc de droite 5" none index
smartblock sb.right6 "Bloc de droite 6" none index
smartblock sb.right7 "Bloc de droite 7" none index
smartblock sb.right8 "Bloc de droite 8" none index
smartblock sb.right9 "Bloc de droite 9" none index
smartblock sb.right10 "Bloc de droite 10" none index
smartblock sb.top "Bloc central, au dessus des articles" none index
smartblock sb_menu "Menu (onglets) - doit être une liste" categories all
pragma niutopia_do_not_display_face_in_comments
pragma html_escape_ampersands
pragma html_quote_urls
pragma html_remove_wrap_virtual_in_textareas
pragma html_best_effort_xhtml
pragma html_remove_empty_table_cells
<!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">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><SITE_AND_OR_NEWS_TITLE></title>
<meta name="generator" content="ViaBloga" /> <!-- leave this for stats -->
<!-- Définition des macros qui vont générer du code en fonction des blocs choisis par l'utilisateur -->
<!-- Demander à Stéphane la définition de chaque macro -->
<define_macro name="sb_list_start">
<li class="linkcat boxr">
</define_macro>
<define_macro name="sb_list_end">
</li>
</define_macro>
<define_macro name="sb_start">
<ul>
</define_macro>
<define_macro name="sb_end">
</ul>
</define_macro>
<define_macro name="sb_title">
<h2><arg name="title"></h2>
</define_macro>
<define_macro name="sb_text">
<li><arg name="text"> <arg name="extra_text"></li>
</define_macro>
<define_macro name="sb_link">
<li class="listeLiens"><a href="<arg name="url">" class="<arg name="highlight">"><arg name="text"></a> <arg name="extra_text"></li>
</define_macro>
<define_macro name="sb_link_link">
<li class="description"><a href="<arg name="url1">" class="<arg name="highlight">"><arg name="text1"></a> : <a href="<arg name="url2">" class="internal"><arg name="text2"></a> <arg name="extra_text"></li>
</define_macro>
<define_macro name="sb_link_text">
<li><a href="<arg name="url1">" class="<arg name="highlight">"><arg name="text1"></a> : <arg name="text2"> <arg name="extra_text"></li>
</define_macro>
<define_macro name="sb_anything">
<arg name="anything">
</define_macro>
<!-- Définition des macros qui vont générer du code permettant l'affichage du menu administrateur (Ecrire un article, contact,etc) -->
<!-- Demander à Stéphane la définition de chaque macro -->
<define_macro name="sb_menu_list_start">
<ul class="menu">
</define_macro>
<define_macro name="sb_menu_list_end">
</ul>
</define_macro>
<define_macro name="sb_menu_text">
<li class="page_item <arg name="selected">"><arg name="text"> <arg name="extra_text"></li>
</define_macro>
<define_macro name="sb_menu_link">
<li class="page_item"><a href="<arg name="url">"><arg name="text"></a> <arg name="extra_text"></li>
</define_macro>
<define_macro name="sb_menu_link_link">
<li class="page_item"><a href="<arg name="url1">" class="internal"><arg name="text1"></a> : <a href="<arg name="url2">" class="internal"><arg name="text2"></a> <arg name="extra_text"></li>
</define_macro>
<define_macro name="sb_menu_link_text">
<li class="page_item"><a href="<arg name="url1">"><arg name="text1"></a> : <arg name="text2"> <arg name="extra_text"></li>
</define_macro>
<define_macro name="sb_menu_anything">
<arg name="anylist">
</define_macro>
<style type="text/css">
/*
Theme Name: iTheme
Theme URI: http://www.ndesign-studio.com
Description: WordPress theme designed by <a href="N.Design">http://www.ndesign-studio.com">N.Design Studio</a>.
Version: 1.1
Author: Nick La
Author URI: http://www.ndesign-studio.com
This theme was designed and built by Nick La.
By downloading and using this theme, you agree to the following terms:
- You may NOT resell this theme
- A link back to N.Design Studio must be retained in the footer (either modified or unmodified)
- You may use this theme for personal or commercial projects
- You may modify, translate or distribute
*/
/* ------------------------------------- CSS servant de base à toutes les pages du blog */
body {
background: #<smartcolor background> url("images/main-bg.jpg") no-repeat; /* image provisoire à enlever */
font: 75%/170% Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
color: #<smartcolor text>;
}
a {
color: #<smartcolor link>;
text-decoration: none;
}
a:visited {
color: #<smartcolor link>;
}
a:hover {
text-decoration: underline;
}
p {
margin: 0px 0px 15px;
}
img {
border: none;
}
ul {
margin: 5px 0px 15px;
padding-left: 20px;
}
ul li {
margin: 0px;
}
ol {
margin: 5px 0px 15px;
padding-left: 20px;
}
form {
margin: 0px;
padding: 0px;
}
/* à supprimer ?
small {
font-size: 90%;
}
*/
/* à supprimer ?
#page {
background: url(images/main-bg.jpg) no-repeat center top;
}
*/
#wrapper { /* renommer wrapper en page ? */
width: 770px;
margin: 0px auto;
position: relative;
}
/* ------------------------------------- Zone d'entête */
/* 1. menu administrateur */
/* 2. titre */
/* 3. sous-titre */
/* 4. bloc de recherche */
#header {
height: 120px;
}
/* titre du blog */
h1 {
position: absolute;
top: 40px;
left: 25px;
color: #<smartcolor title>;
margin: 0px;
padding: 0px;
font: normal 30px/100% "Trebuchet MS", Arial, sans-serif;
}
h1 a, h1 a:visited {
color: #<smartcolor title>;
text-decoration: none;
}
h1 a:hover {
color: #<smartcolor title_desc>;
text-decoration: none;
}
/* sous-titre du blog */
.description {
position: absolute;
top: 77px;
left: 25px;
color: #<smartcolor title_desc>;
font: 12px Arial, Helvetica, sans-serif;
}
/* bloc de recherche */
#searchform {
position: absolute;
top: 0px;
right: 0px;
background: url(images/searchform-bg.png) no-repeat right bottom;
height: 37px;
width: 210px;
}
/* bloc de recherche : case */
#searchform input {
margin-left: 5px;
}
/* bloc de recherche : bordure en relief sur les bords haut et gauche de la case */
#searchform #s{
background: #<smartcolor title> url(images/form-field-bg.gif) no-repeat ;
height: 17px;
width: 148px;
margin: 6px 5px 0px 10px;
padding: 3px 7px 2px 5px;
color: #999999;
border: none;
}
/* bloc de recherche : loupe */
#searchform #searchsubmit {
background: url(images/search-btn.png) no-repeat left top;
height: 24px;
width: 24px;
border: none;
text-indent: -999%;
line-height: 1px;
margin-top: 6px;
}
/* menu administrateur : "écrire un article, contact, etc."*/
#commands a {
color: #<smartcolor link_menu>;
}
/* ------------------------------------- Zone colonne de gauche */
/* 1. Barre de navigation (liste des rubriques) */
/* 2. Article */
/* 3. Commentaires */
/* 4. Navigation dans les articles */
#left-col {
width: 545px;
float: left;
margin-top: 11px;
}
/* barre de navigation affichant les noms de rubriques (sous fond gris avec bulle grise) */
#nav {
background: url(images/content-top-bg.png) no-repeat left top;
height: 26px;
<object class=menu id=page_item selected>
background: #2e91c6 url(images/nav-item-hover.gif) repeat-x ;
color: #ffffff;
</object>
}
/* bloc de barre de navigation (1 seul bloc dans la barre de navigation, bloc contenant les noms de rubrique)*/
#nav ul{
list-style: none;
margin: 0px 0px 0px 25px; /* réglage de la marge gauche à 25px pour que les noms de rubrique ne s'affichent pas sur la bille grise */
padding: 0px;
font: bold 12px/100% Arial, Helvetica, sans-serif;
}
/* réglage de la marge haut d'un nom de rubrique lorsqu'une rubrique est sélectionnée*/
#nav ul li.selected{
padding: 5px 0px 0px 0px;
}
/* liste des noms de rubrique dans la barre de navigation */
#nav ul li{
margin: 0px 1px 0px 0px;
float: left;
}
#nav ul li a{
padding: 5px 7px 6px 7px;
text-decoration: none;
color: #000000;
display: block;
}
#nav li a:visited{
text-decoration: none;
color: #000000;
}
#nav li a:hover, #nav .current_page_item a{
text-decoration: none;
background: #2e91c6 url(images/nav-item-hover.gif) repeat-x ;
color: #ffffff;
}
/* Contenu de la colonne de gauche (à supprimmer ?) */
#content {
padding: 25px 25px 15px 25px;
width: 495px;
background: #ffffff;
clear: both;
overflow: hidden;
}
/* Article complet (avec titre, sous-titre, corps de l'article, pied d'article, commande administrateur, commentaires) */
.post {
padding: 0px;
clear: both;
overflow: hidden;
}
/* image de calendrier avec date du jour devant le titre de chaque article */
.post .date {
height: 50px;
width: 45px;
background: url(images/calendar.gif) no-repeat;
font: normal 22px Arial, Helvetica, sans-serif;
color: #666666;
text-align: center;
padding: 0px 2px 0 0;
line-height: 100%;
float: left;
}
/* mois et jour de l'image de calendrier */
.post .date span {
height: 16px;
display: block;
font: normal 11px Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: center;
padding-top: 5px;
}
/* mois et jour de l'image de calendrier */
.post .title {
float: left;
margin-left: 10px;
width: 438px;
}
/* Corps de l'article entre le sous-titre et les commentaires */
.entry {
padding: 10px 0px 5px;
clear: both;
}
/* titre de l'article */
h2 {
color: #<smartcolor post_title>;
margin: 3px 0 2px;
padding-bottom: 4px;
font: normal 150%/100% "Lucida Grande", Arial, sans-serif;
border-bottom: dotted 1px #CCCCCC;
}
h2 a, h2 a:visited {
color: #333333;
text-decoration: none;
}
h2 a:hover {
color: #44a1d0;
text-decoration: none;
}
/* sous-titre de l'article */
h3 {
color: #<smartcolor post_subtitle>;
margin: 5px 0px 5px;
font: bold 110%/110% "Lucida Grande", Arial, sans-serif;
}
/* "articles suivants" et "articles précédents" de la page d'accueil */
.page-nav {
clear: both;
background: url(images/navigation-bg.gif) no-repeat left center;
height: 21px;
}
.page-nav a, .page-nav a:visited {
color: #ffffff;
text-decoration: none;
}
.page-nav a:hover {
color: #000000;
text-decoration: none;
}
/* "articles précédents" de la page d'accueil */
.previous-entries a {
float: left;
padding-left: 10px;
margin-left: 10px;
background: url(images/navigation-left.gif) no-repeat left center;
}
/* "articles suivants" de la page d'accueil */
.next-entries a {
float: right;
padding-right: 10px;
margin-right: 10px;
background: url(images/navigation-right.gif) no-repeat right center;
}
/* "article suivant" et "article précédent" d'une page d'article */
.post-nav {
clear: both;
padding-bottom: 35px;
margin-top: -15px;
font-size: 95%;
}
.post-nav a, .post-nav a:visited {
color: #999999;
text-decoration: none;
}
.post-nav a:hover {
color: #000000;
text-decoration: none;
}
/* "article précédent" d'une page d'article */
.post-nav .previous a {
float: left;
padding-left: 20px;
background: url(images/post-nav-previous.gif) no-repeat left center;
}
/* "article suivant" d'une page d'article */
.post-nav .next a {
float: right;
padding-right: 20px;
text-align: right;
background: url(images/post-nav-next.gif) no-repeat right center;
}
/* ------------------------------------- Commentaires */
/* titre de la liste des commentaires */
h3#comments {
background: url(images/comments.gif) no-repeat;
padding-left: 22px;
font: normal 140%/120% Arial, Helvetica, sans-serif;
clear: both;
}
/* ------------------------------------- Zone de bas de page */
#footer {
background: url(images/content-bottom-bg.png) no-repeat;
text-align: center;
clear: both; /* indique que le footer se place en-dessous de tous les éléments flottants */
padding: 10px 0px 0px 10px;
font-size: 87%;
color: #282828;
}
#footer a, #footer a:visited {
text-decoration: none;
color: #000000;
}
#footer a:hover {
text-decoration: underline;
}
/* ------------------------------------- les blocs de droites */
#sidebar {
<object class=location id==form>
display:none;
</object>
float:right;
width: 210px;
color: #666666;
line-height: 160%;
}
#sidebar p {
margin: 0px 0px 15px;
background-color: #666666;
}
#sidebar h3 {
font: bold 12px/100% Arial, Helvetica, sans-serif;
color: #666666;
}
#sidebar h2 {
padding-top: 6px;
padding-left: 5px;
font: bold 12px/100% Arial, Helvetica, sans-serif;
}
#sidebar h3 a, #sidebar h3 a:visited {
color: #666666;
}
#sidebar h3 img {
vertical-align: middle;
}
#sidebar a, #sidebar a:visited {
color: #000000;
text-decoration:none;
}
#sidebar a:hover, #sidebar a:focus, #sidebar a:active {
text-decoration:underline;
}
#sidebar ul {
margin-top: 11px;
background: #dfdfdf url(images/sidep-handle.png) no-repeat;
list-style: none;
padding: 0 ;
}
#sidebar ul li {
background: url(images/bullet-orange.gif) no-repeat;
padding-left: 18px ;
}
#sidebar ul li ul li {
background: url(images/bullet-grey.gif) no-repeat;
padding-left: 12px ;
}
<!-------- Fin de style -------->
</style>
<!-------- Fin de head --------->
</head>
<body>
<!-------- toute la page : L'entête, la colonne de gauche et de droite et le footer --------->
<div id="wrapper">
<!------------------------>
<!-------- l'entête -------->
<!------------------------>
<div id="header">
<!-- affichage du menu administrateur "Ecrire un artcile", "Contact", etc -->
<div id="commands">
<SITE_COMMANDS>
</div>
<!-- titre de la page : Lien pour retouner sur la page principale -->
<h1>
<a href="/" title="Retour à la page principale"><SITE_TITLE></a>
</h1>
<!-- description du site sous le titre -->
<div class="description">
<SITE_DESCRIPTION>
</div>
<!-- affichage du bloc de recherche en dur (loupe) -->
<form method="post" id="searchform" action="/cgi-bin/display_index.pl" enctype="multipart/form-data">
<div>
<input name="site_id" value="<SITE_ID>" type="hidden">
<input name="category_id" value="_news" type="hidden">
<input name="keyword" size="24" type="text">
<input name=".submit" id="searchsubmit" value="Chercher" type="submit">
</div>
</form>
</div>
<!------- / header ------->
<!------------------------>
<!-------- Objets -------->
<!------------------------>
<object class=error_message>
<p><attribute text></p>
<attribute html>
</object>
<object class=message>
<p><attribute text></p>
<attribute html>
</object>
<object class=text>
<div class="news">
<if_attribute title!=><h3><attribute title></h3></if_attribute>
<a href="<attribute print_url>" title="Version imprimable" target="_blank">
<img src="/public_images/icon_print.gif" border="0" alt="Version imprimable"/>
</a>
<p><attribute text></p>
<attribute html>
</div>
<attribute cmd>
</object>
<object class=form>
<div id="left-col">
<attribute administrator_menu>
<h2><attribute title></h2>
<attribute html>
<attribute textarea_toolbar>
</div>
</object>
<object class=archive>
<div id="left-col">
<h2><attribute month_year_string></h2>
<h3><attribute nb_news_string></h3>
<p>Trier par : <attribute sort_by_date>, <attribute sort_by_title></p>
<ul>
<object class=archive_entry count=100000>
<li><attribute date_and_title_and_link></li>
</object>
</ul>
</div>
</object>
<object class=list>
<div id="left-col">
<h2><attribute title></h2>
<attribute html>
<attribute cmd>
</div>
</object>
<!------------------------>
<!-- Page principal et -->
<!-- pages de rubriques -->
<!------------------------>
<!-- la page principale et les pages rubriques contiennent : -->
<!-- 1. barre de navigation des rubriques -->
<!-- 2. le contenu de la colonne gauche -->
<!-- Les articles -->
<object class=summaries>
<!-- affichage de la colonne de gauche : left-col -->
<div id="left-col">
<!-- affichage des rubriques au-dessus du bloc des artciles -->
<div id="nav">
<smartblock sb_menu>
</div>
<!-- le contenu de la colonne de gauche -->
<div id="content">
<!-- seuls les 16 derniers articles sont affichés sur une page -->
<object class=summary count=16>
<!-- classe article -->
<!-- demander à Stéphane pourquoi selon le modèle, on a soit post soit news -->
<div class="post">
<!-- affichage du titre de l article -->
<h2 class="post-title">
<a href="<attribute news_url>">
<attribute title>
</a>
</h2>
<!-- affichage du sous-titre de l article -->
<if_attribute sub_title!=>
<h3><attribute sub_title></h3>
</if_attribute>
<!-- affichage des étoiles de notation -->
<if_attribute rating==1>
<attribute rating_bar>
</if_attribute>
<!-- contenu de l article entre le sous-titre et les commentaires -->
<div class="entry">
<!-- code d insertion des grandes images -->
<if_attribute image_url!=>
<div class="image">
<if_attribute image_original_size_url==>
<img src="<attribute image_url>" alt="<attribute image_legend>" />
</if_attribute>
<if_attribute image_original_size_url!=>
<a href="<attribute image_original_size_url>" target="_blank" title="<attribute image_legend> -- Cliquez pour voir l'image en entier">
<img src="<attribute image_url>" alt="<attribute image_legend> -- Cliquez pour voir l'image en entier" border="0" />
</a>
</if_attribute>
</div> <!-- image -->
</if_attribute>
<p>
<!-- corps de l article -->
<attribute text>
<!-- commande administrateur de modification d article -->
<attribute cmd>
</p>
<!-- pied de l article (auteur, date, permaline, etc.) -->
<div class="postfoot">
<!-- classe : date/heure de publication et catégorie -->
<p class="postmetadata">
<!-- ligne de l auteur -->
Par <a href="<attribute author_url>"><attribute author_signature></a>
<!-- la date de publication -->
<span class="timr">
le <attribute published_t.dd>/<attribute published_t.mm>/<attribute published_t.yyyy>
</span>
<!-- imprimante, nombre de lectures -->
<a href="<attribute print_url>" title="Version imprimable" target="_blank">
<img src="/public_images/icon_print.gif" border="0" alt="Version imprimable"/>
</a>
<if_attribute page_views!=> | Lu <attribute page_views> fois
</if_attribute> |
<!-- rubrique -->
<span class="catr">dans
<a href="<attribute category_url>" title="Rubrique <attribute category>" rel="category tag"><attribute category></a>
</span> |
<!-- nombre de commentaires -->
<span class="commr">
<a href="<attribute news_url>#comments">
<if_attribute nb_comments=0>0 commentaires </if_attribute><if_attribute nb_comments=1>1 commentaire</if_attribute>
<if_attribute nb_comments!<1><attribute nb_comments> commentaires</if_attribute></a>
<if_attribute new_comments==true>(N)</if_attribute>
</span>
<!-- fin de la classe postmetadata -->
</p>
</div> <!-- fin de la classe postfoot -->
</div> <!-- fin de la classe entry (contenu de l'article) -->
</div> <!-- fin de la classe post (article) -->
</object> <!-- fin de la classe summary count -->
</div> <!-- fin de content -->
</div> <!-- fin de left-col -->
</object> <!-- fin de la classe summary -->
<!-- lien vers les articles précédents s'il y en a moins de 16 d'affichés sur la page -->
<object class=summary_continued>
<p id="suite">
<a href="<attribute url>">Articles suivants</a>
</p>
</object>
<!-------- fin page principal et des pages de rubriques -------->
<!------------------------>
<!-- Page d un article --->
<!------------------------>
<!-- la page d'article contient : -->
<!-- 1. le contenu de la colonne gauche -->
<!-- 2. les commentaires -->
<!-- Page d un article --->
<object class=news>
<!-- la colonne de gauche -->
<div id="left-col">
<!-- le contenu de l'article -->
<div id="content">
<!-- classe article -->
<div class="post">
<!-- affichage du titre de l article -->
<h2 class="post-title">
<attribute title>
</h2>
<!-- affichage du sous-titre de l article -->
<if_attribute sub_title!=>
<h3><attribute sub_title></h3>
</if_attribute>
<!-- affichage des étoiles de notation -->
<if_attribute rating==1>
<attribute rating_bar>
</if_attribute>
<!-- contenu de l article entre le sous-titre et les commentaires -->
<div class="entry">
<!-- code d insertion des grandes images -->
<if_attribute image_url!=>
<div class="image">
<if_attribute image_original_size_url==>
<img src="<attribute image_url>" alt="<attribute image_legend>" />
</if_attribute>
<if_attribute image_original_size_url!=>
<a href="<attribute image_original_size_url>" target="_blank" title="<attribute image_legend> -- Cliquez pour voir l'image en entier">
<img src="<attribute image_url>" alt="<attribute image_legend> -- Cliquez pour voir l'image en entier" border="0" />
</a>
</if_attribute>
</div> <!-- /image -->
</if_attribute>
<p>
<!-- corps de l article -->
<attribute text>
<!-- commande administrateur de modification d article -->
<attribute cmd>
</p>
<!-- pied de l article (auteur, date, permaline, etc.) -->
<div class="postfoot">
<!-- classe : date/heure de publication et catégorie -->
<p class="postmetadata">
<!-- ligne de l auteur -->
Par <a href="<attribute author_url>"><attribute author_signature></a>
<!-- la date de publication -->
<span class="timr">
le <attribute published_t.dd>/<attribute published_t.mm>/<attribute published_t.yyyy>
</span>
<!-- imprimante, nombre de lectures -->
<a href="<attribute print_url>" title="Version imprimable" target="_blank">
<img src="/public_images/icon_print.gif" border="0" alt="Version imprimable"/>
</a>
<if_attribute page_views!=> | Lu <attribute page_views> fois
</if_attribute> |
<!-- rubrique -->
<span class="catr">dans
<a href="<attribute category_url>" title="Rubrique <attribute category>" rel="category tag"><attribute category></a>
</span> |
<!-- nombre de commentaires -->
<span class="commr">
<a href="<attribute news_url>#comments">
<if_attribute nb_comments=0>0 commentaires </if_attribute><if_attribute nb_comments=1>1 commentaire</if_attribute>
<if_attribute nb_comments!<1><attribute nb_comments> commentaires</if_attribute>
</a>
<if_attribute new_comments==true>(N)</if_attribute>
</span>
<!-- fin de la classe postmetadata -->
</p>
<!-- lien vers article précédent -->
<ul>
<object class=news_previous>
<li class="icon prev">
<a href="<attribute url>" title="precedent">Article précédent</a>
</li>
</object>
<!-- lien Commenter si les commentaires sont autorisés -->
<if_attribute reply_to_url!=>
<li class="icon">
<a href="<attribute reply_to_url>">Commenter</a>
</li>
</if_attribute>
<!-- lien vers article suivant -->
<object class=news_next>
<li class="icon next">
<a href="<attribute url>" title="suivant">Article suivant</a>
</li>
</object>
</ul>
</div> <!-- fin classe postfoot -->
</div> <!-- fin classe entry -->
</div> <!-- fin classe post -->
<!-- affichage des commentaires -->
<object class=comments>
<a id="comments"></a>
<h2 id="comments_title">Commentaires</h2>
<!-- boucle sur 1000 commentaires -->
<object class=comment count=1000>
<!-- permet l'affichage des commentaires indentés -->
<div style="margin-left: <attribute position+1>em;line-height:1.2;">
<!-- afficher le titre du commentaire -->
<a id="comment_<attribute id>"></a>
<h3>
<if_attribute parent_id!=>
<a href="#comment_<attribute parent_id>" title="Commentaire auquel ce commentaire répond">←</a>
</if_attribute>
<a href="#comment_<attribute id>"><attribute title></a>
</h3>
<!-- afficher le contenu du commentaire -->
<p class="comment_content">
<if_attribute display_face==true>
<if_attribute author_image_auto_available=true>
<img src="<attribute author_image_auto>" class="comment_face" alt="<attribute author>" width="<SITE_FACE_WIDTH>" height="<SITE_FACE_HEIGHT>" />
</if_attribute>
</if_attribute>
<attribute text>
</p>
<p style="clear:both;margin:0px;padding:0px;"> </p>
<!-- affichage de la barre de séparation entre le contenu du commentaire et les informations auteur -->
<hr align="center" color="#<smartcolor bar>" width="100%" size="3" />
<!-- affichage du nom de l'auteur du commentaire -->
<a href="<attribute author_url>">
<attribute author>
</a>
<!-- affichage de l'heure, le bouton permettant de revenir en haut de la page et le lien permettant de répondre au commentaire -->
| Le <attribute created_t.day> <attribute created_t.dd>/<attribute created_t.mm>/<attribute created_t.yyyy> à <attribute created_t.hh>:<attribute created_t.mi>
| <a href="#header" title="Revenir en haut de la page"><img alt="[^]" title="En Haut" src="http://goofytheme.viabloga.com/images/icon_up.gif" /></a>
| <a href="<attribute reply_to_url>" title="Répondre à ce commentaire"><strong>Répondre</strong></a> <attribute cmd>
</div>
<!-- fin de la classe "comment" -->
</object>
<div class="postfoot">
<ul>
<object class=news_previous>
<li class="icon prev">
<a href="<attribute url>" title="precedent">Article précédent</a>
</li>
</object>
<if_attribute reply_to_url!=>
<li class="icon">
<a href="<attribute reply_to_url>">Commenter</a>
</li>
</if_attribute>
<object class=news_next>
<li class="icon next">
<a href="<attribute url>" title="suivant">Article suivant</a>
</li>
</object>
</ul>
</div> <!-- fin de la classe "postfoot" -->
<!-- fin de la classe "comments" -->
</object>
</div> <!-- fin classe content -->
</div> <!-- fin classe colonne de gauche -->
<!-- fin page d un article -->
</object>
<!-- affichage de la colonne de droite : sidebar -->
<!-- le contenu des artciles -->
<div id="sidebar">
<smartblock sb.right1>
<smartblock sb.right2>
<smartblock sb.right3>
<smartblock sb.right4>
<smartblock sb.right5>
<smartblock sb.right6>
<smartblock sb.right7>
<smartblock sb.right8>
<smartblock sb.right9>
<smartblock sb.right10>
<!-- fin de sidebar -->
</div>
<!-- le contenu du bas de page -->
<div id="footer">
<p>Hébergé sur
<a href="ViaBloga">http://viabloga.com/">ViaBloga | </a>
<a href="/index.xml">Articles (RSS) | </a>
<a href="/comments.xml">Commentaires (RSS) | </a>
<a href="http://wordpress-tuto.fr/" title="iTheme">iTheme</a> par
<a href="N.Design">http://www.ndesign-studio.com">N.Design Studio</a>
</p>
<br class="clear" />
</div><!--/footer -->
</div>
</body>
</html>
Vie de ViaBloga
RSS 1.0, RSS 2.0, Atom, Commentaires, Textes,
Derniers commentaires
→ plus de commentaires