couleur cadre du forum et fond de sujet différent
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
couleur cadre du forum et fond de sujet différent
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)
Description du problème
Bonjour,J'ai mis en transparent le cadre de mon forum, rendant aussi transparent la couleur de fond du listing des sujets. j'ai beau cherché un moyen de mettre un fond de couleur différent, j'ai de la peine
est-ce que quelqu'un pourrai me dire, s'il vous plaît, comment faire ? merci d'avance à celui ou celle qui m'aidera
Dernière édition par mlle le Lun 2 Jan 2017 - 17:00, édité 1 fois
Re: couleur cadre du forum et fond de sujet différent
Bonsoir, serai t'il possible de voir le code css de votre cadre ?
Re: couleur cadre du forum et fond de sujet différent
bien sûr, merci de ton aide
Re: couleur cadre du forum et fond de sujet différent
Si je ne me trompe pas, le code que vous me montrez, cela me semble être un code provenant d'un tutoriel, ou un code proposé par un autre codeur, c'est cela ? Cela m'aiderai à savoir l'origine du problème, même si je pense à peu près savoir.
Si c'est le cas, comme il semble que le template soit bien modifié, je vais avoir besoin du codage de votre template pour déterminer l'origine du problème.
Si c'est le cas, comme il semble que le template soit bien modifié, je vais avoir besoin du codage de votre template pour déterminer l'origine du problème.
Re: couleur cadre du forum et fond de sujet différent
oui le code vient d'un libre service
voilà :
voilà :
Re: couleur cadre du forum et fond de sujet différent
- Code:
/* BLOC SUJET */
.LSBJ {
width:750px; margin:10px auto;
background: #FFA34F; /** Couleur de fond des bloc sujet, modifiable ! **/
border: 1px #FFA34F; /** Epaisseur des bordures et couleur des bordures, modifiables. (Mettre 0 pour enlever les bordures **/
}
/* BLOC TITRE / DERNIER MESSAGE */
.boxSBJ {
display:inline-block; vertical-align:top;
width:610px;
}
/* BLOC TITRE & DESCRIPTION */
.tleSBJ {
display:inline-block; vertical-align:top;
width:590px; height:25px; overflow:hidden;
font-family:Playfair Display; /* MODIFIABLE */
text-align:left; text-transform:lowercase; font-size:16px;
}
/* TITRE */
.tleSBJ a {
color:black !important; /* MODIFIABLE */
}
/* AUTEUR */
.nameSBJ {
display:inline-block; margin:0 10px;
font-size:11px; text-align:center;
}
/* POLICE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM a.gensmall {
font-family:Dancing Script; font-size:16px; /* MODIFIABLE */
}
/* DESCRIPTION */
.descSBJ {
color:#191919; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; margin-top:5px;
height:15px; width:602px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:9px; text-align:left;
}
/* LISTE DES PAGES */
.gotoSBJ {
float:right; margin-top:-13px; margin-right:5px;
font-size:10px; text-align:right;
}
/* AVATAR DERNIER POSTEUR */
.lavSBJ {
display:inline-block; vertical-align:top; margin:0 10px; border-radius:5px;
width:46px; height:73px; overflow:hidden; padding:5px; /* MODIFIABLE */
}
.lavSBJ div{
width:46px; height:73px; overflow:hidden;
}
.lavSBJ img{
width:46px; -webkit-transition: .8s all ease-in-out;
-moz-transition: .8s all ease-in-out;
-o-transition: .8s all ease-in-out;
-webkit-filter: grayscale(40%);
-moz-filter: grayscale(40%);
filter: grayscale(40%);
border-radius:5px;
}
.lavSBJ img:hover{
width:46px; -webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
border-radius:5px;
}
/* ICÔNES */
.imgSBJ {
display:inline-block; margin-right:5px;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:795px; margin-top:30px;
}
Si ma mémoire ne me fait pas défaut, le code des listes des sujet dépend du codage du cadre du forum : forumline.
J'ai modifié le code css que vous avez envoyés pour faire apparaître la couleur de fond et les bordures de la liste des sujets.
Si il y a quoi que ce soit, dites le moi ^^
Re: couleur cadre du forum et fond de sujet différent
merci beaucoup de ton aide
mais j'avais déjà essayé ça, et le problème c'est qu'il y a un espace de peut-être 5px entre chaque sujet (du couleur de fond du forum) et que je pensais plus en faire un cadre entier avec la même couleur de fond, tu vois ce que je veux dire ?
Ce que ça fait :
Ce que je voudrais que ça fasse :
mais j'avais déjà essayé ça, et le problème c'est qu'il y a un espace de peut-être 5px entre chaque sujet (du couleur de fond du forum) et que je pensais plus en faire un cadre entier avec la même couleur de fond, tu vois ce que je veux dire ?
Ce que ça fait :
Ce que je voudrais que ça fasse :
Re: couleur cadre du forum et fond de sujet différent
- Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->
<div class="cadreLSBJ"> <!-- Div "cadreLSBJ" ajouté par Garionix. (C'est pour t'indiquer ce que j'ai modifié) -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN pagination -->
<tr>
<td colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
</tr>
<!-- END pagination -->
<!-- END header_table --><!-- BEGIN header_row -->
<tr>
<td colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
</tr>
<!-- END header_row -->
<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr>
<!-- BEGIN single_selection -->
<div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
<!-- END single_selection -->
<div class="LSBJ"> <img class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="boxSBJ">
<div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
<div class="nameSBJ">par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div>
<!-- BEGIN switch_description -->
<div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div>
<!-- END switch_description --></div>
<div class="lmsgSBJ"><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}
<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE}
<!-- END nav_tree --></div>{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div></div>
<!-- BEGIN avatar --><div class="lavSBJ"><div>{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</div></div><!-- END avatar -->
<span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
</div>
<!-- BEGIN multi_selection -->
<td align="center" valign="middle">
<span class="postdetails">
<input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
<!-- END multi_selection -->
</tr>
<!-- END topic --><!-- BEGIN no_topics -->
<tr>
<td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
</tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<tr>
<td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <span class="gensmall">{PAGINATION}</span></td>
<td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
</tr>
</table>
</td>
</tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table></div> <!-- Div rajouté par Garionix fermée -->
<!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
- Code:
.cadreLSBJ {
background: #FFA34F; /** Couleur de fond des bloc sujet, modifiable ! **/
border: 1px #FFA34F; /** Epaisseur des bordures et couleur des bordures, modifiables. (Mettre 0 pour enlever les bordures **/
}
/* BLOC SUJET */
.LSBJ {
width:750px; margin:10px auto;
}
/* BLOC TITRE / DERNIER MESSAGE */
.boxSBJ {
display:inline-block; vertical-align:top;
width:610px;
}
/* BLOC TITRE & DESCRIPTION */
.tleSBJ {
display:inline-block; vertical-align:top;
width:590px; height:25px; overflow:hidden;
font-family:Playfair Display; /* MODIFIABLE */
text-align:left; text-transform:lowercase; font-size:16px;
}
/* TITRE */
.tleSBJ a {
color:black !important; /* MODIFIABLE */
}
/* AUTEUR */
.nameSBJ {
display:inline-block; margin:0 10px;
font-size:11px; text-align:center;
}
/* POLICE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM a.gensmall {
font-family:Dancing Script; font-size:16px; /* MODIFIABLE */
}
/* DESCRIPTION */
.descSBJ {
color:#191919; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; margin-top:5px;
height:15px; width:602px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:9px; text-align:left;
}
/* LISTE DES PAGES */
.gotoSBJ {
float:right; margin-top:-13px; margin-right:5px;
font-size:10px; text-align:right;
}
/* AVATAR DERNIER POSTEUR */
.lavSBJ {
display:inline-block; vertical-align:top; margin:0 10px; border-radius:5px;
width:46px; height:73px; overflow:hidden; padding:5px; /* MODIFIABLE */
}
.lavSBJ div{
width:46px; height:73px; overflow:hidden;
}
.lavSBJ img{
width:46px; -webkit-transition: .8s all ease-in-out;
-moz-transition: .8s all ease-in-out;
-o-transition: .8s all ease-in-out;
-webkit-filter: grayscale(40%);
-moz-filter: grayscale(40%);
filter: grayscale(40%);
border-radius:5px;
}
.lavSBJ img:hover{
width:46px; -webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
border-radius:5px;
}
/* ICÔNES */
.imgSBJ {
display:inline-block; margin-right:5px;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:795px; margin-top:30px;
}
Voilà, j'ai effectué un petit changement dans le codage du template et le css que tu m'as donné x)
Si il faut modifier quelques choses, comme avant, demandez moi
Re: couleur cadre du forum et fond de sujet différent
oh oui, ça marche
merci beaucoup, vraiment
merci beaucoup, vraiment
Re: couleur cadre du forum et fond de sujet différent
Content d'avoir aidé x)
Sujets similaires
» Je n'arrive pas changer la couleur fond de page et fond de cadre du forum. Jr
» Invision: Image intérieure du cadre du forum + couleur police "forum", "sujet", "messages"...
» couleur intérieur fond de cadre du forum
» header en fond et couleur interieur du cadre de forum
» Changer couleur bouton "creer nouveau sujet" réponse topic + changer couleur fond recherche sous-forum
» Invision: Image intérieure du cadre du forum + couleur police "forum", "sujet", "messages"...
» couleur intérieur fond de cadre du forum
» header en fond et couleur interieur du cadre de forum
» Changer couleur bouton "creer nouveau sujet" réponse topic + changer couleur fond recherche sous-forum
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum