Scout Web Portail, le moteur de site internet scout

Forum de Discussions

Forums - Archives du support SWP - Modifier style.css

Rechercher dans le forum

Modifier style.css

marca

Visiteur

Yep,

En fait, je voudrai modifier la couleur de fond du menu à gauche donc je dois aller dans style.css mais je suis un peu perdu

Je sais déja pas si c'est style2.css ou style etc. et puis je sais pas vraiment à quelle ligne je dois changer la balise couleur

Merci, marca
Voir son profil Posté le 12/02/2005 à 21:47:35

Re : Modifier style.css

ChMat

Webmaster

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.
Voir son profil Posté le 12/02/2005 à 23:39:47

Re : Modifier style.css

marca

Visiteur

Ok ! voilà, j'ai réussi !

Merci

marca
Voir son profil Posté le 13/02/2005 à 13:57:25

Re : Modifier style.css

baloo17

Membre du projet
Scout Web Portail

pour ne pas créer un nouveau fil.
Je n'arrive pas à mettre la main sur le truc à modifier pour changer la couleur de survolage du menu avec la souris...

c'est sans doute tout bête... mais bon, trouve pas...
Voir son profil Posté le 23/02/2005 à 09:05:47

Re : Modifier style.css

ChMat

Webmaster

dans style.css, il y a une section qui définit les styles du menu. Parmi la masses de définition, il doit y en avoir un qui contient :hover C'est là qu'il faut regarder.

Je sens que vous allez râler comme de beaux diables quand vous verrez la feuille de styles de la version 1.1 Il va y avoir du style en masse Mais c'est encore en cours d'élaboration.
Voir son profil Posté le 23/02/2005 à 11:21:55

Re : Modifier style.css

baloo17

Membre du projet
Scout Web Portail

et bien on attend ...
Mais c'est déjà un bel outil comme ça donc, il ne peut être qu'encore mieux!

cool ça
Voir son profil Posté le 23/02/2005 à 11:34:43

Re : Modifier style.css

pizzaiolo

Membre du projet
Scout Web Portail

Est il possible d'enlever l'effet "d'ouverture" dans le menu pour les sections ?
Quand on clique sur une section, il ouvre en effet le menu des pages... j'ai vu qu'il était possible de supprimer l'option sur un portail utilisant SWP, mais je ne sais pas comment

Merci !
Voir son profil Posté le 24/02/2005 à 11:52:42

Re : Modifier style.css

ChMat

Webmaster

En fait, ce n'est pas une option sur le portail. Il faut modifier le code php afin de toujours afficher les liens des menus des sections.

Comme ce sujet a déjà été abordé dans une autre discussion, je te suggère de la lire en cliquant sur le lien ci-dessus.
Voir son profil Posté le 24/02/2005 à 14:36:45

Re : Modifier style.css

ChMat

Webmaster

A certains moments, il se peut que le pied de page du portail (avec la date de mise à jour) empiète sur le contenu du reste de la page.

C'est un petit oubli de ma part dans le fichier style.css d'origine. Il suffit d'ajouter à la définition de #footer le petit attribut ci-dessous :

Code :
clear:both;


Voir son profil Posté le 13/03/2005 à 15:26:00

Re : Modifier style.css

ChMat

Webmaster

Je viens de tomber sur quelques articles au sujet de la norme CSS3... Elle n'est pas encore finalisée et pas encore supportée par les navigateurs web mais le jour où elle le sera... ça va vraiment tuer

Au menu : bordures arrondies, bordures illustrées, sélecteurs enrichis pour le design d'une ligne/colonne sur deux ou selon d'autres règles, sélecteurs pour les champs de formulaires, gestion de balises qui en suivent/précèdent d'autres, ...

Je suis tout simplement impatient de la voir implémentée !

Plus d'infos sur http://www.w3c.org/
Voir son profil Posté le 23/03/2005 à 15:56:33

Re : Modifier style.css

Tarpan

Membre du projet
Scout Web Portail

A quand le CSS avec variables ?

pour changer plusieurs style d'un coup!
Voir son profil Posté le 23/03/2005 à 21:16:51

Re : Modifier style.css

ChMat

Webmaster

Si plusieurs styles ont la même définition, il suffit de les déclarer ensemble une seule fois :

Code :
h1, h2, h3 {
   font-size:1em; font-weight:bold;}


Au lieu d'avoir

Code :
h1 {
   font-size:1em; font-weight:bold;}
h2 {
   font-size:1em; font-weight:bold;}
h3 {
   font-size:1em; font-weight:bold;}
Voir son profil Posté le 25/03/2005 à 10:51:39

Re : Modifier style.css

Tarpan

Membre du projet
Scout Web Portail

et si tu as ceci?

Code :
h1{
     color:#FF0000; font-size:20px;
}
h2{
    color:#FF0000; font-size:15px;
}


Est-ce possible de déclarer une fois les arguments commun de h1 et h2 et après de déclarer séparément les arguments différents?
Voir son profil Posté le 25/03/2005 à 12:45:59

Re : Modifier style.css

ChMat

Webmaster

Tout à fait.

Prenons le cas de figure suivant :

Code :
h1, h2 {
   color:#F00; font-size:20px;}
h2 {
   font-size:15px;}


Dans ce cas, h1 sera rouge en 20 pixels et h2 sera rouge en 15 pixels.

C'est toujours la dernière définition d'un paramètre qui prévaut.

Pour les styles d'un site complet, il est donc conseillé de définir les balises html en haut du fichier puis de descendre dans les détails.

Par exemple :

Code :
h1 {
   color:lightgreen; font-size:24px;}
#corps h1, #corps h2 {
   color:#F00; font-size:20px;}
h2 {
   font-size:15px;}


Ici les balises h1 seront en vert clair et 24 pixels partout sauf à l'intérieur de la zone d'id corps où h1 sera en rouge et à 20 pixels.
Par contre, h2 sera partout à 15 pixels. Dans la zone corps, h2 sera en rouge mais restera en 15 pixels vu que la balise html h2 est redéfinie après.

Bref, on définit les styles css du général au particulier
Voir son profil Posté le 25/03/2005 à 15:19:39

Le forum est verrouillé. Seul le webmaster peut encore intervenir.

Forums - Archives du support SWP - Modifier style.css

Forum verrouillé
Forum en accès public
Modération par les animateurs de section

Pour écrire sur le forum, connecte-toi ci-dessous ou inscris-toi sur le site.

Plus d'infos au sujet du forum

Page générée en 0.09 secondes (6 requêtes)