- Punteggio reazioni
- 84
- Punti
- 55
Info.: Questo tutorial serve per modificare la sezione message_user_info
<Steps>
1. Copiare dopo <head> il seguente codice nel file denominato PAGE_CONTAINER
ACP --> Aspetto --> Template --> PAGE_CONTAINER
Salva.
2. Sostituisci tutto il codice che trovi dentro al file message_user_info , con:
ACP --> Aspetto --> Template --> message_user_info
Salva.
3. Nel file Extra.css inserire questo codice:
ACP--> Aspetto --> Template --> EXTRA.css
Salva.
4. Andare in Aspetto --> Proprietà di stile --> Elementi Messaggi ed abilitare tutti i campi delle Impostazioni.
il Risultato:
<Steps>
1. Copiare dopo <head> il seguente codice nel file denominato PAGE_CONTAINER
ACP --> Aspetto --> Template --> PAGE_CONTAINER
Codice:
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">2. Sostituisci tutto il codice che trovi dentro al file message_user_info , con:
ACP --> Aspetto --> Template --> message_user_info
Codice:
<xen:require css="message_user_info.css" />
<xen:require css="EXTRA.css" />
<div class="messageUserInfo" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person">
<div class="messageUserBlock">
<xen:hook name="message_user_info_avatar" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
<div class="avatarHolder">
<span class="helper"></span>
<xen:avatar user="$user" size="m" img="true" />
<!-- slot: message_user_info_avatar -->
</div>
</xen:hook>
<xen:if is="!{$isQuickReply}">
<xen:hook name="message_user_info_text" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
<h3 class="userText">
<xen:if is="@messageShowGender AND {$user.gender}">
<dl class="pairsJustified sexAffiliate">
<dd itemprop="gender" class="sexAffiliate"><xen:if is="{$user.gender} == 'male'"><i class="fa fa-male"></i><xen:else /><i class="fa fa-famale"></i></xen:if></dd>
</dl>
</xen:if>
<xen:username user="$user" itemprop="name" rich="true" />
<xen:if hascontent="true"><em class="userTitle" itemprop="title"><xen:contentcheck>{xen:helper userTitle, $user, 1, 1}</xen:contentcheck></em></xen:if>
{xen:helper userBanner, $user, 'wrapped'}
<!-- slot: message_user_info_text -->
</h3>
</xen:hook>
<xen:if hascontent="true">
<div class="extraUserInfo">
<xen:contentcheck>
<xen:hook name="message_user_info_extra" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
<xen:if is="@messageShowMessageCount AND {$user.user_id}">
<dl class="pairsJustified xenRestrict">
<dt><i class="fa fa-comment-o fa-lg"></i></dt>
<dd><a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed">{xen:number $user.message_count}</a></dd>
</dl>
</xen:if>
<xen:if is="@messageShowTotalLikes AND {$user.user_id}">
<dl class="pairsJustified xenRestrict">
<dt><i class="fa fa-thumbs-o-up fa-lg"></i></dt>
<dd>{xen:number $user.like_count}</dd>
</dl>
</xen:if>
<xen:if is="@messageShowTrophyPoints AND {$user.user_id}">
<dl class="pairsJustified xenRestrict">
<dt><i class="fa fa-trophy fa-lg"></i></dt>
<dd><a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger concealed">{xen:number $user.trophy_points}</a></dd>
</dl>
</xen:if>
<xen:if is="@messageShowRegisterDate AND {$user.user_id}">
<dl class="pairsJustified xenRestrictLong">
<dt>{xen:phrase joined}:</dt>
<dd>{xen:date $user.register_date}</dd>
</dl>
</xen:if>
<!-- <xen:if is="@messageShowGender AND {$user.gender}">
<dl class="pairsJustified">
<dt>{xen:phrase gender}:</dt>
<dd itemprop="gender"><xen:if is="{$user.gender} == 'male'">{xen:phrase male}<xen:else />{xen:phrase female}</xen:if></dd>
</dl>
</xen:if> -->
<xen:if is="@messageShowOccupation AND {$user.occupation}">
<dl class="pairsJustified xenRestrictLong">
<dt>{xen:phrase occupation}:</dt>
<dd itemprop="role">{xen:string censor, $user.occupation}</dd>
</dl>
</xen:if>
<xen:if is="@messageShowLocation AND {$user.location}">
<dl class="pairsJustified xenRestrictLong">
<dt>{xen:phrase location}:</dt>
<dd><a href="{xen:link 'misc/location-info', '', 'location={xen:string censor, $user.location, '-'}'}" target="_blank" rel="nofollow" itemprop="address" class="concealed">{xen:string censor, $user.location}</a></dd>
</dl>
</xen:if>
<xen:if is="@messageShowHomepage AND {$user.homepage}">
<dl class="pairsJustified xenRestrictLong">
<dt>{xen:phrase home_page}:</dt>
<dd><a href="{xen:string censor, $user.homepage, '-'}" rel="nofollow" target="_blank" itemprop="URL">{xen:string censor, $user.homepage}</a></dd>
</dl>
</xen:if>
</xen:hook>
<xen:if is="@messageShowCustomFields AND {$user.customFields}">
<xen:hook name="message_user_info_custom_fields" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
<xen:foreach loop="$userFieldsInfo" key="$fieldId" value="$fieldInfo">
<xen:if is="{$fieldInfo.viewable_message}">
<xen:if hascontent="true">
<dl class="pairsJustified userField_{$fieldId}">
<dt>{xen:helper userFieldTitle, $fieldId}:</dt>
<dd><xen:contentcheck>{xen:helper userFieldValue, $fieldInfo, $user, {$user.customFields.{$fieldId}}}</xen:contentcheck></dd>
</dl>
</xen:if>
</xen:if>
</xen:foreach>
</xen:hook>
</xen:if>
</xen:contentcheck>
</div>
</xen:if>
</xen:if>
<span class="arrow"><span></span></span>
</div>
</div>Salva.
3. Nel file Extra.css inserire questo codice:
ACP--> Aspetto --> Template --> EXTRA.css
Codice:
.messageContent
{
margin-left:100px!important;
}
.privateControls
{
margin-left:100px!important;
}
.redactor_box
{
margin-left:100px!important;
}
.userBanner
{
display:none!important;
}
.messageUserBlock
{
width:215px;
}
.avatar img,
.avatar .img,
.avatarCropper {
margin-left:25%!important;
}
.sexAffiliate
{
float:left;
margin-right:2px;
}
.userTitle em
{
border:1px solid #f09;
}
.xenRestrict
{
width:29%;
padding:2px;
border-radius:5px;
display:inline-block;
border:1px solid #D7EDFC;
background-color:transparent;
}
.xenRestrictLong
{
width:96%;
padding:2px;
border-radius:5px;
display:inline-block;
border:1px solid #D7EDFC;
background-color:transparent;
}Salva.
4. Andare in Aspetto --> Proprietà di stile --> Elementi Messaggi ed abilitare tutti i campi delle Impostazioni.
il Risultato:
