ModernBB : Mettre un cadre autour de l'avatar et des informations de compte
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
ModernBB : Mettre un cadre autour de l'avatar et des informations de compte
Bonjour,
Premièrement, j'ai mis une bordure autour de l'avatar, cette bordure se trouve également autour de l'image de rang.
Est-il possible que cette bordure ne soit qu'autour de l'avatar uniquement ?
Code utilisé :
Ensuite j'aimerais bien mettre un cadre qui englobe l'avatar et les informations du compte, un cadre à la façon de ce forum.
Comment faire ?
Il existe quelques discussions ici mais elles concernent les forums en phpBB2 et phpBB3, je n'ai rien trouvé pour ModernBB
Premièrement, j'ai mis une bordure autour de l'avatar, cette bordure se trouve également autour de l'image de rang.
Est-il possible que cette bordure ne soit qu'autour de l'avatar uniquement ?
Code utilisé :
- Code:
.postprofile dt img {
border: 4px solid #A9A9A9;
}
Ensuite j'aimerais bien mettre un cadre qui englobe l'avatar et les informations du compte, un cadre à la façon de ce forum.
Comment faire ?
Il existe quelques discussions ici mais elles concernent les forums en phpBB2 et phpBB3, je n'ai rien trouvé pour ModernBB
Re: ModernBB : Mettre un cadre autour de l'avatar et des informations de compte
Bonjour, changez votre code par celui-ci :
Bien à vous.
- Code:
.postprofile-avatar img {
border: 4px solid #A9A9A9;
}
Bien à vous.
Re: ModernBB : Mettre un cadre autour de l'avatar et des informations de compte
Merci Jay
As-tu une idée pour insérer un cadre ?
As-tu une idée pour insérer un cadre ?
Re: ModernBB : Mettre un cadre autour de l'avatar et des informations de compte
Je ne sais pas exactement ce que vous souhaitez faire, il me faudrait l'image que vous souhaitez insérer pour me rendre compte mais vous pouvez essayez en changeant le code que je vous ai donné avant par celui-ci :
- Code:
.postprofile-avatar {
background-image:url(URL de votre image.png);
padding:4px;
}
.postprofile-avatar img{border:none;}
Re: ModernBB : Mettre un cadre autour de l'avatar et des informations de compte
Il faudrait vous expliquer au mieux ! Vous me demandez si je sais insérer un cadre et le titre de votre sujet est "Mettre un cadre autour de l'avatar " donc oui, je sais mettre un cadre autour de l'avatar !
D'après ce que je comprends, vous souhaitez mettre un cadre qui englobe le profil du posteur avec les informations, c'est bien cela ?
D'après ce que je comprends, vous souhaitez mettre un cadre qui englobe le profil du posteur avec les informations, c'est bien cela ?
Re: ModernBB : Mettre un cadre autour de l'avatar et des informations de compte
◦Jay◦ a écrit:D'après ce que je comprends, vous souhaitez mettre un cadre qui englobe le profil du posteur avec les informations, c'est bien cela ?
C'est exactement ça
*Splash* a écrit:
Ensuite j'aimerais bien mettre un cadre qui englobe l'avatar et les informations du compte, un cadre à la façon de ce forum.
Comment faire ?
Re: ModernBB : Mettre un cadre autour de l'avatar et des informations de compte
Pour le bouton "en ligne", vous pouvez adapter ce tutoriel
Pour votre profil, est-ce que le test sur ce forum vous convient ?
Pour votre profil, est-ce que le test sur ce forum vous convient ?
Re: ModernBB : Mettre un cadre autour de l'avatar et des informations de compte
Hi Jay,
Oui ça me paraît OK, il faudrait que je visualise sur mon forum pour m'en rendre bien compte.
OK pour le tuto sur le bouton "En ligne", par contre ce tuto concerne les forums en phpBB2 et le mien est en ModernBB
Oui ça me paraît OK, il faudrait que je visualise sur mon forum pour m'en rendre bien compte.
OK pour le tuto sur le bouton "En ligne", par contre ce tuto concerne les forums en phpBB2 et le mien est en ModernBB
Re: ModernBB : Mettre un cadre autour de l'avatar et des informations de compte
Il faudra découper/refaire votre image en trois parties une partie au dessus du profil, une partie en dessous et une partie centrale qui se répète.
Il faudra donc modifier votre template viewtopic_body, repérez cette partie :
Et la remplacer par :
Ensuite, vous pourrez ajouter votre/vos images par CSS, voici donc le CSS à ajouter et à modifier si vous le souhaitez :
Je pense que les titres sont suffisamment explicites(top, center, bottom...), si besoin de précisions, demandez-moi.
Il faudra donc modifier votre template viewtopic_body, repérez cette partie :
- Spoiler:
- Code:
<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
<!-- div class="online2"></div-->
<dl>
<dt>
<div class="postprofile-avatar">
{postrow.displayed.POSTER_AVATAR}
</div>
<div class="postprofile-name">
{postrow.displayed.POSTER_NAME}
</div>
<div class="postprofile-rank">
{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
</div>
</dt>
<dd class="postprofile-info">
<!-- 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}
</dd>
<dd class="postprofile-contact">
{postrow.displayed.PROFILE_IMG}
{postrow.displayed.PM_IMG}
{postrow.displayed.EMAIL_IMG}
<!-- BEGIN contact_field -->
{postrow.displayed.contact_field.CONTENT}
<!-- END contact_field -->
</dd>
</dl>
</div>
Et la remplacer par :
- Spoiler:
- Code:
<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
<!-- div class="online2"></div-->
<div class="postprofile_top"></div>
<div class="postprofile_center">
<div class="postprofile_bis">
<dl>
<dt>
<div class="postprofile-avatar">
{postrow.displayed.POSTER_AVATAR}
</div>
<div class="postprofile-name">
{postrow.displayed.POSTER_NAME}
</div>
<div class="postprofile-rank">
{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
</div>
</dt>
<dd class="postprofile-info">
<!-- 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}
</dd>
<dd class="postprofile-contact">
{postrow.displayed.PROFILE_IMG}
{postrow.displayed.PM_IMG}
{postrow.displayed.EMAIL_IMG}
<!-- BEGIN contact_field -->
{postrow.displayed.contact_field.CONTENT}
<!-- END contact_field -->
</dd>
</dl>
</div>
</div>
<div class="postprofile_bottom"></div>
</div>
Ensuite, vous pourrez ajouter votre/vos images par CSS, voici donc le CSS à ajouter et à modifier si vous le souhaitez :
- CSS:
- Code:
.postprofile_top{background-image:url(https://i.goopics.net/13O4A.png);
height:56px;
width:210px;}
.postprofile_center{background-image:url(https://i.goopics.net/4Pq8b.png);
background-repeat: repeat-y;
width:210px;}
.postprofile_bottom{background-image:url(https://i.goopics.net/ajbGG.png);
height:118px;
width:210px;}
.postprofile{width:235px;
}
.postprofile_bis{width:180px;
margin-left:auto;
margin-right:auto;}
.postprofile-rank{margin:0px !important;}
Je pense que les titres sont suffisamment explicites(top, center, bottom...), si besoin de précisions, demandez-moi.
Re: ModernBB : Mettre un cadre autour de l'avatar et des informations de compte
C'est parfait Jay
Merci à toi
Merci à toi
Sujets similaires
» Cadre autour d'un tableau personnalisé en modernbb
» Mettre des Images autour de cadre
» Mettre un cadre autour du nom des forums
» Mettre un cadre autour d'un avatar
» Mettre un cadre autour de "Partger / Plus"
» Mettre des Images autour de cadre
» Mettre un cadre autour du nom des forums
» Mettre un cadre autour d'un avatar
» Mettre un cadre autour de "Partger / Plus"
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum