Les skins GuppY v4.5
I - Présentation
GuppY 4.5 est livré avec ses skins de base, no_skin, skn_1 skn_2 et skn_3, un exemple de customisation plus évoluée (la skin carbonix) et d'autres dont certaines introduisent à la technique d'utilisation des div/css.
| On voit qu'une page est divisée en 3 zones principales : 1- une entête
(logo, bannière, citation et icônes menu)
2- un corps de page (boîte centrale entourée de boîtes latérales)
3- un pied de page |  |
| | La skin "No_skin" |
II - La skin de base de GuppY: No_skin
C'est la skin de base, très dépouillée et très simple. Elle s'appuie sur la feuille de style de base de GuppY (inc/style.inc). Elle ne "dessine" que la partie 2 (les boîtes centrale et latérales).
Tous ses paramètres (sauf ceux indiqués ci-dessous) sont configurés dans les pages d'administration.
Analysons la constitution de son fichier skin.inc
| $topmargin ="0px"; (*) | Permet de spécifier une marge en haut des pages |
| $bodyheader = CHEMIN."img/".$page[6];
ou $bodyheader = ""; (*) | Permet d'insérer une image d'arrière plan dans la partie en-tête
Sinon pas d'image d'arrière-plan d'en-tête |
$bodybackground = CHEMIN."img/".$page[3];
ou $bodybackground = ""; (*) | Insère une image d'arrière-plan sur le reste de la page
Sinon pas d'image d'arrière-plan dans le corps de page |
function htable()
Function btable() | Fonctions dessinant la boîte centrale.
Htable() ouvre un tableau (avec son titre), btable() le referme, les données (article, news, etc...) sont insérées entre les deux parties. |
function htable1()
Function btable1() | Fonctions dessinant les boîtes latérales de la même manière |
(*) Ce sont les seules modifications permises dans le script de cette skin
CHEMIN."img/" est le lien vers le dossier images du site. |
Architecture HTML simplifiée d'une boîte:
htable()
(génération de l'entête de boîte) |
| coin gauche
Titre | la ligne de titre...
| coin droit
| bordure gauche
| | Contenu de l'article ou nouvelles, forum, etc... | btable()
(fermeture de la boîte) | |
| bordure droite
| coin gauche
| la ligne de fond
| coin droit
|
| Nota: pour no_skin on n'utilise que les cellules (td) en bleu |
Cette skin ne créant que des boîtes "simples" dans le corps de page, elle est particulièrement adaptée aux "petites configurations" ou connexions bas débit.
La "customisation" consistera à "enjoliver" les boîtes de base (partie 2) et à encapsuler en-tête et pied de page (parties 1 et 3) dans des boîtes similaires.
814 membres
Imprimer l'article
Haut 
