Les éléments de la partie "Page" en couleurs

ACCUEIL <<< Tests de localisation <<<

 

Pour obtenir les couleurs de la présentation des parties en image sur la page comme ici, il faut modifier dans l'assistant les valeurs des attributs comme ci-dessous dans les tableaux.

Evidemment je l'ai fait ici pour tester mais ce n'est pas un choix de couleurs à employer dans un article.

Partie "Page"

Partie "Cadre"

Partie "Haut"

Partie "Barre"

Partie "Menu"

Partie "Contenu"

Partie "Bas"

Cette présentation permet de mettre en évidence les parties d'une page, mais également de voir les éléments non modifiés qui sont gérés par d'autres règles indépendantes, j'ai préféré les séparer pour plus de clarté.

Ce qui fait l'objet des articles suivant...

• Dans la partie "Barre"
• Dans la partie "Menu"

 

Astuces

Pour ceux qui s'intéressent au CSS et qui oseront passer en mode HTML:

Ci-dessous le code CSS utilisé pour placer les couleurs :

<style type="text/css">
body{background::#000000;}
#cadre{background:#FF0000;}
#haut{background:#FFFF00;}
#barre{background:#00FF00;}
#menu{background:#0099FF;}
#contenu{background:#CC00FF color:#000000;}
#bas{background:#C0C0C0;}
</style>

Mettre ce code CSS directement dans l'article, à condition d'avoir déjà saisi un peu de texte ou un paragraphe vide en mode HTML(*) puis ajouter le code en dessous. Ainsi sans toucher au Dizperso, nous pouvons créer des articles dans un style différent.

* code paragraphe vide :      <p>&nbsp;</p>

En principe dans le composeur en mode texte, avant ouvrir le mode HTML, en pressant la touche [Entrée], le paragraphe vide est créé automatiquement.

Retour à la liste

A Voir...

Pour voir toutes les règles de CSS concernant la "Partie Page" [lien]