Référence de Style vBulletin 3 - Référence des couleurs

[Pitchoune]

Introduction

Les pages suivantes sont faites en tant que référence pour aider dans le design de vos styles.

Les cartes vous montrent comment sont utilisés les CSS et Stylevars utilisés dans les templates.

Template Forum Home


http://forum.vbulletin-fr.org/tutorial/colormaps/forumhome.png





1. En-tête de tableau - Arrière-plan.
Sélecteur CSS : .thead

2. Bordure de tableau - Arrière-plan, style de bordure.
Sélecteur CSS : .tborder

3. En-tête de tableau - Famille de polices
Sélecteur CSS : thead

4. Bandes de Catégories - Arrière-plan
Sélecteur CSS : .tcat

5. Bandes de Catégories - Famille de polices
Sélecteur CSS : .tcat

6. Première couleur alternative - Arrière-plan
Sélecteur CSS : .alt1, alt1Active

7. Seconde couleur alternative - Arrière-plan
Sélecteur CSS : .alt2, alt2Active

8. Corps - Liens
Sélecteur CSS : body, a:link, a:visited, a:hover

9. Couleur de l'heure - Famille de polices
Sélecteur CSS : .time

10. Pied de tableau - Arrière-plan
Sélecteur CSS : .tfoot

11. Pied de tableau - Famille de polices
Sélecteur CSS : .tfoot

Template Navbar

http://forum.vbulletin-fr.org/tutorial/colormaps/navbar.png


Navbar :

1. Première couleur alternative
Sélecteur CSS : .alt1, alt1Active

2. Texte de la barre de navigation - Couleur de police
Sélecteur CSS : .navbar

3. Contrôles des menus popup - Arière-plan
Sélecteur CSS : .vbmenu_control

4. Contrôles des menus popup - Couleur de police
Sélecteur CSS : .vbmenu_control

5. Seconde couleur alternative
Sélecteur CSS : .alt2, alt2Active

6. bordure de tableau
Sélecteur CSS : .tborder

7. Couleur de l'heure
Sélecteur CSS : .time

8. Corps - inclus a:link, a:visited, a:hover
Sélecteur CSS : body

9. Petite police
Sélecteur CSS : .smallfont

vBmenu_control :

1. Contrôles des menus popup - Arrière-plan
Sélecteur CSS : .vbmenu_control

2. Contrôles des menus popup - Famille de police
Sélecteur CSS : .vbmenu_control

3. Bordure de tableau - Arrière-plan et style de bordure
Sélecteur CSS : .tborder

4. En-tête de tableau - Arrière-plan
Sélecteur CSS : .theader

5. En-tête de tableau - Famille de police
Sélecteur CSS : .theader

6. Lignes d'option dans les menus popup - Liens (a:link, a:visited, a:hover)
Sélecteur CSS : .vbmenu_option

7. Lignes d'option dans les menus popup - Arrière-plan
Sélecteur CSS : .vbmenu_option

8. En-tête de tableau - Liens (a:link, a:visited, a:hover)
Sélecteur CSS : .theader

9. Options survolés dans les menus popup - Famille de police
Sélecteur CSS : .vbmenu_hilite

10. Options survolés dans les menus popup - Arrière-plan
Sélecteur CSS : .vbmenu_hilite

11. Corps des menus popup - Arrière-plan
Sélecteur CSS : .vbmenu_popup

Template Newthread

http://forum.vbulletin-fr.org/tutorial/colormaps/newthread.png





1. Bandes de catégorie - Famille de police
Sélecteur CSS : .tcat

2. Bandes de catégorie - Arrière-plan
Sélecteur CSS : .tcat

3. Panneau (Formulaires) - Arrière-plan
Sélecteur CSS : .panel

4. Options du menu de la barre d'outils - Boutons de l'éditeur à l'état « normal »
Arrière-plan

5. Petite police - Famille de police
Sélecteur CSS : .smallfont

6. Options du menu de la barre d'outils - Boutons de l'éditeur à l'état « sélectionné »
Arrière-plan

7. Options du menu de la barre d'outils - Boutons de l'éditeur à l'état « survolé »
Arrière-plan

8. Éditeur WYSIWYG - Famille de police
Sélecteur CSS : .wysiwyg

9. Éditeur WYSIWYG - Arrière-plan
Sélecteur CSS : .wysiwyg

10. Boutons
Sélecteur CSS : .button

11. Bordure de tableau - Arrière-plan et style de bordure
Sélecteur CSS : .tborder

12. Cadre de panneau
Sélecteur CSS : .panelsurround

Template Thread

http://forum.vbulletin-fr.org/tutorial/colormaps/thread.png
Showthread


1. Corps - Arrirère-plan
Sélecteur CSS : body

2. Arrière-plan de la page - Arrière-plan
Sélecteur CSS : .page

3. Bandes de catégorie - Liens (a:link, a:visited, a:hover)
Sélecteur CSS : .tcat

4. Bandes de catégorie - Arrière-plan
Sélecteur CSS : .tcat

5. En-tête de tableau - Arrière-plan
Sélecteur CSS : .theader

6. Contrôles des menus popup - Couleur de police
Sélecteur CSS : .vbmenu_control

7. Contrôles des menus popup - Arrière-plan
Sélecteur CSS : .vbmenu_control

8. Bordure de tableau - Arrière-plan et style de bordure
Sélecteur CSS : .tborder

9. En-tête de tableau - Famille de police
Sélecteur CSS : .theader

10. Identifiant - Taille de police
Défini dans le template postbit et postbit_legacy

11. Corps ou Première/Seconde couleur alternative - Famille de police
Sélecteur CSS : body, .alt1, alt1Active, .alt2, alt2Active

12. Première couleur alternative - Arrière-plan
Sélecteur CSS : .alt1, alt1Active

13. Seconde couleur alternative - Arrière-plan
Sélecteur CSS : .alt2, alt2Active

14. Bandes de catégorie - Arrière-plan
Sélecteur CSS : .tcat
Navigation rapide


1. Corps - Famille de police
Sélecteur CSS : body

2. Menu de navigation rapide
Objet sélectionné - Arrière-plan
Sélecteur CSS : ???

3. Boutons
Sélecteur CSS : .button

4. Menus <select> - Arrière-plan
Sélecteur CSS : .select

5. Menu de navigation rapide
Objet sélectionné - Couleur de police
Sélecteur CSS : ???

6. Menu survolé
Défini par les couleurs et le thème du système d'exploitation
Sélecteur CSS : Aucun

7. Menu de navigation rapide
Objet avec aucune profondeur - Arrière-plan et Couleur de police
Sélecteur CSS : .fdjpth

8. Label Optgroup (ne peut être modifié)

Template Usercp

http://forum.vbulletin-fr.org/tutorial/colormaps/usercp.png




1. Bordure de tableau - Arrière-plan et style de bordure
Sélecteur CSS : .tborder

2. Bandes de catégorie - Famille de police
Sélecteur CSS : .tcat

3. Bandes de catégorie - Arrière-plan
Sélecteur CSS : .tcat

4. En-tête de tableau - Famille de police
Sélecteur CSS : .theader

5. En-tête de tableau - Arrière-plan
Sélecteur CSS : .theader

6. Première couleur alternative - Arrière-plan
Sélecteur CSS : .alt1, alt1Active

7. Corps - Liens
Sélecteur CSS : body, a:link, a:visited

8. Corps - Liens
Sélecteur CSS : body, a:link, a:visited

9. Bandes de catégorie - Arrière-plan
Sélecteur CSS : .tcat

10. Options survolées dans les menus popup - Famille de police
Sélecteur CSS : .vbmenu_hilite

11. Options survolées dans les menus popup - Arrière-plan
Sélecteur CSS : .vbmenu_hilite

12. Lignes d'option dans les menus popup - Arrière-plan
Sélecteur CSS : .vbmenu_option

Template que se passe-t-il

http://forum.vbulletin-fr.org/tutorial/colormaps/whats-going-on.png




1. Bandes de catégorie - Famille de police
Sélecteur CSS : .tcat

2. En-tête de tableau - Liens (a:link, a:visited, a:hover)
Sélecteur CSS : .theader

3. Corps - Famille de police
Sélecteur CSS : body

4. Bordure de tableau - Arrière-plan et style de bordure
Sélecteur CSS : .tborder

5. Bandes de catégorie - Famille de police
Sélecteur CSS : .tcat

6. En-tête de tableau - Arrière-plan
Sélecteur CSS : .theader

7. Première couleur alternative - Arrière-plan
Sélecteur CSS : .alt1, alt1Active

8. Seconde couleur alternative - Arrière-plan
Sélecteur CSS : .alt2, alt2Active

[holker]

merciiii

[Akex]

Merci Pitchoune, ça aide bcp, j'ai jamais eu le temps de le faire, bien qu'ayant fait pas mal de styles :).

[Paulo]

Merci c'est pas évident de s'y retrouver quand on veut modifier un élément.

[Pitchoune]

Depuis le 11 mai 2005, vous avez tous eu le temps de me remercier :mdr:

[zmickzalois3]

super tuto ca ma bien servie merci

[Mishou]

merci merci beaucoup pour ce tuto

[Karline]

Une mine d'or!
Merci Pitchoune http://forum.vbulletin-fr.org/images/icons/icon14.gif