Décalage des vues, des réponses et des derniers messages dans les forums

[Gae67]

Bonjour,

Je viens poster un autre problème. Je rencontre ici un décalage des informations sur les sujets vues, le nombre de réponses et les derniers messages des sujets dans tous les forums de mon forum.

J'aimerais donc que ces informations soient à nous dans leur champ respectif, centré ou aligné à gauche cela me semble égal du moyen qu'ils sont dans leur champ.

Voici une capture d'écran : 



Je vous remercie d'avance pour vos futures réponses,

Cordialement.

[Invité]

Salut Gae67 ,

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

tu as ceci:

Code:



ul.topics li.header dl.icon dt
{
    padding-right: 50px;
}
li.header dl.icon dt
{
    padding-left: 0px;
}


Il faut les supprimer    .
Penses à cliquer sur le bouton
a++

[Gae67]

Bonjour,

J'ai bien supprimé ce que vous m'avez demandé mais je retrouve un problème que j'ai eu auparavant il s'agit des icônes de sujet qui se superposent sur les titres de sujet.... Si vous ne comprenez pas je vous envoie ici : Souci après passage phpbb3 et l'image du problème ici : 

Merci d'avance,
Cordialement.

[Gae67]

UP

[Invité]

Salut Gae67 ,

ceci devrait arranger les choses :

La dimension de tes images sont très importantes il faut tout décaler en proportion   .

Code:


/*CSS POUR L APPARENCE DES SUJETS*/
/*ON DECALE LES TITRES DE 90PX DE LA GAUCHE*/
.forumbg.announcement ul.topiclist dd.dterm {margin-left:90px;}
/*ON DECALE LES CELLULES REPONSES VUES ETC DE LA GAUCHE*/
.forumbg.announcement ul.topics li.header dl.icon dt {padding-right: 140px;}
/*FIN*/



a++

[Gae67]

Bonjour, 

malheureusement votre code ne fonctionne toujours pas...

[Invité]

Salut Gae67 ,

Bonjour, 

malheureusement votre code ne fonctionne toujours pas...

Tu peux donner le contenu de ta feuille de style stp    .

a++

[Gae67]

Salut,

Le voici :

Code:

#main-content p {
background-color: #FFF;
}
ul.linklist {
border: none;
}
#date_heure {
font-size: 20px;
height: 40px;
}
/* Icônes couleur dans la palette */
 
.color-option {
display: inline-block !important;
width: 15px !important;  /* largeur de l'icône couleur */
height: 15px !important;  /* hauteur de l'icône couleur */
border: 2px solid #fff !important;  /* cadre blanc sur l'icône couleur */
margin: 3px !important;  /* espace entre chaque icône */
box-shadow: 0 0 2px #778899;  /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important;  /* largeur de l'icône couleur */
height: 15px !important;  /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 2px;  /* arrondi */ 
}
 
/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important;  /* largeur de la palette complète */
height: 100px !important;  /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}
.topiclist dl.icon {
min-height: 90px;
}
.fa_avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}
.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}
.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}
.bouhautbas {
    bottom: 40px;
    left: 10px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}
/* Début - style pour vérification pseudo à l'inscription */
#username_reg {
  color: #a90c0c;
}
#username_reg.okusername {
  color: #2f9122;
}
/* Fin - style pour vérification pseudo à l'inscription */
.signature_div img{
    max-width: 550px !important;
    max-height: 250px !important;
    }
.doublepost { border-top: 1px solid #888888 }
body{
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.module table[summary="Les posteurs les plus actifs du mois"] tr td.row1[width="30%"],.module table[summary="Les posteurs les plus actifs du mois"] tr td.row2[width="30%"] {
    border-right: 1px solid #000000 !important;
}
 
.module table[summary="Les posteurs les plus actifs du mois"] tr td.row1,.module table[summary="Les posteurs les plus actifs du mois"] tr td.row2 {
    border-bottom: 1px solid #000000 !important;
}
#av_quickreply img {
    left: 15px;
    position: relative;
    top: 35px;
}
 
#av_quickreply {
    float: left;
    position : absolute;
}
@-moz-keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}@-webkit-keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}@-o-keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}@-ms-keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}@keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
.blink{-moz-animation:blink 1s linear infinite;-webkit-animation:blink 1s linear infinite;-o-animation:blink 1s linear infinite;-ms-animation:blink 1s linear infinite;animation:blink 1s linear infinite}
dl.newpost {
background-color:#C5FF93!important;}
ul.topics li.header dl.icon dt
/*le message*/
.M14_Message
{
padding:3px ; /*on donne des espaces de 3px*/
color:grey; /*on donne une couleur de police*/
border:2px solid grey;/*on donne une couleur aux bordures*/
width:98%;/*on defini une largeur */
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 95px;
}
/*()Bouton avertissement rapide */
 
.mod_mess, .adm_mess {
margin: 5px auto;
width: 90%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
 
.mod_mess a.postlink, .adm_mess a.postlink {
color: #FFF !important;
text-decoration: underline !important;
}
 
/* administrateur bb-Code - bloc de message d'enregistrement */
 
.adm_mess {
background: #e54858;
background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
 
/* Administrateur bb-Code - mise en page */
.adm_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #B60505; 
}
   
/* Administrateur BB-Code - présentation du texte */
.adm_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
}
 
/* Messages BB-Code - bloc de message d'enregistrement */
 
.mod_mess {
background: #5c93f5;
background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
 
/* Messages BB-Code - Un titre */
.mod_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #0D4DD3;   
}
   
/* modernité BB-Code - présentation du texte */
.mod_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome610.png) no-repeat left center; 
}
dl.annonce {background-color:#FFFF9C;} /* Modifie la couleur de fond des annonces */
dl.Note {background-color:#C7F8F1;} /* Modifie la couleur de fond des Note */
/* Début - style pour vérification pseudo à l'inscription */
#username_reg {
  color: #a90c0c;
}
#username_reg.okusername {
  color: #2f9122;
}
/* Fin - style pour vérification pseudo à l'inscription */
blink {
          visibility: expression((function(){
          if (!window.IEBlink) {
          window.IEBlink = "visible";
          setInterval(function() {
          window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
          var blinks = document.getElementsByTagName("blink");
          for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
          }, 700)
          }
          return "";
          })());
        }

