Mettre le pseudo et le rang au-dessus de l'avatar

[Kallindra]

Bonsoir

j'ai eu beau chercher je ne trouve pas cette astuce.
Il y-a bien un tuto qui explique pour le phbb2 comment mettre le pseudo et le rang dessous mais justement moi qui suis en phbb3 et l'ai de base, je souhaite les voir au dessus de l'avatar.

Merci d'avance pour l'astuce ^^

[Invité]

Bonsoir,

Ce lien => https://forum.forumactif.com/t273537-le-rang-et-le-pseudo-sous-l-avatar-phpbb2

Je sais pas si c'est possible

[Anzu]

Bonjour,

Cela n'est pas possible avec la version phpbb3, étant donné qu'il faut passer par les templates (phpbb2/punbb).

Cordialement.

[Kallindra]

Donc y a aucun moyen de mettre le pseudo et le rang au dessus de l'avatar en phbb3 ?
Pas de CSS ni javascript ?

C'est juste pour être bien sur

[Kallindra]

UP

d'ailleurs si vous savez aussi comment centrer les éléments du profil, je suis preneuse ^^

[Shaof]

J'avais ouvert un sujet demandant les mêmes choses que toi. Aucune réponse. Mais j'ai fini par trouvé pour centrer le profil :

Code:

.postprofile {text-align: center;}

[Kallindra]

Merci pour le centrage shaof ^^

Donc toi non plu tu sais pas comment passer pseudo et rang au-dessus de l'avatar ?
Parce que si c'est pas possible peut etre en faire la demande en suggestion

[Shaof]

Moi je voulais juste mettre le pseudo en haut et garder le rang en dessous. Mais non, je ne sais pas. Peut-être avec le même style de code ça pourrait se faire (mais je suis pas fort pour ça).

Mais ouais, on pourrait faire une demande de suggestion pour organiser nous-même le profil mais je ne sais pas si c'est quelque chose que tout le monde souhaite...

[Matriochka]

Bonjour vous deux,

Il me semble qu’il y a moyen de modifier l’emplacement des éléments en phpBB3 en utilisant un script… Je vais faire quelques recherches, je crois avoir déjà vu un sujet similaire sur le forum.

[Kallindra]

Merci d'avance Matriochka

Parce qu'en Phbb2 c'est possible de modifier donc ca serait cool de pouvoir le faire aussi en Phbb3 ^^

[Shaof]

Merci bien ! J'espère que tu auras plus de chance que moi, je n'ai pas trouvé ! =/

[Matriochka]

Ah, voilà (vingt minutes de recherches intensives pour trouver…).

Ea avait posté ici un script qui permet de mettre le rang au-dessus de l’avatar:
https://forum.forumactif.com/t332034-phpbb-3-rang-au-dessus-de-l-avatar#2862574

Code:

$(function(){
  // Prendre les parties avatar/pseudo
  $('.postprofile dl dt').each(function(){
    // Les insérer après le rang
    $(this).insertAfter($(this).next())
  })
});

À partir de ceci, il doit donc y avoir moyen de faire de même pour le pseudo. Je vais aller faire quelques tests là-dessus

[Kallindra]

C'est sur la page CSS ou c'est un javascript

EDIT merci pour le temps que tu nous consacres

[Matriochka]

Oups, désolée pour le manque de précision !

C’est en effet dans les scripts. Donc dans Panneau d’administration > Modules > Gestion des scripts JavaScript. Là, il suffit simplement de créer un nouveau script que tu fais afficher sur les sujets

[Shaof]

Pour mettre le pseudo au dessus et laisser le rang en bas ?

[Matriochka]

Là, le script que j’ai donné permet uniquement de mettre le rang au-dessus de l’avatar. Le pseudo, lui, reste dessous. Je fais quelques tests de mon côté pour voir comment avoir les deux au-dessus

[Kallindra]

ok le rang est bien passé au dessus de l'avatar.

J'attends impatience ton astuce pour faire pareil avec le pseudo

[Shaof]

Parce que moi, j'aimerais avoir ça :

Pseudo
Avatar
Rang

[Matriochka]

Dans ce cas, Shaof, ne mets pas le script que j’ai donné à AdminSL. Je vois actuellement pour placer le pseudo au-dessus de l’avatar.

Je vous reviens avec une réponse prochainement

[Shaof]

Oui oui, je sais ! =) Merci encore pour ton aide !

[Matriochka]

Pour mettre le pseudo au-dessus de l’avatar (et seulement le pseudo) :

Code:

$(function(){
  $('.postprofile dt').each(function(){
    $(this).prepend(this.lastChild);
  })
});

Si vous voulez les deux (donc le rang + l’avatar au-dessus du pseudo), il suffit de combiner les deux.

[Shaof]

ça met à côté de l'avatar =/

[Matriochka]

Je n’ai aucun souci de mon côté. Peux-tu m’envoyer un sujet sur ton forum où on peut constater le problème ?

[Kallindra]

pour moi ca fonctionne mais j'ai le rang au dessus du pseudo.
Je préfèrerais cet ordre :

Code:

Pseudo
Rang
Avatar

EDIT : je viens de voir que tu parles de combiner. Tu fais ça comment ? Parce que moi du coup j'ai installer les 2 scripts séparément

[Shaof]

Voilà : http://kodraf.pokemonrpg.org/t91-nous-faire-de-la-publicite#687

[Matriochka]

Shaof, tu peux régler ton problème avec ceci dans ton CSS :

Code:

.postprofile dl dt img {
display: block;
margin-left: auto;
margin-right: auto;}

AdminSL, je regarde ce qui cloche, je te tiens au courant.

[Shaof]

C'est fait, par contre... Désolé de t'embêter, mais il y a un espace entre l'avatar et le rang. J'aimerais que ça soit également le cas entre le pseudo et l'avatar, c'est possible ?

[Matriochka]

Pas de souci Shaof, il suffit d’ajouter une petite ligne dans ce que je viens de te faire ajouter :

Code:

.postprofile dl dt img {
display: block;
margin-left: auto;
margin-right: auto;
margin-top:10px;}

Edit : AdminSL, par "combiner", j’entendais placer les deux scripts dans la même zone de texte. C’est pas forcément la peine de faire deux scripts séparés

[Shaof]

Merci ! C'est parfait !

[Kallindra]

J'ai tout mis dans le meme script mais ça laisse le pseudo sous le rang.

Spoiler: