Générateur de feuilles de style (CSS)

Une feuille de styles permet de configurer le style global de vos documents HTML. Vous pouvez déterminer le style (type, couleur et grandeur de la police de caractères, des éléments des formulaires, et autres éléments. etc. Les champs en BLEU sont optionnels. Le code généré est compatible CSS-1 et CSS-2 de la W3C.

Vous pouvez copier intégralement le code entre les balises d'en-tête (<head>) ou sauvegarder le code dans un fichier externe avec l'extension ".css" (sans les balises : <style type="text/css"> et </style>) et ajouter ce code sur chacune des pages qui utiliseront la feuille de styles.

<link rel="stylesheet" href="votreFichier.css" type="text/css" />



Style général du document
img
Sélectionnez une police de caractère


Sélectionnez la taille de la police


Sélectionnez la couleur de la police - Ouvrir le générateur de couleur
  

Sélectionnez la couleur de fond - Ouvrir le générateur de couleur
  

Sélectionnez une image de fond (background)

Sélectionnez l'état de l'image de fond


Sélectionnez les grandeur de la marge (en pixel)
Marge    Gauche    Haut   

Sélectionnez les couleurs de la barre de défilement
(ATTENTION, uniquement compatible avec "Microsoft Internet explorer". Ce n'est pas un standard rerommendé par le W3C.)
scroll   

  

  

  

  

  

  

 
img
imgimg

Style des liens hypertexte (optionnel)
img
- LIENS

Sélectionnez une police de caractère


Sélectionnez la taille de la police


Sélectionnez la couleur de la police - Ouvrir le générateur de couleur
  

Sélectionnez la couleur de fond - Ouvrir le générateur de couleur
  

Sélectionnez le type de lien


- LIENS VISITÉS

Sélectionnez une police de caractère


Sélectionnez la taille de la police


Sélectionnez la couleur de la police - Ouvrir le générateur de couleur
  

Sélectionnez la couleur de fond - Ouvrir le générateur de couleur
  

Sélectionnez le type de lien


- LIENS PASSAGE DE LA SOURRIS

Sélectionnez une police de caractère


Sélectionnez la taille de la police


Sélectionnez la couleur de la police - Ouvrir le générateur de couleur
  

Sélectionnez la couleur de fond - Ouvrir le générateur de couleur
  

Sélectionnez le type de lien


- LIENS ACTIFS

Sélectionnez une police de caractère


Sélectionnez la taille de la police


Sélectionnez la couleur de la police - Ouvrir le générateur de couleur
  

Sélectionnez la couleur de fond - Ouvrir le générateur de couleur
  

Sélectionnez le type de lien

 
img
imgimg

Style des paragraphes (optionnel)
img
Sélectionnez une police de caractère


Sélectionnez la taille de la police


Sélectionnez l'espace inter-ligne


Sélectionnez la couleur de la police - Ouvrir le générateur de couleur
  

Sélectionnez la couleur de fond - Ouvrir le générateur de couleur
  

Sélectionnez les grandeur de la marge (en pixel)
Haut    Gauche


 
img
imgimg

Style des listes numérique (optionnel)
img
Sélectionnez une police de caractère


Sélectionnez la taille de la police


Sélectionnez l'espace inter-ligne


Sélectionnez la couleur de la police - Ouvrir le générateur de couleur
  

Sélectionnez la couleur de fond - Ouvrir le générateur de couleur
  

Sélectionnez les grandeur de la marge (en pixel)
Haut    Gauche

Sélectionnez le format de la numérotation


 
img
imgimg

Style des listes avec symbole (optionnel)
img
Sélectionnez une police de caractère


Sélectionnez la taille de la police


Sélectionnez l'espace inter-ligne


Sélectionnez la couleur de la police - Ouvrir le générateur de couleur
  

Sélectionnez la couleur de fond - Ouvrir le générateur de couleur
  

Sélectionnez les grandeur de la marge (en pixel)
Haut    Gauche

Sélectionnez un symbole


Sélectionnez le type d'affichage du symbole


URL d'une image au lieu du symbole

 
img
imgimg

Style des retranchements BLOCKQUOTE (optionnel)
img
Sélectionnez une police de caractère


Sélectionnez la taille de la police


Sélectionnez l'espace inter-ligne


Sélectionnez la couleur de la police - Ouvrir le générateur de couleur
  

Sélectionnez la couleur de fond - Ouvrir le générateur de couleur
   Sélectionnez les grandeur de la marge (en pixel)
Haut    Gauche


 
img
imgimg

Style des menus déroulants, formulaire (optionnel)
img
Sélectionnez une police de caractère


Sélectionnez la taille de la police


Sélectionnez la couleur de la police - Ouvrir le générateur de couleur
  

Sélectionnez la couleur de fond - Ouvrir le générateur de couleur
  
 
img
imgimg

Style des boîtes de texte, formulaire (optionnel)
img
Sélectionnez une police de caractère


Sélectionnez la taille de la police


Sélectionnez la couleur de la police - Ouvrir le générateur de couleur
  

Sélectionnez la couleur de fond - Ouvrir le générateur de couleur
  
 
img
imgimg

Style des boîtes à cocher CHECKBOX, formulaire (optionnel)
img
Sélectionnez une police de caractère


Sélectionnez la taille de la police


Sélectionnez la couleur de la police - Ouvrir le générateur de couleur
  

Sélectionnez la couleur de fond - Ouvrir le générateur de couleur
  
 
img
imgimg

Style des RADIO BUTTON, formulaire (optionnel)
img
Sélectionnez une police de caractère


Sélectionnez la taille de la police


Sélectionnez la couleur de la police - Ouvrir le générateur de couleur
  

Sélectionnez la couleur de fond - Ouvrir le générateur de couleur
  
 
img
imgimg

Style des boîte de saisie, formulaire (optionnel)
img
Sélectionnez une police de caractère


Sélectionnez la taille de la police


Sélectionnez la couleur de la police - Ouvrir le générateur de couleur
  

Sélectionnez la couleur de fond - Ouvrir le générateur de couleur
  

Sélectionnez la largeur de la bordure

Sélectionnez la couleur de la bordure - Ouvrir le générateur de couleur
  

Sélectionnez le type de bordure

 
img
imgimg

Style des boutons, formulaire (optionnel)
img
Sélectionnez une police de caractère


Sélectionnez la taille de la police


Sélectionnez la couleur de la police - Ouvrir le générateur de couleur
  

Sélectionnez la couleur de fond - Ouvrir le générateur de couleur
  

Sélectionnez la largeur de la bordure

Sélectionnez la couleur de la bordure - Ouvrir le générateur de couleur
  

Sélectionnez le type de bordure

 
img
imgimg

   
Index © 2001 Conception Oznog co Multimedia Retour


Hit-Parade