LES STANDARDS

Voici les standards appliqués sur le site de Mitan.ca. Les codes présentés sur ces pages sont le résultat de recherches sur différents sites Internet. Ils sont du domaine publique. Le Webmestre de Mitan ne revendique donc aucun droit intellectuel ou autre sur ces codes tout comme il n'accepte aucune responsabilité quant à leur fonctionnement et/ou utilisation sur d'autres sites.

Page 3 de 4

| 1 | 2 | 3 | 4 |

LES EFFETS DE TEXTE

NOTE 1:
Sauf indication contraire, tous les codes qui suivent ont été testés et sont entièrement compatibles avec Netscape et Internet Explorer.

NOTE 2:
La feuille de style (CSS) et la feuille de Javascript de Mitan peuvent être consultées ou téléchargées sur les liens suivants. Vous devez cependant posséder au moins FrontPage sur votre ordinateur pour les consulter.
Cliquer sur les liens suivants pour les télécharger dans FrontPage:
Feuille de styles de Mitan (CSS)
Feuille des Javascripts de Mitan

1 - STANDARDS DE TEXTE DE MITAN

Feuille de style

Voici les configurations sur la feuille de style de Mitan:

Familles de caractères: Arial, Helvetica, Geneva, Verdana, ms sans-serif, sans-serif.
Paragraphes «P»: Font: 12; Ligne: 18; Couleur: # 444444; Marge: 10.
Entête «H1»: Font: 22; Ligne: 26; Couleur: # 444444; Marge: 8-10.
Entête «H2»: Font: 20; Ligne: 24; Couleur: # 444444; Marge: 8-10.
Entête «H3»: Font: 18; Ligne: 22; Couleur: # 444444; Marge: 8-10.
Entête «H3 class="red"»: pour les titres centrés sur la page, couleur # 9C2203.
Entête «H4»: Font: 15; Ligne: 20; Couleur: # 444444; Marge: 8-10.
Entête «H5»: Font: 12; Ligne: 18; Couleur: # 444444; Marge: 8-10.
Entête «H6»: Font: 10; Ligne: 15; Couleur: # 444444; Marge: 8-10.
Menu: couleur du fond : # 000000.
Texte: couleur de fond : # F2F3F4.
Liens normal: gras; couleur: # 0099CC; aucune décoration.
Liens survolé: gras; couleur: # 33CC99; soulignement.
Liens activé: gras; couleur: # CC3333; aucune décoration.
Liens visité: gras; couleur: # 9966CC; aucune décoration.

2 - COULEURS DISPONIBLES

Feuille de style

Dans la feuille de style de Mitan, plusieurs couleurs de caractères sont disponibles pour être utilisées avec le conteneur «DIV». Certaines d'entre elles sont utilisées seulement sur des fonds foncés. Voici la liste:

Class: vert; Font: 12 gras; Ligne: 14; Couleur: # 33CC99; Retrait: g 6.

Class: corail; Font: 12 gras; Ligne: 14; Couleur: # FF7F50; Retrait: g 6.

Class: bleu; Font: 12 gras; Ligne: 14; Couleur: # 0099CC; Retrait: g 6.

Class: pourpre; Font: 12 gras; Ligne: 14; Couleur: # 9966CC; Retrait: g 6.

Class: rouge; Font: 12 gras; Ligne: 14; Couleur: # CC3333; Retrait: g 6.

Class: orange; Font: 12 gras; Ligne: 14; Couleur: # FF9900; Retrait: g 6.

Class: turquoise; Font: 12 gras; Ligne: 14; Couleur: # 20B2AA; Retrait: g 6.

Class: violet; Font: 12 gras; Ligne: 14; Couleur: # DB7093; Retrait: g 6.

Class: jaune; Font: 12 gras; Ligne: 14; Couleur: # FFD700; Retrait: g 6.

Class: gris; Font: 12 gras; Ligne: 14; Couleur: # A49E80; Retrait: g 6.

Class: beige; Font: 12 gras; Ligne: 14; Couleur: # CC9966; Retrait: g 6.

Class: bleunuit; Font: 12 gras; Ligne: 14; Couleur: # 92B5B2; Retrait: g 6.

Class: chocolat; Font: 12 gras; Ligne: 14; Couleur: # D2691E; Retrait: g 6.

Class: evoltitre; Font: 12 gras; Ligne: 14; Couleur: # 9C2203; Retrait: g 14;
Marge av-ap: 12. Utilisé pour les entêtes des listes.

Class: verspage; Font: 12 normal; Ligne: 16; Couleur: # 444444; Marge av-ap: 12. Utilisé pour les re-directions de pages.

Class: copyright; Font: 10 normal; Ligne: 10; Couleur: # 000000; Marge av-ap: 5 et 10.

Class: gen; Font: 12 normal; Ligne: 14; Couleur: # 444444; Sans retrait.

Class: gen1; Font: 10 normal; Ligne: 12; Couleur: # 444444; Sans retrait.

Class: gen2; Font: 11 gras; Ligne: 13; Couleur: # 9C2203; Sans retrait.

Class: gen3; Font: 11 normal; Ligne: 13; Couleur: # 444444; Sans retrait.

3 - L'ÉLÉMENT «SPAN»

Feuille de style

L'élément «SPAN» devrait être utilisé en lieu et place de l'élément «font» car il produit des effets de texte très évolués. Un autre avantage: contrairement au conteneur «DIV», «SPAN» ne provoque pas de saut de ligne avant et après et peut être utilisé même à l'intérieur d'un paragraphe pour formater le texte différemment comme nous venons de le voir. Voici d'autres possibilités offertes par cet élément:

Combiner une «class» avec un «style»:

Utiliser ce code:

Voici le résultat du code.

Voici le résultat du code.

Ajouter une couleur de fond au texte:

Utiliser ce code:

Voici le résultat

Voici le résultat

Changer la couleur et la grosseur du texte:

Utiliser ce code:

Voici le résultat

Voici le résultat

Mettre une image de fond derrière le texte:

Utiliser ce code:

Voici le résultat

Voici le résultat

D'autres options sont montrées sur le site de HTML Goodies.

Page suivante : Page 4 - Les images

Vous êtes ici : Mitan > Internet > Les effets de texte