MODELES GRAPHIQUES

<div class="cadre">

Mdl Graph CLASS "cadre" >>> CSS .cadre >>>  DizPerso ID "contenu" >>> CSS #contenu

<div class="menu_haut">

Bloc menu du haut

Mdl Graph ID "menu_haut" >>> CSS #menu_haut DizPerso  ID "barre" >>> CSS #barre

Bloc de la liste de liens

Mdl Graph  >>> CSS ul#menu_haut >>>  DizPerso CSS #barre ul

Les blocs de chaque lien

<li><a href=" lien ACCUEIL ">Articles</a></li>
<li><a href=" lien ARTICLES ">Articles</a></li>
<li><a href=" lien PHOTOS ">Photos</a></li>
<li><a href=" lien FORUM ">Forum</a></li>

Mdl Graph CSS  #menu_haut li >>> DizPerso CSS #barre li
Mdl Graph CSS  #menu_haut a  >>> DizPerso CSS #barre a
Mdl Graph CSS #menu_haut a:hover >>> DizPerso CSS #barre a:hover

</div><!-- fin ID menu_haut -->

Bloc espace article, commentaires et liens.

<div id="article" class="tiny">

<div id="article" class="tiny">
CSS >>> #article et .tiny
ces règles ne sont pas dans feuille de style de base

<h3>Titre article</h3>

Mdl Graph >>>  CSS #content h3 >>> DizPerso >>> CSS #contenu h3

<p>Contenu de l'article, texte images, etc...</p>

</div><!-- fin #article -->

Statistiques article, gérées par le système.

<i>Article ajouté le date création , consulté XX fois</i>

<hr class="ligne_b4e"/>

Liens sociaux

Gestion de cette partie par le système, les modifications ne rentrent pas dans le cadre de cet article.

Bloc commentaires sur l'article

<div id="article_commentaires" class="contenu_commentaires">

Quand la fonction commentaires est activée, le bloc titre de section de page s'affiche, identique à celui du titre de l'article./p>

<h3>Commentaires</h3>

CSS >>>  #article_commentaires et .contenu_commentaires, ces règles ne sont pas dans feuille de style de base, voir mon article sur DizTest lien

Bloc formulaire de saisie des commentaires

<form formulaire ajout commentaire></form>

Mais pour ce formulaire il y a mieux à faire à l'aide des IDs et de règles à créer pour ça voir mon article sur DizTest lien

</div ><!-- fin ID article_commentaires et CLASS contenu_commentaires -->

Bloc contenant le lien pour revenir à la catégorie de l'article

<div id="article_liens">

CSS >>> #article_liens, cette règle n'est pas dans feuille de style de base

Bloc titre de section de page, identique à celui du titre de l'article./p>

<h3>Liens</h3>

Mdl Graph >>> CSS #content h3 >>> DizPerso >>> CSS #contenu h3

</div><!-- fin ID article_liens -->

Règles de style à créer si nécessaire,#article_liens a et #article_liens a:hover pour :

Le lien >>> vers la catégorie

Le lien >>> Retour aux articles

<center> Emplacement Pub </center>

<div id="barre_bas">

Bloc barre des liens du bas de page

Ce bloc est inséré automatiquement par le système, il contient des liens obligatoires et d'autres très utiles aux internautes, donc il doit être visible en bas de chaque page.
Si vous souhaitez personnaliser ce bloc et les liens, en harmonie avec le design du blog, il vous faudra créer les règles suivantes dans votre feuilles de style.

#barre_bas
#barre_bas a
#barre_bas a:hoover

</div><!-- fin ID barre_bas -->

</div><!-- fin CLASS cadre -->