• Accueil
• Articles
• Photos
• Forum

Articles

• Tests de localisation
• Assistant & CSS
• Partie "Page"
• Partie "Cadre"
• Titre du blog
• Barre de Menu
• Menu vertical gauche
• + ESPACE ARTICLE
• >> Partie "Contenu"
• >> Partie "Contenu Titre"
• >> Partie "Contenu Listes"
• >> Partie "Contenu Liens"
• Pied de la page
• Hors catégorie
• Astuces et Générateurs
• Tous les articles

Photos

• Voir les photos
• Diaporama

Forum

• Essai gestion des couleurs dans le forum

Newsletter

• En savoir plus
• Archives

Sondage

• Comment notez-vous DizTest ?
  20/20 - Très bien
  15/20 - Bien
  10/20 - Assez bien
  5/20 - Passable
  0/20 - Nul
  
  
• Tous les sondages

Statistiques

• Total : 39113 visiteurs
• Aujourd'hui : 126 visites
• En ce moment : 1 visiteur
• Mis à jour le 29-06-2009
• Créé le 04-05-2008

Annonces

Partie "Contenu"

ACCUEIL <<< Assistant & CSS <<<

 

En mauve sur l'image

Partie "Contenu"

Nom de l'attribut	Nom CSS	Valeur	Valeurs possibles
Couleur de fond	background	Choisir
Couleur du texte	color	Choisir
Largeur	width		Dimension en pixels (ex : 200px)
Marge intérieure haute	padding-top		Dimension (ex: 10px)
Marge intérieure gauche	padding-left		Dimension (ex: 10px)
Marge intérieure droite	padding-right		Dimension (ex: 10px)
Marge intérieure basse	padding-bottom		Dimension (ex: 10px)
Marge extérieure haute	margin-top		Dimension (ex: 10px)
Marge extérieure gauche	margin-left		Dimension (ex: 10px)
Taille de la police	font-size		ex: 10pt
Famille de la police	font-family		ex: Arial, Verdana, Trebuchet MS

Code CSS de cette partie

#contenu
{
background : #FFEFBD;
color:#336699;
width : 730px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
margin-top : 5px;
margin-left : 200px;
font-size : 10pt;
font-family : Verdana;
text-align : left;
}

---

 

Partie "Contenu > titres"

Nom de l'attribut	Nom CSS	Valeur	Valeurs possibles
Couleur de fond	background	Choisir
Couleur du texte	color	Choisir
Largeur	width		Dimension en pixels (ex : 200px)
Hauteur	height		Dimension en pixels (ex : 200px)
Marge intérieure gauche	padding-left		Dimension (ex: 10px)
Marge intérieure droite	padding-right		Dimension (ex: 10px)
Marge extérieure haute	margin-top		Dimension (ex: 10px)
Marge extérieure gauche	margin-left		Dimension (ex: 10px)
Marge extérieure droite	margin-right		Dimension (ex: 10px)
Marge extérieure basse	margin-bottom		Dimension (ex: 10px)
Taille de la police	font-size		ex: 10pt
Famille de la police	font-family		ex: Arial, Verdana, Trebuchet MS

Code CSS de cette partie

#contenu h3
{
background : #000000;
color : #E8EEF4;
width : 457px;
height : 25px;
padding-left : 15px;
padding-right : 50px;
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 15px;
font-size : 15px;
font-family : Trebuchet MS;
}

---

 

Partie "Contenu > listes"

Nom de l'attribut	Nom CSS	Valeur	Valeurs possibles
Puces de la liste	list-style-type	AucuneDisque (plein)Cercle (vide)Carré (plein)	Forme de puce (ex : disc,circle,square,none)
Marge extérieure gauche	margin-left		Dimension (ex: 10px)

Code CSS de cette partie

#contenu ul
{
list-style-type : square;
margin-left : 15px;
}

---

 

Partie "Contenu > liens"

Nom de l'attribut	Nom CSS	Valeur	Valeurs possibles
Couleur de fond	background	Choisir
Couleur du texte	color	Choisir
Décoration du texte	text-decoration	AucuneSoulignéSurlignéClignotant
Taille de la police	font-size		ex: 10pt
Famille de la police	font-family		ex: Arial, Verdana, Trebuchet MS

Code CSS de cette partie

#contenu a
{
background : #FFEFBD;
color : #003366;
text-decoration : underline;
font-size : 10pt;
font-family : Arial;
}

---

 

Partie "Contenu > liens au survol"

Nom de l'attribut	Nom CSS	Valeur	Valeurs possibles
Couleur de fond	background	Choisir
Couleur du texte	color	Choisir
Décoration du texte	text-decoration	AucuneSoulignéSurlignéClignotant

Code CSS de cette partie

#contenu a:hover
{
background : #FFFFFF;
color : #000400;
text-decoration : none;
}

 

Commentaires

Liens