Profil message dans une bulle.

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

Résolu Profil message dans une bulle.

Message par Polices le Jeu 31 Jan 2013 - 10:40

Bonjour à vous,

Alors je ne sais pas si un sujet similaire a été déjà posté, je m'en excuse d'avance.

J'ai un forum en PHBB2 (http://blabla-moderne.pro-forums.fr/) et je voudrais mettre les profil qui sont dans les posts, les mettre sous forme de bulle comme ici



Si quelqu'un pourrait m'aider, ça serait super sympa Smile

Amicalement,
Polices


Dernière édition par Polices le Jeu 31 Jan 2013 - 16:06, édité 1 fois

Polices
*****

Masculin
Messages : 511
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Polices a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil message dans une bulle.

Message par Matriochka le Jeu 31 Jan 2013 - 15:45

Bonjour,

En effet, la solution a déjà été donnée beaucoup de fois, mais ça ne coûte rien de la redonner à nouveau Wink La prochaine fois en revanche, n’hésite pas à faire une petite recherche avant de créer ton propre sujet.

Donc c’est très simple, va dans Panneau d’administration > Affichage > Templates > Général, et ouvre le template intitulé viewtopic_body.

Là, localise cette partie (qui débute en principe à la ligne 91) :
Code:
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span>
Et remplace-la par :
Code:
         <div class="bulle_profil"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span></div>

Ensuite, va dans Panneau d’administration > Affichage > Couleurs > Feuille de styles CSS, et ajoute ceci pour insérer ta bulle :
Code:
.bulle_profil {
background-color:#FFFFFF; /* couleur du fond de la bulle */
border:1px solid #000000; /* bordure de la bulle et couleur de la bordure*/
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;}
À modifier selon tes envies Wink

N’oublie pas d’enregistrer puis publier le template et la feuille de styles afin que la modification soit bien prise en compte sur ton forum.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Profil message dans une bulle.

Message par Polices le Jeu 31 Jan 2013 - 15:59

La bulle fonctionne bien

Par contre, j'aurais voulu avoir mon rang en dessous de mon avatar et de centrer le pseudo

Polices
*****

Masculin
Messages : 511
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Polices a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil message dans une bulle.

Message par Matriochka le Jeu 31 Jan 2013 - 16:03

Il fallait le préciser dans le premier message à ce moment, je ne pouvais pas le deviner Razz

Voici la partie du template avec les modifications faites :
Code:
        <div class="bulle_profil"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><center><strong>{postrow.displayed.POSTER_NAME}</strong></span></center><br />
            <span class="postdetails poster-profile">{postrow.displayed.POSTER_AVATAR}<br />
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}<br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
        </span></div>
Il suffit tout bêtement de déplacer les variables, par exemple, celle de l’avatar : {postrow.displayed.POSTER_AVATAR}, celle du pseudo : {postrow.displayed.POSTER_NAME} en utilisant des sauts de lignes : <br /> en HTML.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Profil message dans une bulle.

Message par Polices le Jeu 31 Jan 2013 - 16:06

Merci à vous Smile

[Résolu]

Polices
*****

Masculin
Messages : 511
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Polices 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