Réduire la longueur des pseudos dans les sujets/messages

[LOBODU89]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : INSCRIPTION D4UN MEMBRE
Lien du forum : http://amicaledescallois.forumactif.com/

Description du problème

Bonjour à tous,

Je souhaiterai limiter à l'affichage la longueur des pseudos car cela génère des décalages comme on peut le voir sur la photo ci-jointe.
Maintenant j'ai limité la longueur à l'inscription mais pour les autres, c'est trop tard. Il me faut donc maintenant limiter le nombre de caractères à l'affichage des pseudos.

Merci pour votre aide.

Lobodu89

[LOBODU89]

Bonjour à tous,

Un petit UP

Une précision, en vous disant réduire la longueur des pseudos, je veux dire tronquer l'affichage des pseudos en les passant de 25 caractères à l'affichage à 15 caractères à l'affichage sans pour cela modifier les pseudos.

Bon week end à tous, merci.

[LOBODU89]

Bonjour à tous,

Up

Est ce possible ?

Bonne soirée.

[Invité]

Hello LOBODU89,

tu peux essayer avec ceci en modifiant si besoin la largeur 120px :
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


li.row .lastpost a[href^="/u"]
{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 120px;
display: inline-block;
}



Penses à cliquer sur le bouton


a++

[LOBODU89]

Bonsoir @Milouze14

Merci pour la réponse, mais je ne peux pas vérifier car cette personne n'a pas son nom sur l'accueil pour le moment mais j'ai mis le bout de lignes dans le CSS. C'est pour cela que je souhaitais tronquer le pseudo afin d'être certain que le pseudo ne retourne pas à la ligne comme on peut le voir dans une photo ci-jointe dans un message.



Cordialement

Lobodu89

[Invité]

Hello LOBODU89,

le style que je t'ai donné et comme tu le demandais dans ton message initial
,n'agit que sur la liste des sujets et sur l'index.

Ensuite ce script affichera seulement les 10 premiers caractères des liens de pseudos:
Si tu désires avoir plus de caractères , augmentes la valeur 10 dans le script.

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Coches sur toutes les pages.


Déposes ceci:

Code:


$(function() {
$('a[href^="/u"]').each(function(){
var M14_pseudo= $(this).text();
$(this).html(M14_pseudo.substring(0,10));
});});



Penses à cliquer sur le bouton VALIDER

Le style suivant ne sera plus valable mon ami, il faudra donc le supprimer:

Code:

 
li.row .lastpost a[href^="/u"]
{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 120px;
display: inline-block;
}
 

a++

[LOBODU89]

Bonjour @Milouze14

Bravo et merci, c'est le résultat que je souhaitai. Je vous envie de manier le code comme beaucoup le font ici, pour ma part je me suis suis arrêté au basique dans le années 80, il me manque les bases et les fonctions pour le HTML.
Chapeau

Merci

Lobodu89

[LOBODU89]

Bonjour,

Je viens de m'apercevoir que le code JS m'a mis de la même couleur les pseudos sans plus tenir compte de la couleur des groupes comme avant.

Merci

[Invité]

Re LOBODU89,
est ce que tu as des groupes (couleur) pour tous tes membres mon ami ?

Dans le cas d'une réponse positive, remplaces le script donné plus haut par celui-ci:

Code:

$(function() {
$('a[href^="/u"] span').each(function(){
var M14_pseudo= $(this).text();
var M14_groupe=$(this).css('color'); 
$(this).html(M14_pseudo.substring(0,8)).css(M14_groupe);
});});

a++

[LOBODU89]

Bonsoir @Milouze14

Bingo, merci ça marche, j'ai récupérer la couleur des groupes et j'ai pu tronquer mes pseudos.

Un grand Merci.

Lobodu89.

[Invité]

De rien mon ami .

a++