Apparence derniers messages, aligner le texte et écarter de l'avatar

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

Résolu Apparence derniers messages, aligner le texte et écarter de l'avatar

Message par @To le Mer 22 Juil 2015 - 12:41

Détails techniques


Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.diamant-mandarin-evo.com/

Description du problème

Bonjour,

Ci-joint l'apparence du derniers messages d'une rubrique.



Comment faire pour écarter le texte de l'avatar et que le texte date et nom d'utilisateur soient aligné verticalement (sans effet "escalier") ?

Merci, cordialement, To.


Dernière édition par To-DMEvo le Ven 24 Juil 2015 - 22:48, édité 1 fois

@To
*****

Masculin
Messages : 916
Inscrit(e) le : 26/02/2015

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

Résolu Re: Apparence derniers messages, aligner le texte et écarter de l'avatar

Message par @To le Jeu 23 Juil 2015 - 13:48

Up du jour.

@To
*****

Masculin
Messages : 916
Inscrit(e) le : 26/02/2015

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

Résolu Re: Apparence derniers messages, aligner le texte et écarter de l'avatar

Message par @To le Ven 24 Juil 2015 - 18:16

Up

@To
*****

Masculin
Messages : 916
Inscrit(e) le : 26/02/2015

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

Résolu Re: Apparence derniers messages, aligner le texte et écarter de l'avatar

Message par HPie le Ven 24 Juil 2015 - 21:35

Bonsoir,

Pour éviter l'effet d'escalier lorsque les titres sont trop longs:
- augmenter la résolution d'écran
ou
- augmenter la largeur de votre forum
ou
- augmenter la largeur de la colonne "derniers messages"

Mais le plus simple serait de limiter la longueur du titre à x caractères

Pour écarter le texte de l'avatar, essayez:
Code:
.lastpost-avatar {margin-right: 6px;}


Dernière édition par HPie le Ven 24 Juil 2015 - 21:41, édité 2 fois

HPie
*****

Messages : 569
Inscrit(e) le : 16/08/2010

http://www.quatelbach.com/
HPie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence derniers messages, aligner le texte et écarter de l'avatar

Message par @To le Ven 24 Juil 2015 - 21:36

Bonsoir HPie,

Comment puis-je augmenter la largeur de la colonne "Derniers messages "svp?

edit: Et mettre un espace entre l'avatar et le texte?

@To
*****

Masculin
Messages : 916
Inscrit(e) le : 26/02/2015

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

Résolu Re: Apparence derniers messages, aligner le texte et écarter de l'avatar

Message par @To le Ven 24 Juil 2015 - 21:49

Yes! le code pour écarter l'avatar du texte fonctionne, merci Very Happy

Reste a pouvoir augmenter la largeur de la colonne.

Edit:

Sur mon forum d'essai j'ai cette apparence quans le titre est long, ce qui est avantageux pour éviter l'effet escalier:



Par contre sur mon forum j'ai ceci :



Je souhaiterais soit agrandir la colonne "Derniers messages" soit avoir la même apparence que la 1er image: avec des points de suspension quand le titre du sujet est long.

Si quelqu'un sait comment faire, merci d'avance Wink

Cordialement.

@To
*****

Masculin
Messages : 916
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Apparence derniers messages, aligner le texte et écarter de l'avatar

Message par HPie le Ven 24 Juil 2015 - 22:15

Pour augmenter la largeur de la colonne "derniers" messages", il faudra diminuer au moins la largeur d'une des 3 premieres colonnes, de telle manière que la somme des largeurs de toutes les colonnes ne dépasse pas les 100%.

Voici le code pour la largeur des colonnes, de gauche à droite...
Code:

.pun table .tcl {
   width: 50%;
   }
.pun .table .tc2, .pun .table .tc3 {
   width: 10%;
  }
.pun table .tcr {
   width: 30%;
   }

Quelque soit la largeur de la dernière colonne si le titre du dernier sujet est trop, vous aurez à nouveau l'effet d'escalier.
D'où la meilleure solution, la limitation de la longueur du titre :
- Affichage/Structure et hiérarchie/Hiérarchie/Longueur du titre du sujet affiché


Dernière édition par HPie le Ven 24 Juil 2015 - 22:20, édité 1 fois

HPie
*****

Messages : 569
Inscrit(e) le : 16/08/2010

http://www.quatelbach.com/
HPie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence derniers messages, aligner le texte et écarter de l'avatar

Message par @To le Ven 24 Juil 2015 - 22:17

Ok merci. Je vais faire des test.

Sinon je me suis aperçu de ceci:


Sur mon forum d'essai j'ai cette apparence quand le titre est long, ce qui est avantageux pour éviter l'effet escalier:



Par contre sur mon forum j'ai ceci :



Savez-vous de où peut venir cette différence?

Cordialement.

@To
*****

Masculin
Messages : 916
Inscrit(e) le : 26/02/2015

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

Résolu Re: Apparence derniers messages, aligner le texte et écarter de l'avatar

Message par @To le Ven 24 Juil 2015 - 22:47

J'ai pris votre solution, merci beaucoup.

Bonne fin de soirée.

résolu

@To
*****

Masculin
Messages : 916
Inscrit(e) le : 26/02/2015

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

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum