Améliorer l'apparence des informations du posteur d'un message sur AwesomeBB.

[Victor-57]

Détails techniques

Version du forum : AwesomeBB
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 : -
Lien du forum : http://speedcraft.forumofficiel.fr

Description du problème

Bonjour à tous,

Suite à mon passage vers la nouvelle version (AwesomeBB), les informations concernant les posteurs sont laides. J'aimerais par exemple mettre un cadre autour, ou faire quelque chose de joli.

Merci d'avance !

[Invité]

Hello Victor-57,

tu peux personnaliser la partie gauche de cette façon:

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

Ajoutes ceci:

Code:


.post-aside
{
padding: 4px;
border-radius: 12px;
border:2px solid darkred;
}



Penses à cliquer sur le bouton

a++

[Victor-57]

Salut Milouze,

Génial ! En revanche, certains posts font des lignes entières, et ça donne des résultats horribles, exemple: https://2img.net/image.noelshack.com/fichiers/2018/31/1/1532968788-bug-forumactif-2.jpg

[Invité]

Re,

effectivement, c'est pas chouette .

Remplaces la class suivante:

Code:

.post-aside
{
padding: 4px;
border-radius: 12px;
border:2px solid darkred;
}


Par:

Code:


.M14_profil
{
padding: 4px;
border-radius: 12px;
border:2px solid darkred;
}


Puis ce script:


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

Mets un titre explicite.
Coches Sur les sujets

Déposes ceci:

Code:


$(function(){
$('.post-body .post-aside').each(function(){
$(this).find('div,dl').wrapAll('<div class="M14_profil"></div>');
  });});



Penses à cliquer sur le bouton VALIDER





a++

[Victor-57]

Super, par contre le nouveau bouton de AwesomeBB ne fonctionne plus avec le script

[Invité]

Re,
rho quelle andouille je fais ,
remplaces le script par celui-ci:

Code:

$(function(){
$('.post-body .post-aside').each(function(){
  $(this).find('.post-author-status,.post-author,.post-author-avatar,.post-author-details,.post-author-rpg').wrapAll('<div class="M14_profil"></div>');
  });});

a++

[Victor-57]

Re, superbe !

J'ai encore quelques autres questions:
- Les informations sont réparties vraiment bordéliquement (regarde https://2img.net/image.noelshack.com/fichiers/2018/31/1/1532971774-forum-5.jpg), ça ne fait pas propre, on pourrait arranger ça ?
- Comment augmenter légèrement la taille du pseudo ?
- Comment changer la police ?

[Invité]

Re,

alors pour le style, tu peux déposer ceci:

Code:

/*TAILLE DE POLICE PSEUDO*/
.post-author-name strong{font-size:15px !important;}
/*question*/
.post-author-details .label
{
font-family: "Open Sans", Arial, sans-serif;
color:orange!important;
}
/*reponse*/
.post-author-details dd
{
font-family: "Open Sans", Arial, sans-serif;
color:violet!important;
}

Le reste est a modifier dans ton P.A :

Utilisateurs et Groupes/Utilisateurs/Profils/Champs du profil:

Il faut cliquer sur l'engrenage et modifier la couleur si besoin.
Ensuite mettre un saut de ligne pour tous :



a++

[Victor-57]

Super, par contre regarde mon screen où il y a la flèche: https://2img.net/image.noelshack.com/fichiers/2018/31/1/1532974976-forum-6.jpg

[Invité]

Hello Victor-57,

l'intitulé est très long , il faut donc jouer sur la taille de police:
Il faut donc ajouter un :

Code:

font-size:10 px;

Sur les deux style suivants:

Code:

.post-author-details .label
{
font-family: "Open Sans", Arial, sans-serif;
color:orange!important;
}
/*reponse*/
.post-author-details dd
{
font-family: "Open Sans", Arial, sans-serif;
color:violet!important;
}

Ou modifier ce dernier :
"Date d'arrivée sur SpeedCraft "
par :
"Date d'arrivée"


a++

[Victor-57]

Bonjour,

Merci beaucoup Milouze !

++