Ok, j'en profite pour faire un
petit récapitulatif des styles alors
Il y a donc 4 fichiers de styles dans le dossier
templates/default. Chacun a sa fonction spécifique :
-
style.css sert à définir l'ensemble des styles du site. C'est le fichier de styles principal.
-
style_ie.css est un additif à style.css, il permet de trafiquer les styles du site pour rendre l'affichage correct dans Internet Explorer (vu qu'il gère assez mal les standards du web en matière de styles CSS).
-
style2.css est utilisé exclusivement par le listing membre au format web produit par
afflisting2.php.
-
style_print.css est la feuille de styles utilisée par l'imprimante des personnes qui impriment des pages du site. Cette feuille de style n'affiche que le contenu intéressant pour l'impression et supprime le menu ainsi que les bannières.
Le fichier
style.css est commenté de manière assez conséquente et les styles sont triés par zones du site. En l'occurrence, le menu est défini principalement des lignes 64 à 99 de ce fichier (dans la version 1.0.3 du portail).
Versions suivantes du portail
A l'heure actuelle, le design du portail est déjà assez personnalisable.
Cependant, la version 1.1 du portail apportera un nouvel ensemble de styles afin de vous permettre une
personnalisation totale et complète du portail pour votre unité de manière encore plus poussée que maintenant. Mais comme la version 1.1 n'arrivera pas avant le mois de juillet*, vous avez le temps de voir venir
Quelques liens utiles
Histoire de ne pas vous laisser seuls devant votre écran, j'ai compilé ci-dessous une liste de liens plus qu'utiles pour vous mettre au design à l'aide des styles CSS.
-
L'école des CSS fait la liste des différents paramètres des styles CSS.
-
Listamatic ou la manière de modifier l'apparence d'un menu à l'infini.
-
L'utilisation des unités em (unité de taille des éléments).
-
CSS Zen Garden ou la preuve par mille de tout ce qu'offrent les styles CSS. A partir d'un même code html, des centaines de design radicalement différents. Plus qu'épatant et plein de bonnes idées !
-
La liste de tous les styles proposés sur CSS Zen Garden
- Composez vos
menus avec onglets, un tutoriel pratique pour se lancer dans les onglets.
-
Alsace Créations propose quelques articles très intéressants sur le design web.
-
OpenWeb explique la différence dans la lecture du css par IE et les autres navigateurs (d'où le fichier style_ie.css).
-
OpenWeb est un site qui présente les standards du web et propose de nombreux conseils abordables par les webmasters de tous niveaux. Un must !
Pour les débutants
-
Le site du zéro contient un tutoriel très bien fait au sujet du xhtml et des styles CSS histoire de se faire la main en commençant par le début.
- Un des
forums de Développez.com consacré au xhtml et au CSS contient pas mal d'infos et répondra à nombre de questions sur le sujet.
*
Plus d'informations sur la sortie de la version 1.1 du portail.

Posté le 12/02/2005 à 23:39:47