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

 

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.

Cliquez ici pour voir le test


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]

 

 



08/05/2008
7 Poster un commentaire

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 42 autres membres


Rechercher sur Diztest ? :

Recommander ce blog | Contact | Signaler un contenu | RSS | Espace de gestion

retour Accueil Page precedente Bas de page Plein ecran - Retour alt+F4 Haut de page Page suivante Envoyer un mail a PapyClic le webmaster de Test-DizPerso