Problème couleur catégorie

3 participants

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

Résolu Problème couleur catégorie

Message par Billy-Stones Lun 3 Aoû 2015 - 16:06

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis sa création (y'a quelques semaines)
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour, alors dernièrement j'ai installé une forme de catégorie que j'ai beaucoup aimé, mais mes membres m'ont dit que la catégorie était vraiment lumineuse et qu'il voulait un peu que je l'assombrisse.
J'ai cherché dans le CSS mais j'ai rien trouvé, j'ai pas cherché dans les templates car je ne crois pas que c'est dans les templates qu'on choisis la couleur mais plutôt dans le CSS.

Je vous fourni le CSS et les templates au cas où :

Templates
Code:

  <!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
  <div class="titre_cate">{catrow.tablehead.L_FORUM}</div>
  <!-- END tablehead -->
 
  <!-- BEGIN forumrow -->
  <div class="forum">
<table width="100%" cellpadding="1" cellspacing="1" border="0">
  <tr>
      <td align="center" valign="middle">
  <img class="icon" src="{catrow.forumrow.FORUM_FOLDER_IMG}" />

  <a class="titre_forum" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

  <div class="description genmed">
  {catrow.forumrow.FORUM_DESC}
  </div>
               
  <div class="ssforum gensmall" id="subforums">
  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
  </div>
      </td>
     
      <td align="center" valign="middle">
  <div class="lastpost gensmall">
        {catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets <br /> <br />
  {catrow.forumrow.LAST_POST}
  </div>
      </td>
  </tr>
</table>
  </div>
  <!-- END forumrow -->
 
  <!-- BEGIN tablefoot -->
  <!-- END tablefoot -->
  <script type="text/javascript">
  jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br /> ')).removeAttr('id');
  </script>
  <!-- END catrow -->


CSS
Code:

            /* Debut des CATEGORIES */
/*Gère le squelette du titre catégorie*/
.titre_cate
{
  text-align: center;
  text-shadow: 1px 1px 1px black;
}
 /*Gère l'aspect esthétique du titre catégorie*/
.titre_cate h2
{
  font-size: 25px;
  color: #cccccc;
}

 /*Le forum en lui même, le fond, la bordure, l'ombre etc..*/
.forum
{
  background-color: #dfdfdf;
  border: 2px solid #ffffff;
  width: 853px;
  height: 150px;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  -moz-box-shadow: 1px 1px 10px #dfdfdf;
  -webkit-box-shadow: 1px 1px 10px #dfdfdf;
  box-shadow: 1px 1px 10px #dfdfdf;
}
 /*Image no new, attention, elle doit faire 150*150 pour un affichage optimisé*/
.icon
{
  float: left;
}

a.titre_forum
{
  display: block; /*Passe le titre du forum de simple élément en ligne à un block*/
  color: #cccccc;
  letter-spacing: 1px; /*Laisse un espace de 1px entre chaque lettre*/
  font-size: 15px;
  text-shadow: 1px 1px 1px black;
  text-decoration: none!important;
}

.description
{
  overflow: auto;
  float: left;
  background-color: #cccccc;
  border: 1px solid #ffffff;
  border-right: 0px;
  height: 107px;
  width: 500px;
  padding: 5px;
  -moz-border-radius: 25px 0 0 25px;
  -webkit-border-radius: 25px 0 0 25px;
  border-radius: 25px 0 0 25px;
/*Arrondis sur la plupart des navigateurs*/
  -moz-box-shadow: inset 1px 1px 10px #dfdfdf;
  -webkit-box-shadow: inset 1px 1px 10px #dfdfdf;
  box-shadow: inset 1px 1px 10px #dfdfdf;
/*Ombre sur la plupart des navigateurs*/
}

.ssforum
{
  float: right;
/*Fait flotter sur la droite les sous-forums sur la droite de la description*/
  background-color: #cccccc;
  border: 1px solid #ffffff;
  height: 120px;
  width: 120px;
  overflow: auto;
  -moz-border-radius: 0 25px 25px 0;
  -webkit-border-radius: 0 25px 25px 0;
  border-radius: 0 25px 25px 0;
  -moz-box-shadow: inset 1px 1px 10px #dfdfdf;
  -webkit-box-shadow: inset 1px 1px 10px #dfdfdf;
  box-shadow: inset 1px 1px 10px #dfdfdf;
}
            /* Fin des CATEGORIES */

Voilà en espérant une réponse, merci et bonne journée !


Dernière édition par Billy-Stones le Mer 5 Aoû 2015 - 17:23, édité 1 fois
avatar

Billy-Stones
***

Messages : 107
Inscrit(e) le : 19/08/2012

http://nyro-newyork.monalliance.com
Billy-Stones a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleur catégorie

Message par Billy-Stones Mar 4 Aoû 2015 - 17:10

up, merci
avatar

Billy-Stones
***

Messages : 107
Inscrit(e) le : 19/08/2012

http://nyro-newyork.monalliance.com
Billy-Stones a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleur catégorie

Message par Teurancher Mar 4 Aoû 2015 - 18:45

Salut à toi,
Dans le CSS:


/* Debut des CATEGORIES */
/*Gère le squelette du titre catégorie*/
.titre_cate
{
text-align: center;
text-shadow: 1px 1px 1px black;
}
/*Gère l'aspect esthétique du titre catégorie*/
.titre_cate h2
{
font-size: 25px;
color: #cccccc;
}

/*Le forum en lui même, le fond, la bordure, l'ombre etc..*/
.forum
{
background-color: #dfdfdf;
border: 2px solid #ffffff;
width: 853px;
height: 150px;
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
-moz-box-shadow: 1px 1px 10px #dfdfdf;
-webkit-box-shadow: 1px 1px 10px #dfdfdf;
box-shadow: 1px 1px 10px #dfdfdf;
}
/*Image no new, attention, elle doit faire 150*150 pour un affichage optimisé*/
.icon
{
float: left;
}

a.titre_forum
{
display: block; /*Passe le titre du forum de simple élément en ligne à un block*/
color: #cccccc;
letter-spacing: 1px; /*Laisse un espace de 1px entre chaque lettre*/
font-size: 15px;
text-shadow: 1px 1px 1px black;
text-decoration: none!important;
}

.description
{
overflow: auto;
float: left;
background-color: #cccccc;
border: 1px solid #ffffff;
border-right: 0px;
height: 107px;
width: 500px;
padding: 5px;
-moz-border-radius: 25px 0 0 25px;
-webkit-border-radius: 25px 0 0 25px;
border-radius: 25px 0 0 25px;
/*Arrondis sur la plupart des navigateurs*/
-moz-box-shadow: inset 1px 1px 10px #dfdfdf;
-webkit-box-shadow: inset 1px 1px 10px #dfdfdf;
box-shadow: inset 1px 1px 10px #dfdfdf;
/*Ombre sur la plupart des navigateurs*/
}

.ssforum
{
float: right;
/*Fait flotter sur la droite les sous-forums sur la droite de la description*/
background-color: #cccccc;
border: 1px solid #ffffff;
height: 120px;
width: 120px;
overflow: auto;
-moz-border-radius: 0 25px 25px 0;
-webkit-border-radius: 0 25px 25px 0;
border-radius: 0 25px 25px 0;
-moz-box-shadow: inset 1px 1px 10px #dfdfdf;
-webkit-box-shadow: inset 1px 1px 10px #dfdfdf;
box-shadow: inset 1px 1px 10px #dfdfdf;
}
/* Fin des CATEGORIES */

Il suffit de modifier ce qui est en rouge par une couleur plus sombre. Wink
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleur catégorie

Message par Billy-Stones Mar 4 Aoû 2015 - 23:45

Bonjour, j'ai essayé de mettre une couleur sur la ligne surligné mais rien ne marche, j'avais essayé une couleur rouge j'ai donc pris une couleur grisé un peu sombre mais rien ne marche non plus.
Merci d'avoir répondu, bonne journée


/* Debut des CATEGORIES */
/*Gère le squelette du titre catégorie*/
.titre_cate
{
text-align: center;
text-shadow: 1px 1px 1px black;
}
/*Gère l'aspect esthétique du titre catégorie*/
.titre_cate h2
{
font-size: 25px;
color: #cccccc;
}

/*Le forum en lui même, le fond, la bordure, l'ombre etc..*/
.forum
{
background-color: #dfdfdf;
border: 2px solid #ffffff;
width: 853px;
height: 150px;
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
-moz-box-shadow: 1px 1px 10px #594242;
-webkit-box-shadow: 1px 1px 10px #594242;
box-shadow: 1px 1px 10px #dfdfdf;
}
/*Image no new, attention, elle doit faire 150*150 pour un affichage optimisé*/
.icon
{
float: left;
}

a.titre_forum
{
display: block; /*Passe le titre du forum de simple élément en ligne à un block*/
color: #cccccc;
letter-spacing: 1px; /*Laisse un espace de 1px entre chaque lettre*/
font-size: 15px;
text-shadow: 1px 1px 1px black;
text-decoration: none!important;
}

.description
{
overflow: auto;
float: left;
background-color: #cccccc;
border: 1px solid #ffffff;
border-right: 0px;
height: 107px;
width: 500px;
padding: 5px;
-moz-border-radius: 25px 0 0 25px;
-webkit-border-radius: 25px 0 0 25px;
border-radius: 25px 0 0 25px;
/*Arrondis sur la plupart des navigateurs*/
-moz-box-shadow: inset 1px 1px 10px #dfdfdf;
-webkit-box-shadow: inset 1px 1px 10px #dfdfdf;
box-shadow: inset 1px 1px 10px #dfdfdf;
/*Ombre sur la plupart des navigateurs*/
}

.ssforum
{
float: right;
/*Fait flotter sur la droite les sous-forums sur la droite de la description*/
background-color: #cccccc;
border: 1px solid #ffffff;
height: 120px;
width: 120px;
overflow: auto;
-moz-border-radius: 0 25px 25px 0;
-webkit-border-radius: 0 25px 25px 0;
border-radius: 0 25px 25px 0;
-moz-box-shadow: inset 1px 1px 10px #dfdfdf;
-webkit-box-shadow: inset 1px 1px 10px #dfdfdf;
box-shadow: inset 1px 1px 10px #dfdfdf;
}
/* Fin des CATEGORIES */
avatar

Billy-Stones
***

Messages : 107
Inscrit(e) le : 19/08/2012

http://nyro-newyork.monalliance.com
Billy-Stones a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleur catégorie

Message par Cyn Mer 5 Aoû 2015 - 2:20

Hello =)

Quelle(s) couleur(s) voudrais-tu changer plus exactement ? La suggestion donnée par Teurancher permet de modifier l'ombrage de la catégorie sur son fond. Si tu veux modifier la couleur du bloc en entier, il faudrait modifier les couleurs se trouvant vis-à-vis

Code:
background-color: XXXXXX;

Après, pour savoir dans quelle class de ton CSS, ça dépend de ce que tu veux comme résultat final. N'ais pas peur de faire des essais en mettant des couleurs fluo au pire, pour voir qu'est-ce qui correspond à quoi. ^^
Cyn

Cyn
**

Féminin
Messages : 77
Inscrit(e) le : 08/09/2006

http://cat-rpg.forumactif.org/
Cyn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleur catégorie

Message par Teurancher Mer 5 Aoû 2015 - 13:30

J'ai directement pensé à l'ombrage quand j'ai lu lumineux, autant pour moi.
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleur catégorie

Message par Billy-Stones Mer 5 Aoû 2015 - 17:21

D'aac, c'est pas grave Teurancher au moins je sais que cette partie sera l'ombrage.
Et Cyn oui merci c'était le bon code, j'voulais mettre une couleur plus foncé à la base, mais tu as raison j'devrai faire des test pour voir qui va avec quoi je prendrai donc conseil Smile, en tout cas je vous remercie tout les deux pour votre aide elle m'a servi !
avatar

Billy-Stones
***

Messages : 107
Inscrit(e) le : 19/08/2012

http://nyro-newyork.monalliance.com
Billy-Stones a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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