|
Styles et lignes graphiques
L'utilisation du langage PHP (introduite sur Ronchon.ch
dès juillet 2002) permet de définir de manière centralisée
des éléments graphiques qui se retrouvent ensuite sur chaque
page. En décembre 2002, une ligne graphique intitulée «RONCHON.03»
a ainsi été définie pour la page d'accueil et les
pages générales (style «portail»). Elle comprend
notamment:
- le bandeau de titre en haut de chaque page, avec
le titre générique «Ronchon.ch - Le grand portail
ronchon», ainsi qu'un menu déroulant donnant accès
aux principales pages du site;
- le bandeau de bas de page, avec le copyright, la date de dernière
mise à jour de la page, les pictogrammes «haut de la page»,
«page d'accueil» et «courrier», ainsi qu'un
menu déroulant identique à celui du haut de la page;
- la colonne de vignettes rondes sur le bord gauche
de l'écran, qui donnent accès aux principaux éléments
de Ronchon.ch, et qui constituent aussi un élément d'identité
visuelle de l'ensemble du site;
- de manière optionnelle: la colonne de droite,
qui présente des éléments d'actualité et
de la «publicité» (ma propre publicité pour
les divers éléments de mon site, ainsi que de la publicité
gratuite pour des sites amis; il n'y a aucune publicité payante
sur Ronchon.ch!).
Eléments aléatoires:
La couleur de fond et le style du titre sont choisis
aléatoirement à chaque chargement d'une page; ils peuvent
changer lorsqu'on recharge la page. Il en va de même pour les vignettes
publicitaires de la colonne de droite.
La couleur de fond est choisie parmi huit
couleurs foncées prédéfinies:
| Couleur 1: |
Noir |
#000000 |
 |
| Couleur 2: |
Bleu foncé |
#00003F |
|
| Couleur 3: |
Rouge foncé |
#4C0000 |
|
| Couleur 4: |
Vert foncé |
#003F00 |
|
| Couleur 5: |
Or foncé |
#3F3F00 |
|
| Couleur 6: |
Bleu océan |
#004747 |
|
| Couleur 7: |
Violet foncé |
#3F004C |
|
| Couleur 8: |
Gris foncé |
#3F3F3F |
|
Le style du titre «Ronchon.ch»
est aussi choisi parmi huit styles prédéfinis:
a) pour la page d'accueil:
| Style 1: |
«Sand» |
 |
 |
| Style 2: |
«Berliner Grotesk» |
 |
 |
| Style 3: |
«Tekton» |
 |
 |
| Style 4: |
«Old English» |
 |
 |
| Style 5: |
«Rockwell Italic» |
 |
 |
| Style 6: |
«Apple Chancery» |
 |
 |
| Style 7: |
«Lithos» |
 |
 |
| Style 8: |
«Barmeno» |
 |
 |
b) pour les autres pages «portail»:
| Style 1: |
«Sand» |
 |
| Style 2: |
«Barmeno» |
 |
| Style 3: |
«Arial Black» |
 |
| Style 4: |
«Tekton» |
 |
| Style 5: |
«Postino» |
 |
| Style 6: |
«Insigna» |
 |
| Style 7: |
«Lithos» |
 |
| Style 8: |
«Berliner Grotesk» |
 |
Autres styles:
Des lignes graphiques particulières ont été
définies pour certaines parties du site, soit pour le plaisir d'imaginer
de nouveaux styles, soit parce que les pages en question nécessitaient
des éléments techniques particuliers (par ex. menu contextuel).
C'est le cas des parties: «Ronchon perso», «Le journal
du Ronchon», «Le Coin du Ronchon» et «Voyage en
Pologne». Ces styles sont dérivés du style principal
«portail» dont ils reprennent des éléments de
navigation (vignettes rondes, menus déroulants, vignettes publicitaires,
pictogrammes de bas de page).
L'ensemble est ainsi construit selon les principes
du fédéralisme différencié: un style de base
est à disposition, mais il laisse la liberté de définir
des styles particuliers, tout en respectant un minimum de coordination!
Retour aux informations générales
sur ce site...
Retour à la page d'accueil de Ronchon.ch...
|