PS: j'ai remis ce que vous m'avez demandé d'enlever et de remplacer par autre chose ça faisait un autre problème etc...
Cordialement.

[Invité]

Re,
édites ta css et supprimes tout  le contenu et remplaces par celui-ci:

Code:


    #main-content p {
    background-color: #FFF;
    }
    ul.linklist {
    border: none;
    }
    #date_heure {
    font-size: 20px;
    height: 40px;
    }
    /* Icônes couleur dans la palette */
    
   .color-option {
    display: inline-block !important;
    width: 15px !important;  /* largeur de l'icône couleur */
    height: 15px !important;  /* hauteur de l'icône couleur */
    border: 2px solid #fff !important;  /* cadre blanc sur l'icône couleur */
    margin: 3px !important;  /* espace entre chaque icône */
    box-shadow: 0 0 2px #778899;  /* ombre */
    cursor: pointer !important;
    }
    .color-option span{
    display: block !important;
    width: 15px !important;  /* largeur de l'icône couleur */
    height: 15px !important;  /* hauteur de l'icône couleur */
    }
    .color-option, .color-option span {
    border-radius: 2px;  /* arrondi */
   }
    
   /* Palette complète - la largeur influence le nombre d'icônes affichées */
    .sceditor-dropdown.sceditor-color-picker {
    width: 200px !important;  /* largeur de la palette complète */
    height: 100px !important;  /* hauteur de la palette complète */
    padding: 5px !important;
    border-radius: 5px !important;
    }
    .topiclist dl.icon {
    min-height: 90px;
    }
    .fa_avatar {
      width: 25px;
      height: 25px;
      position: relative;
      top: -3px;
      margin-right: 5px;
      border-radius: 3px;
      margin-bottom: -10px;
    }
    .mini_ava {
      float: left;
    }
    .mini_ava img {
      width: 40px;
      height: 40px;
      margin: 0 5px;
      border-radius: 10px;
      transition: all 2s;
      -moz-transition: all 2s;
      -webkit-transition: all 2s;
      -o-transition: all 2s;
    }
    .mini_ava img:hover
    {
      width: 80px;
      height: 80px;
    }
    .bouhautbas {
        bottom: 40px;
        left: 10px; /* remplacez left par right pour afficher les boutons à droite */
        position: fixed;
        z-index: 100;
    }
    /* Début - style pour vérification pseudo à l'inscription */
    #username_reg {
      color: #a90c0c;
    }
    #username_reg.okusername {
      color: #2f9122;
    }
    /* Fin - style pour vérification pseudo à l'inscription */
    .signature_div img{
        max-width: 550px !important;
        max-height: 250px !important;
        }
    .doublepost { border-top: 1px solid #888888 }
    body{
        background-position: top center;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    .module table[summary="Les posteurs les plus actifs du mois"] tr td.row1[width="30%"],.module table[summary="Les posteurs les plus actifs du mois"] tr td.row2[width="30%"] {
        border-right: 1px solid #000000 !important;
    }
    
   .module table[summary="Les posteurs les plus actifs du mois"] tr td.row1,.module table[summary="Les posteurs les plus actifs du mois"] tr td.row2 {
        border-bottom: 1px solid #000000 !important;
    }
    #av_quickreply img {
        left: 15px;
        position: relative;
        top: 35px;
    }
    
   #av_quickreply {
        float: left;
        position : absolute;
    }
    @-moz-keyframes blink{
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
    }@-webkit-keyframes blink{
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
    }@-o-keyframes blink{
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
    }@-ms-keyframes blink{
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
    }@keyframes blink{
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
    }
    .blink{-moz-animation:blink 1s linear infinite;-webkit-animation:blink 1s linear infinite;-o-animation:blink 1s linear infinite;-ms-animation:blink 1s linear infinite;animation:blink 1s linear infinite}
    dl.newpost {
    background-color:#C5FF93!important;}
    ul.topics li.header dl.icon dt
    /*le message*/
    .M14_Message
    {
    padding:3px ; /*on donne des espaces de 3px*/
    color:grey; /*on donne une couleur de police*/
    border:2px solid grey;/*on donne une couleur aux bordures*/
    width:98%;/*on defini une largeur */
    }
  
/*Ajout Milouze*/
.forumbg.announcement ul.topics li.header dl.icon dt
{
padding-right: 100px;
}
.topiclist.topics.bg_none .icon
{
padding-left: 95px;
}
/*Fin d ajout de Milouze*/
    /*()Bouton avertissement rapide */
    
   .mod_mess, .adm_mess {
    margin: 5px auto;
    width: 90%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }
    
   .mod_mess a.postlink, .adm_mess a.postlink {
    color: #FFF !important;
    text-decoration: underline !important;
    }
    
   /* administrateur bb-Code - bloc de message d'enregistrement */
    
   .adm_mess {
    background: #e54858;
    background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
    background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
    background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
    background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
    background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
    -webkit-box-shadow: 4px 4px 0px 0px #352727;
    -moz-box-shadow: 4px 4px 0px 0px #352727;
    box-shadow: 4px 4px 0px 0px #352727;
    }
    
   /* Administrateur bb-Code - mise en page */
    .adm_mess .titl {
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px dashed #B60505;
   }
      
   /* Administrateur BB-Code - présentation du texte */
    .adm_mess .titl + div {
    display: block;
    margin-left: 10px;
    padding: 25px 5px 25px 80px;
    background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
    }
    
   /* Messages BB-Code - bloc de message d'enregistrement */
    
   .mod_mess {
    background: #5c93f5;
    background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
    background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
    background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
    background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
    background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
    -webkit-box-shadow: 4px 4px 0px 0px #352727;
    -moz-box-shadow: 4px 4px 0px 0px #352727;
    box-shadow: 4px 4px 0px 0px #352727;
    }
    
   /* Messages BB-Code - Un titre */
    .mod_mess .titl {
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px dashed #0D4DD3;  
   }
      
   /* modernité BB-Code - présentation du texte */
    .mod_mess .titl + div {
    display: block;
    margin-left: 10px;
    padding: 25px 5px 25px 80px;
    background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome610.png) no-repeat left center;
   }
    dl.annonce {background-color:#FFFF9C;} /* Modifie la couleur de fond des annonces */
    dl.Note {background-color:#C7F8F1;} /* Modifie la couleur de fond des Note */
    /* Début - style pour vérification pseudo à l'inscription */
    #username_reg {
      color: #a90c0c;
    }
    #username_reg.okusername {
      color: #2f9122;
    }
    /* Fin - style pour vérification pseudo à l'inscription */
    blink {
              visibility: expression((function(){
              if (!window.IEBlink) {
              window.IEBlink = "visible";
              setInterval(function() {
              window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
              var blinks = document.getElementsByTagName("blink");
              for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
              }, 700)
              }
              return "";
              })());
            }



La partie ajoutée est commentée ,tu pourras supprimer ensuite les commentaires :

Code:


/*Ajout Milouze*/
.forumbg.announcement ul.topics li.header dl.icon dt
{
padding-right: 100px;
}
.topiclist.topics.bg_none .icon
{
padding-left: 95px;
}
/*Fin d ajout de Milouze*/


La partie supprimée:

Code:


ul.topics dt,ul.topics dd.dterm {
padding-left: 95px;
}


Sur mon forum de test tout fonctionne    .

Je reviens ce soir    .
a++

[Gae67]

Re, j'ai tout remplacé comme demandé cela ne marche uniquement sur la hauteur des annonces et des Note, dans la zone des sujets le problème est toujours présent.

Cordialement.

[Invité]

Re,

Re, j'ai tout remplacé comme demandé cela ne marche uniquement sur la hauteur des annonces et des Note, dans la zone des sujets le problème est toujours présent.

Cordialement.

Pourtant sur ton forum sur la liste des sujets:



Il faudrait avoir un forum visible aux invités avec plusieurs sujets   .

a++

[Gae67]

Re,

C'est ce que je disais, ça ne marche qu'a la hauteur des annonces et Note

Voici un forum avec des sujets : http://famille-pandora.forumgratuit.org/f7-annonces-forum

a++

[Invité]

Re,

ok merci.

Il faut dissocier les deux , essayes ceci dans la css:

Code:


.forumbg li.header dl.icon
{
padding-left: 100px;
}


a++

[Gae67]

Super, ca fonctionne 

Merci beaucoup pour ton aide.