Ajouter un élément de profil au dessus de l'avatar

[KitsuHG]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
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 : 18/07/2024
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

Est-ce quelqu'un aurait un code html / css ou autre qui me permettrait d'ajouter au dessus des avatars des gens un nouveau champ de profil modifiable ?

En vous remerciant,

(CF, exemple sur l'image)

[KitsuHG]

Up

[Toryudo]

Bonjour !

A priori, ce n'est pas simple ; est-ce que vous pourriez afficher plusieurs champ de profil dans les messages (visibles aussi pour les invités) et nous dire quel champ vous voulez mettre au-dessus de l'avatar ? Ca permettra de simplifier et personnaliser la solution !

[KitsuHG]

Bonjour !

A priori, ce n'est pas simple ; est-ce que vous pourriez afficher plusieurs champ de profil dans les messages (visibles aussi pour les invités) et nous dire quel champ vous voulez mettre au-dessus de l'avatar ? Ca permettra de simplifier et personnaliser la solution !

Idéalement, faudrait mettre un champs imagé au dessus de l'avatar et du pseudo. Un peu comme ici avec une image :

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[KitsuHG]

Bonjour, le problème est toujours d'actualité. Merci

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[KitsuHG]

Bonjour, le problème est toujours d'actualité. Merci

[Toryudo]

Bonjour !

Dans un premier temps, vous créez votre champ image :




Ensuite, dans le Template viewtopic_body, juste avant la ligne qui correspond à l'affichage du pseudo :

Code:

<div class="post-author">

Vous allez mettre ceci pour afficher une deuxième fois tous les champs du profil, cette fois au-dessus du pseudo :

Code:

                                <dl class="post-author-image">
                                    <!-- BEGIN profile_field -->
                                    <dd>{postrow.displayed.profile_field.CONTENT}</dd>
                                    <!-- END profile_field -->
                                </dl>

Et maintenant, plus qu'une chose à faire : masquer tous les textes sur les champs qui sont avant le pseudo, et masquer les images sur tous les champs qui sont après l'avatar.
Et voilà comment vous pouvez le faire en CSS :

Code:

.post-author-image {
  font-size: 0;
}
.post-author-details dd img {
  display: none;
}

[KitsuHG]

Je te remercie de ton aide, c'est parfait !