Description dans dernier message dépasse en dehors du cadre, comment remédier ?

2 participants

Page 2 sur 2 Précédent  1, 2

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

Résolu Description dans dernier message dépasse en dehors du cadre, comment remédier ?

Message par bugsbuny Dim 15 Mar 2015 - 13:42

Rappel du premier message :

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
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
Problème apparu depuis : Depuis un certain temps, je ne sais pas trop
Lien du forum : http://grpw.exprimetoi.com

Description du problème

Bonjour, dans la description dans dernier message dépasse en dehors du cadre, comment remédier ?
Je ne suis pas un pro des codes et je ne sais pas ou aller pour modifier cela.
Merci pour votre aide.


Dernière édition par bugsbuny le Sam 11 Avr 2015 - 14:24, édité 2 fois
avatar

bugsbuny
Membre habitué

Masculin
Messages : 1203
Inscrit(e) le : 01/03/2007

https://pibw.exprimetoi.net/
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Description dans dernier message dépasse en dehors du cadre, comment remédier ?

Message par MlleAlys Ven 10 Avr 2015 - 21:34

Bonjour,
C'est le code margin-left: 70px!important; qui fait sortir les éléments du cadre dans les sujets
  • dans votre feuille de style localisez le code css suivant :
    Code:
    .lastpost-avatar img {
      -moz-border-radius: 10px;
      -moz-transition: all 2s;
      -o-transition: all 2s;
      -webkit-border-radius: 10px;
      -webkit-transition: all 2s;
      border-radius: 10px;
      cursor: pointer;
      float: none;
      height: 40px;
      margin-left: 70px!important;
      transition: all 2s;
      width: 40px;
    }
  • retirez la ligne margin-left: 70px!important; ce qui donne :
    Code:
    .lastpost-avatar img {
      -moz-border-radius: 10px;
      -moz-transition: all 2s;
      -o-transition: all 2s;
      -webkit-border-radius: 10px;
      -webkit-transition: all 2s;
      border-radius: 10px;
      cursor: pointer;
      float: none;
      height: 40px;
      transition: all 2s;
      width: 40px;
    }
  • enregistrez


Pour le template topiclist_box, cette modification là :
Code:
<div align="center"><span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span></div>
(faite ici) ne sert pas, comme l'avatar du dernier posteur est positionné en "flottant" ("float" dans le css), le center ne s'applique pas avec l'effet voulu.
Si vous ne l'avez pas fait, vous pouvez annuler cette modification et revenir donc à
Code:
<span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
N'oubliez pas d'enregistrer et de publier le template.

Pour les modifications restantes, vous souhaitez centrer l'avatar en dessous du texte sur la page d'accueil et les forums, c'est ça ?
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Description dans dernier message dépasse en dehors du cadre, comment remédier ?

Message par bugsbuny Sam 11 Avr 2015 - 4:42

Bonjour MlleAlys,

Ces codes ont déjà été modifié.
Ce qui dérange, c'est le dépassement du texte comme illustré ci-dessous.
Ce que je souhaite, c'est centrer l'avatar en dessous du texte et que le texte ne dépasse plus du cadre.
Les sujets dans un forum, L'avatar est centré à gauche du texte et le texte sort du cadre sur les sujets.
(Voir Capture ci-dessous)
Description dans dernier message dépasse en dehors du cadre, comment remédier ? - Page 2 Forum10

Merci et bon weekend.
avatar

bugsbuny
Membre habitué

Masculin
Messages : 1203
Inscrit(e) le : 01/03/2007

https://pibw.exprimetoi.net/
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Description dans dernier message dépasse en dehors du cadre, comment remédier ?

Message par MlleAlys Sam 11 Avr 2015 - 12:31

Bonjour,

MlleAlys a écrit:C'est le code margin-left: 70px!important; qui fait sortir les éléments du cadre dans les sujets
J'ai bien vu que le code avait été modifié, j'ai vu également que ce code était sensé servir à centrer vos images, et ce n'est pas la bonne façon de le faire, c'est pour ça que je vous conseille de le retirer, ce qui au passage ne fera plus soritr les éléments de la cellule du tableau, avant de vous demander sur quelles pages vous souhaitez centrer les avatars.
Et puisque je sais maintenant que vous souhaitez le faire sur toutes les pages, voilà la marche à suivre, une fois que vous aurez retiré la marge de 70px de votre feuille de style comme indiqué sur mon message précédent :

  • Dans Affichage > template > général, edit éditez le template topics_list_box
  • Localisez le passage suivant :
    Code:
                <!-- BEGIN avatar -->
                <div style="width: 200px;"></div>
                <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->

              <span class="postdetails">
                            {topics_list_box.row.LAST_POST_TIME}
                            <br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
                </span>
    Il correspond aux informations du dernier message et à l'avatar du dernier posteur.
  • Echangez l'ordre de façon à avoir l'avatar en dessous des informations, ce qui donne :
    Code:
                <span class="postdetails">
                            {topics_list_box.row.LAST_POST_TIME}
                            <br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
                </span>

                <!-- BEGIN avatar -->
                <div style="width: 200px;"></div>
                <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->
  • Enregistrez le template
  • Ajout publiez le template

  • Allez dans Affichage > couleurs > onglet feuille de style css
  • Si ce n'est pas encore fait retirez la marge de 70px comme indiqué dans mon message précédent
  • Puis ajoutez le code suivant :
    Code:
    span.lastpost-avatar {
      float: none;
    }
  • Enregistrez
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Description dans dernier message dépasse en dehors du cadre, comment remédier ?

Message par bugsbuny Sam 11 Avr 2015 - 14:23

Bonjour MlleAlys,

Merci pour le temps passé à trouver la solution à mon problème.
Le problème est réglé, tout est parfait.

Merci et encore MERCI.

Je met ma demande en résolu

Bon weekend. :thanks: Yahoo Affirmatif
avatar

bugsbuny
Membre habitué

Masculin
Messages : 1203
Inscrit(e) le : 01/03/2007

https://pibw.exprimetoi.net/
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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