Problème couleur catégorie
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème couleur catégorie
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
Re: Problème couleur catégorie
up, merci
Re: Problème couleur catégorie
Salut à toi,
Dans le CSS:
Il suffit de modifier ce qui est en rouge par une couleur plus sombre.
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.
Re: Problème couleur catégorie
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
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 */
Re: Problème couleur catégorie
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
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. ^^
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. ^^
Re: Problème couleur catégorie
J'ai directement pensé à l'ombrage quand j'ai lu lumineux, autant pour moi.
Re: Problème couleur catégorie
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 , en tout cas je vous remercie tout les deux pour votre aide elle m'a servi !
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 , en tout cas je vous remercie tout les deux pour votre aide elle m'a servi !
Sujets similaires
» Catégorie - Problème avec la couleur des liens
» Cadre catégorie et couleur catégorie droite
» Je ne vois pas la couleur "Couleur Fond En-tête Catégorie "
» Problème de catégorie j'ai regarder les tuto pour les catégorie rien ni fait
» Couleur Nom de catégorie couleur nom de forum
» Cadre catégorie et couleur catégorie droite
» Je ne vois pas la couleur "Couleur Fond En-tête Catégorie "
» Problème de catégorie j'ai regarder les tuto pour les catégorie rien ni fait
» Couleur Nom de catégorie couleur nom de forum
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum