Dit moi je recherche à modifier la Présentation du profil de ce genre là
Merci pour ton aide
chrisnvidia 8messages
Fred 7messages
rammstein 2messages
► ./ext/alex75/profilebox/styles/prosilver/theme
Code: Tout sélectionner
@media (min-width: 700px)
.avatar img {
border: 3px solid #fff;
border-color: #336699;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
Code: Tout sélectionner
border: 3px solid #fff;
Code: Tout sélectionner
/*border: 3px solid #fff; */
Code: Tout sélectionner
.postprofile {
background-color: none ;
border: 3px solid #336699 !important;
padding-bottom: 10px;
margin-top: 5px;
margin-left: 5px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
width: 20%;
}
Code: Tout sélectionner
.profile-custom-field, .profile-posts, .profile-joined, .profile-warnings, .profile-contact {
background-color: none ;
border: 3px solid #336699 ;
padding: 3px;
margin-top: 2px;
margin-left: 5px;
margin-right: 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
► ./styles/prosilver/template
► /styles/sospc/template
Code: Tout sélectionner
<!-- EVENT viewtopic_body_postrow_rank_before -->
<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd class="profile-rank">{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->
<!-- EVENT viewtopic_body_postrow_rank_after -->
Code: Tout sélectionner
{% EVENT viewtopic_body_postrow_rank_before %}
{% if postrow.RANK_TITLE or postrow.RANK_IMG %}<dd class="profile-rank">{% if not postrow.RANK_IMG %}<div class="banner-rank" style="background-color:{{ postrow.POST_AUTHOR_COLOUR }}">{{ postrow.RANK_TITLE }}</div>{% else %}{{ postrow.RANK_TITLE }}{% endif %}{% if postrow.RANK_TITLE and postrow.RANK_IMG %}<br />{% endif %}{{ postrow.RANK_IMG }}</dd>{% endif %}
{% EVENT viewtopic_body_postrow_rank_after %}
► /styles/sospc/theme
Code: Tout sélectionner
/* Rangs
--------------------*/
.banner-rank {
font-weight : 700;
position : relative;
margin-top : 5px;
/*margin-right : -16px;*/
/*margin-left : -16px;*/
padding : 5px;
margin-right: 8px;
border-bottom-right-radius : 3px;
border-bottom-left-radius : 3px;
color: #eee;
text-align: center;
}
/* --------------------------------------------------------
--------- Responsive tablette et mobile ---------
------------------------------------------------------- */
@media (max-width: 700px) {
.banner-rank {
display: none;
}
}
.banner-rank {
color: #fff;
background-color: #324a6c;
background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,0.3));
box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 5px 5px -5px rgba(0,0,0,0.2);
text-shadow: 0 1px 1px #000;
border-radius: 5px;
}
.banner-rank:before, .banner-rank:after {
position : absolute;
top : -3px;
width : 4px;
height : 3px;
content : '';
opacity : 0.8;
}
.banner-rank:before {
left : 0;
border-top-left-radius : 3px;
}
.banner-rank:after {
right : 0;
border-top-right-radius : 3px;
}
rammstein a écrit: 12 févr. 2021, 11:24bonjour
comment on peux mettre l'avatar au centre ? et en ligne aussi ?