Réalisée suggestion - message user info correction*

Nous vous conseillons de vérifier au préalable le contenu que vous téléchargez.
Si un lien de téléchargement ne fonctionne plus, merci de signaler le topic en question !

Statut
N'est pas ouverte pour d'autres réponses.
Messages
5
Ressources
0
J'aime
5
Points
1 303
Hors ligne
#1
Bonjour , voici la correction :

rendez vous dans --> ADMINCP --> APPARENCE --> PROPRIETER DE STYLE -->Disposition du message

- ensuite rendez vous ici ->
Vous n'avez pas la permission de voir le lien Connectez-vous ou inscrivez-vous dès maintenant.

- ensuite ici ->
Vous n'avez pas la permission de voir le lien Connectez-vous ou inscrivez-vous dès maintenant.

et remplacer 150px ( ou votre nombre ) par 200px

ensuite rendez vous ici -->
Vous n'avez pas la permission de voir le lien Connectez-vous ou inscrivez-vous dès maintenant.

et dans la case " gauche " mettez "216px"



ensuite redez vous dans la template " message_user_info " puis chercher ce code
Code:
<div class="avatarHolder">[/B]
[B]<span class="helper"></span>

et remplacer le par ce code
Code:
<div class="avatarHolder" align="center">[/B]
[B]<div class="extraUserInfo roundStats">
<dl class="pairsInline roundMessage">
<dt><span class="fa fa-comments fa-fw Tooltip" title="{xen:phrase messages}"></span></dt>
<dd><a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed" rel="nofollow">{xen:number $user.message_count}</a></dd>
</dl>

<dl class="pairsInline roundLike">
<dt><span class="fa fa-thumbs-up fa-fw Tooltip" title="{xen:phrase likes_received}"></span></dt>
<dd>{xen:number $user.like_count}</dd>
</dl>

<dl class="pairsInline roundTrophy">
<dt><span class="fa fa-trophy fa-fw Tooltip" title="{xen:phrase trophy_points}"></span></dt>
<dd><a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger concealed">{xen:number $user.trophy_points}</a></dd>
</dl>
</div>
<span class="helper"></span>
ensuite allez dans la template " message_user_info.css " et ajouter ce code dans les classes " .messageUserBlock a.username " et "
.messageUserBlock .userTitle " .

Code:
text-align: center;

ensuite allez dans extra.css et ajouter ce code
Code:
.messageUserInfo .messageUserBlock .avatar > img { border-radius: 50%; }[/B]
[B]
.roundStats .fa {
font-size: 30px;
line-height: 37px;
margin-left: -1px;
margin-top: -1px;
opacity: 0.25;
}
.roundStats .pairsInline {
border: 1px solid #d5d5d5;
border-radius: 100%;
height: 36px;
width: 36px;
}
.messageUserBlock .roundStats .roundTrophy { margin-left: 20px; overflow: hidden; }
.messageUserBlock .roundStats .roundLike { margin-left: 5px; overflow: hidden; }
.messageUserBlock .roundStats .roundMessage { margin-left: 20px; margin-top: -10px; overflow: hidden; }

.roundStats .pairsInline > dd {
color: #000000;
display: block;
margin-top: -24px;
text-align: center;
}
.messageUserInfo .extraUserInfo.roundStats {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
margin-left: -24px;
margin-top: -2px;
position: absolute;
}
.messageUserBlock .extraUserInfo { font-size: 11px; padding: 4px 6px; }
Giờ thêm tiếp đoạn code này vào Extra.css để thay cái vòng tròn online/offline
Mã:
/* PULSING INDICATOR */
.messageUserBlock div.avatarHolder .onlineMarker {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
border: medium none !important;
border-radius: 50% !important;
display: inline-block;
height: 16px;
margin: 81px 0 0 107px;
width: 16px;
}

.messageUserBlock div.avatarHolder .onlineMarker:before
{
content: '';
position: absolute;
width: 10px;
height: 10px;
margin: 3px 0 0 3px;
background: #7fb900;
border-color: #7fb900;
border-radius: 50%
}

.messageUserBlock div.avatarHolder .onlineMarker:after
{
content: '';
position: absolute;
width: 32px;
height: 32px;
margin: -9px 0 0 -9px;
border: 1px solid #7fb900;
border-radius: 50%;
box-shadow: 0 0 4px #7fb900, inset 0 0 4px #7fb900;
-webkit-transform: scale(0);
-webkit-animation: online 2.5s ease-in-out infinite;
animation: online 2.5s ease-in-out infinite
}

@-webkit-keyframes online
{
0% {opacity: 1;-webkit-transform: scale(0)}
50% {opacity: .7}
100% {opacity: 0;-webkit-transform: scale(1)}
}

@keyframes online
{
0% {opacity: 1;transform: scale(0)}
50% {opacity: .7}
100% {opacity: 0;transform: scale(1)}
}

ces fini et corriger , bonne soirée !
 

VanillaNeko

WebMaster
XenTrad
Administrateur
Messages
382
Ressources
6
J'aime
164
Points
1 783
Hors ligne
#4
Par contre, peut tu revoir la présentation ?

Merci d'avance. :)
 

Reaqz

Développeur
Développeur
Messages
18
Ressources
0
J'aime
10
Points
1 323
Hors ligne
#5
Pourquoi ne pas mettre tout simplement les infos utilisateurs de base? Ceux qui sont avec le thème? :3
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut Bas