[Templates] Où trouver le CSS des "div class"

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu [Templates] Où trouver le CSS des "div class"

Message par 1XMisterX1 le Sam 9 Aoû 2014 - 19:01

Bonsoir, 

Je m'excuse si mon post n'est pas au bon endroit mais je pense que cette rubrique est la plus adaptée à ma question. 

En "naviguant" dans les templates de mon forum, j'ai constaté qu'elles contenaient des div class. 
Je voulais donc savoir où renvoient ces div class ?

Merci d'avance pour votre aide Smile


Dernière édition par 1XMisterX1 le Sam 9 Aoû 2014 - 19:42, édité 1 fois

1XMisterX1
****

Masculin
Messages : 267
Inscrit(e) le : 30/04/2014

http://forumdescollegiens.forumactif.org/
1XMisterX1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Templates] Où trouver le CSS des "div class"

Message par Neptunia le Sam 9 Aoû 2014 - 19:14

Bonjour ^^

S'il s'agit des class par défaut, vous pouvez consulter ce css via le CSS de base du forum
Right PA > Affichage > Images et Couleurs > Couleurs > Onglet Feuille de style > Lien "Voir le CSS de base de votre forum"
Voilà pour la consultation, pour éditer ce CSS, il faut passer par la feuille de style

S'il s'agit de class rajoutées dans le template (ou via un javascript)
Right PA > Affichage > Images et Couleurs > Couleurs > Onglet Feuille de style

Neptunia
+ Hyperactif +

Féminin
Messages : 10394
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Templates] Où trouver le CSS des "div class"

Message par 1XMisterX1 le Sam 9 Aoû 2014 - 19:18

Bonsoir, 

Un grand merci pour votre réponse rapide ! Smile 
Si je souhaite éditer, je passe par la feuille de style, nous sommes bien d'accord là-dessus mais comment mon édition va être prise en compte. 

Prenons l'exemple d'un class au hasard présent dans le CSS de base : 


Code:
#wrap {
   width: 98%;
   margin: 0px auto;
   background-color: #ffffff;
   border: 1px solid #c4c4c4;
   padding: 5px;
   min-width: 768px;
   }

Si je souhaite modifier ou ajouter quelque chose dedans, comment faire ?

1XMisterX1
****

Masculin
Messages : 267
Inscrit(e) le : 30/04/2014

http://forumdescollegiens.forumactif.org/
1XMisterX1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Templates] Où trouver le CSS des "div class"

Message par Neptunia le Sam 9 Aoû 2014 - 19:36

Supposons que vous vouliez juste modifier l'épaisseur de la bordure, vous utiliseriez
Code:
#wrap {
  border: 3px solid #c4c4c4;
  }

Ceci fonctionnerait également :
Code:
#wrap {
  width: 98%;
  margin: 0px auto;
  background-color: #ffffff;
  border: 3px solid #c4c4c4;
  padding: 5px;
  min-width: 768px;
  }
Mais comme tout le reste ne change pas, inutile de surcharger la feuille css perso avec des valeurs déjà incluses dans le CSS de base.

Neptunia
+ Hyperactif +

Féminin
Messages : 10394
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Templates] Où trouver le CSS des "div class"

Message par 1XMisterX1 le Sam 9 Aoû 2014 - 19:41

Entendu ! Smile 
En gros, grâce au # devant l'intitulé du div, la feuille de style comprends qu'elle doit écraser la valeur déjà existante lorsqu'une nouvelle est indiquée... 

Merci à vous pour votre aide, je considère mon sujet comme étant résolu, je vais pouvoir commencer à apprendre à manier les templates ! ^_^

Bon weekend !

1XMisterX1
****

Masculin
Messages : 267
Inscrit(e) le : 30/04/2014

http://forumdescollegiens.forumactif.org/
1XMisterX1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Templates] Où trouver le CSS des "div class"

Message par Neptunia le Sam 9 Aoû 2014 - 19:50

# à condition que l'intitulé soit un id ...

... s'il s'agit d'une class il faudra utiliser un point.

La feuille de style écrase le CSS de base.
Parfois il faut rajouter un !important juste avant le ; final.

Pour finir si vous appelez plusieurs fois un même identifiant avec une même propriété mais des valeurs différentes, seule la dernière est prise en compte, sauf si l'une des définitions précédentes contient le paramètre !important

Neptunia
+ Hyperactif +

Féminin
Messages : 10394
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Templates] Où trouver le CSS des "div class"

Message par 1XMisterX1 le Sam 9 Aoû 2014 - 19:52

Oui en effet, je continuais mon raisonnement selon l'exemple ci-dessus Wink 
Je tâcherai de me souvenir de l'ajout d'un !important en cas de besoin ! Merci pour l'info Smile 

A bientôt.

1XMisterX1
****

Masculin
Messages : 267
Inscrit(e) le : 30/04/2014

http://forumdescollegiens.forumactif.org/
1XMisterX1 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum