couleur cadre du forum et fond de sujet différent

2 participants

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

Résolu couleur cadre du forum et fond de sujet différent

Message par mlle Ven 30 Déc 2016 - 18:34

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 Embarassed
est-ce que quelqu'un pourrai me dire, s'il vous plaît, comment faire ? merci d'avance à celui ou celle qui m'aidera I love you


Dernière édition par mlle le Lun 2 Jan 2017 - 16:00, édité 1 fois
mlle

mlle
***

Messages : 129
Inscrit(e) le : 07/10/2012

http://concordia-u.forumgratuit.ch/
mlle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur cadre du forum et fond de sujet différent

Message par Garionix Ven 30 Déc 2016 - 19:10

Bonsoir, serai t'il possible de voir le code css de votre cadre ?
Garionix

Garionix
***

Messages : 123
Inscrit(e) le : 06/06/2016

http://www.pensionnat-ereno.com/
Garionix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur cadre du forum et fond de sujet différent

Message par mlle Dim 1 Jan 2017 - 23:22

bien sûr, merci de ton aide I love you

mlle

mlle
***

Messages : 129
Inscrit(e) le : 07/10/2012

http://concordia-u.forumgratuit.ch/
mlle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur cadre du forum et fond de sujet différent

Message par Garionix Dim 1 Jan 2017 - 23:57

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.
Garionix

Garionix
***

Messages : 123
Inscrit(e) le : 06/06/2016

http://www.pensionnat-ereno.com/
Garionix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur cadre du forum et fond de sujet différent

Message par mlle Lun 2 Jan 2017 - 1:26

oui le code vient d'un libre service I love you
voilà :
mlle

mlle
***

Messages : 129
Inscrit(e) le : 07/10/2012

http://concordia-u.forumgratuit.ch/
mlle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur cadre du forum et fond de sujet différent

Message par Garionix Lun 2 Jan 2017 - 13:05

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 ^^
Garionix

Garionix
***

Messages : 123
Inscrit(e) le : 06/06/2016

http://www.pensionnat-ereno.com/
Garionix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur cadre du forum et fond de sujet différent

Message par mlle Lun 2 Jan 2017 - 14:54

merci beaucoup de ton aide I love you
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 :
couleur cadre du forum et fond de sujet différent 4kPOWzf6
Ce que je voudrais que ça fasse :
couleur cadre du forum et fond de sujet différent OpzoXrQM
mlle

mlle
***

Messages : 129
Inscrit(e) le : 07/10/2012

http://concordia-u.forumgratuit.ch/
mlle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur cadre du forum et fond de sujet différent

Message par Garionix Lun 2 Jan 2017 - 15:38

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>&nbsp;</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 Smile
Garionix

Garionix
***

Messages : 123
Inscrit(e) le : 06/06/2016

http://www.pensionnat-ereno.com/
Garionix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur cadre du forum et fond de sujet différent

Message par mlle Lun 2 Jan 2017 - 15:41

oh oui, ça marche Yahoo
merci beaucoup, vraiment I love you I love you
mlle

mlle
***

Messages : 129
Inscrit(e) le : 07/10/2012

http://concordia-u.forumgratuit.ch/
mlle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur cadre du forum et fond de sujet différent

Message par Garionix Lun 2 Jan 2017 - 15:42

Content d'avoir aidé x)
Garionix

Garionix
***

Messages : 123
Inscrit(e) le : 06/06/2016

http://www.pensionnat-ereno.com/
Garionix 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