memberlist_view,tpl
| |
| Modificação no template responsável por exibir o perfil dos usuários no fórum. Tecnicamente é igual ao que usamos aqui no PhpBB Master: https://forums.directorioforuns.com/u1 |
| Características e aplicação |
| Criador: | PhpBB Master |
| Demonstração: | http://demo.phpbbmaster.besaba.com/memberlist.php?mode=viewprofile&u=2&sid=27c1a5c9db522d8ff4305871729370a6
Ou se preferir:
https://forums.directorioforuns.com/u1 |
| Local de instalação |
| Template memberlist_view localizado em ACP >> Estilos >> Templates >> Prosilver (template) >> memberlist_view > e também em ACP >> Temas>> Prosilver. |
| Instalação |
Acesse o local indicado do template, e substitua o seu memberlist_view pelo seguinte código:
- Código:
<!-- INCLUDE overall_header.html -->
<h2>{PAGE_TITLE}</h2>
<form method="post" action="{S_PROFILE_ACTION}" id="viewprofile">
<div id="profile-advanced-layout">
<div id="profile-advanced-left">
<div id="profile-advanced-details" class="panel bg2">
<div class="inner"><span class="corners-top"><span></span></span>
<div id="cp-user-details" class="cp-user">
<h1 style="color: #000;">Sobre <!-- IF USER_COLOR --><span style="color: {USER_COLOR} !important; font-weight: bold;"><!-- ELSE --><span><!-- ENDIF -->{USERNAME}</span></h1>
<div class="panel-cp">
<div class="cp-inner">
<span class="corners-top"><span></span></span>
<div class="forum_middleline">
<div id="profile-tab-field-profil">
<h3>{L_USER_FORUM}</h3>
<dl>
<dt>{L_JOINED}:</dt> <dd>{JOINED}</dd>
<dt>{L_VISITED}:</dt> <dd>{VISITED}</dd>
<!-- IF S_WARNINGS -->
<dt>{L_WARNINGS}: </dt>
<dd><strong>{WARNINGS}</strong><!-- IF U_NOTES or U_WARN --> [ <!-- IF U_NOTES --><a href="{U_NOTES}">{L_VIEW_NOTES}</a><!-- ENDIF --> <!-- IF U_WARN --><!-- IF U_NOTES --> | <!-- ENDIF --><a href="{U_WARN}">{L_WARN_USER}</a><!-- ENDIF --> ]<!-- ENDIF --></dd>
<!-- ENDIF -->
<dt>{L_TOTAL_POSTS}:</dt>
<dd>{POSTS} <!-- IF S_DISPLAY_SEARCH -->| <strong><a href="{U_SEARCH_USER}">{L_SEARCH_USER_POSTS}</a></strong><!-- ENDIF -->
<!-- IF POSTS_PCT --><br />({POSTS_PCT} / {POSTS_DAY})<!-- ENDIF -->
<!-- IF POSTS_IN_QUEUE and U_MCP_QUEUE --><br />(<a href="{U_MCP_QUEUE}">{L_POSTS_IN_QUEUE}</a>)<!-- ELSEIF POSTS_IN_QUEUE --><br />({L_POSTS_IN_QUEUE})<!-- ENDIF -->
</dd>
<!-- IF S_SHOW_ACTIVITY and POSTS -->
<dt>{L_ACTIVE_IN_FORUM}:</dt> <dd><!-- IF ACTIVE_FORUM != '' --><strong><a href="{U_ACTIVE_FORUM}">{ACTIVE_FORUM}</a></strong><br />({ACTIVE_FORUM_POSTS} / {ACTIVE_FORUM_PCT})<!-- ELSE --> - <!-- ENDIF --></dd>
<dt>{L_ACTIVE_IN_TOPIC}:</dt> <dd><!-- IF ACTIVE_TOPIC != '' --><strong><a href="{U_ACTIVE_TOPIC}">{ACTIVE_TOPIC}</a></strong><br />({ACTIVE_TOPIC_POSTS} / {ACTIVE_TOPIC_PCT})<!-- ELSE --> - <!-- ENDIF --></dd>
<!-- ENDIF -->
</dl>
<h3>{L_CONTACT_USER} {USERNAME}</h3>
<dl>
<!-- IF U_EMAIL --><dt>{L_EMAIL_ADDRESS}:</dt> <dd><a href="{U_EMAIL}">{L_SEND_EMAIL_USER} {USERNAME}</a></dd><!-- ENDIF -->
<!-- IF U_WWW --><dt>{L_WEBSITE}:</dt> <dd><a href="{U_WWW}" title="{L_VISIT_WEBSITE}: {U_WWW}">{U_WWW}</a></dd><!-- ENDIF -->
<!-- IF U_PM --><dt>{L_PM}:</dt> <dd><a href="{U_PM}">{L_SEND_PRIVATE_MESSAGE}</a></dd><!-- ENDIF -->
<!-- IF U_MSN or USER_MSN --><dt>{L_MSNM}:</dt> <dd><!-- IF U_MSN --><a href="{U_MSN}" onclick="popup(this.href, 550, 320); return false;">{L_SEND_MSNM_MESSAGE}</a><!-- ELSE -->{USER_MSN}<!-- ENDIF --></dd><!-- ENDIF -->
<!-- IF U_YIM or USER_YIM --><dt>{L_YIM}:</dt> <dd><!-- IF U_YIM --><a href="{U_YIM}" onclick="popup(this.href, 780, 550); return false;">{L_SEND_YIM_MESSAGE}</a><!-- ELSE -->{USER_YIM}<!-- ENDIF --></dd><!-- ENDIF -->
<!-- IF U_AIM or USER_AIM --><dt>{L_AIM}:</dt> <dd><!-- IF U_AIM --><a href="{U_AIM}" onclick="popup(this.href, 550, 320); return false;">{L_SEND_AIM_MESSAGE}</a><!-- ELSE -->{USER_AIM}<!-- ENDIF --></dd><!-- ENDIF -->
<!-- IF U_ICQ or USER_ICQ --><dt>{L_ICQ}:</dt> <dd><!-- IF U_ICQ --><a href="{U_ICQ}" onclick="popup(this.href, 550, 320); return false;">{L_SEND_ICQ_MESSAGE}</a><!-- ELSE -->{USER_ICQ}<!-- ENDIF --></dd><!-- ENDIF -->
<!-- IF U_JABBER and S_JABBER_ENABLED --><dt>{L_JABBER}:</dt> <dd><a href="{U_JABBER}" onclick="popup(this.href, 550, 320); return false;">{L_SEND_JABBER_MESSAGE}</a></dd><!-- ELSEIF USER_JABBER --><dt>{L_JABBER}:</dt> <dd>{USER_JABBER}</dd><!-- ENDIF -->
<!-- IF S_PROFILE_FIELD1 -->
<!-- NOTE: Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
<dt>{PROFILE_FIELD1_NAME}:</dt> <dd>{PROFILE_FIELD1_VALUE}</dd>
<!-- ENDIF -->
</dl>
<!-- IF U_USER_ADMIN --> <h3>Admin control</h3><!-- ENDIF -->
<dl>
<dt>
<!-- IF U_USER_ADMIN --> [ <a href="{U_USER_ADMIN}">{L_USER_ADMIN}</a> ]<!-- ENDIF -->
<!-- IF U_USER_BAN --> [ <a href="{U_USER_BAN}">{L_USER_BAN}</a> ]<!-- ENDIF -->
<!-- IF U_SWITCH_PERMISSIONS --> [ <a href="{U_SWITCH_PERMISSIONS}">{L_USE_PERMISSIONS}</a> ]<!-- ENDIF -->
</dt>
</dl>
</div>
</div>
</div>
</div>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- IF SIGNATURE -->
<div class="panel bg1">
<div class="inner"><span class="corners-top"><span></span></span>
<h3>{L_SIGNATURE}</h3>
<div class="postbody"><div class="signature" style="border-top:none; margin-top: 0;">{SIGNATURE}</div></div>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF -->
</div>
</div>
<div id="profile-advanced-right" class="panel bg1<!-- IF S_ONLINE --> online<!-- ENDIF -->">
<div class="module_viewprofile">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="h3"> <!-- IF USER_COLOR -->
<span style="color: {USER_COLOR} !important; font-weight: bold;">
<!-- ELSE -->
<span><strong><!-- ENDIF -->
{USERNAME}
</strong></span>
</span>
</div>
<div class="advanced-profile-users" style="text-align:center;">
<!-- IF AVATAR_IMG -->
{AVATAR_IMG}
<br><br>
<!-- IF RANK_TITLE --><dd style="text-align: center;">Rank: {RANK_TITLE}</dd><!-- ENDIF -->
<br>
<!-- IF RANK_IMG --><dd style="text-align: center;">{RANK_IMG}</dd><!-- ENDIF -->
<br>
<!-- ENDIF -->
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
</div>
</form>
<!-- INCLUDE overall_footer.html --> Em seguida, adicione o código CSS a ser usado para personalizar todas as DIVs, e SPAN'S.
CSS:
- Código:
/* Advanced profile ForumActif promotion -- Adaptado para PHPBB por http://forums.directorioforuns.com/ -------------------------------------------------*/
#profile-advanced-layout {
float: left;
margin-right: -300px;
width: 100%;
}
#profile-advanced-left {
margin-right: 300px;
}
#profile-advanced-left #tabs {
margin-top: 4px;
}
#profile-advanced-avatar {
float: left;
width: 30%;
}
#profile-advanced-points, #profile-advanced-reputation {
float: left;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
margin-right: 4px;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
margin-bottom: 4px;
}
#profile-advanced-details .pagination {
float: left;
}
#profile-advanced-details ol {
list-style: none;
}
#profile-advanced-details ol li {
display: block;
margin-bottom: 4px;
}
#profile-advanced-details .avatar {
float: left;
}
.avatar {
width: 50px;
border: 1px solid #1675bc;
background-color: #fff;
}
.avatar img {
width: 50px;
}
.friend-block .avatar {
margin: 0 auto;
cursor:pointer;
}
.friend-block {
float: left;
width: 68px;
margin: 1px;
text-align: center;
overflow: hidden;
}
.friend_list_online_status {
line-height: 11px;
font-size: .8em;
}
.friend_list_online_status img {
vertical-align: middle;
}
.friends-foes-list {
float: left;
width: 200px;
height: 2em;
}
#profile-advanced-details .message-block {
margin-left: 57px;
}
#profile-advanced-details .message-header {
border-top: 1px solid #cadceb;
background: #dceaf5;
padding: 4px;
margin-bottom: 4px;
}
#profile-advanced-details .message-date {
float: right;
}
#profile-advanced-details .message-body {
margin-bottom: 4px;
}
#profile-advanced-details .message-footer {
text-align: right;
}
#profile-advanced-details .message-footer li {
display: inline;
margin: 0 0.25em;
/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
content: ' .';
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
margin-right: 0.25em;
/* Spacing between generation dot */
text-decoration: underline;
}
#profile-advanced-details .message-footer li.last:after {
content: normal;
}
#profile-advanced-layout #new-message {
position: relative;
/*margin-top: 10px;
*/
margin-top: -2em;
clear:both;
}
#profile-advanced-layout #tabs {
/*position: absolute;
*/
bottom: 0;
}
/*#profile-advanced-layout #new-message-link {
position: absolute;
bottom: 0;
right: 4px;
padding-bottom: 10px;
}
*/
#profile-advanced-layout #tabs #new-message-link {
float: right;
bottom: 0;
right: 4px;
padding-bottom: 10px;
position:absolute;
}
#profile-advanced-layout #tabs #new-message-link a {
background: none;
float: none;
margin: 0 5px 0 0;
padding: 0;
}
#profile-advanced-details .top {
margin-bottom: 16px;
}
#profile-advanced-details .bottom {
margin-top: 16px;
}
#profile-advanced-right {
float: right;
width: 19%;
margin-right: 5px;
}
#profile-advanced-add {
margin-right: 4px;
padding: 8px 0;
text-align: right;
}
#profile-advanced-details .stats-field {
margin: 4px 0 10px 4px;
padding: 0 10px 6px;
}
#profile-advanced-details .stats-field legend {
font-weight: bold;
}
#profile-advanced-details .stats-field ul {
list-style-type:none;
text-indent: 10px;
padding: 0;
}
#profile-advanced-details .stats-field li {
margin: 4px 0;
}
div.h3 {
border-bottom: 1px solid #1675bc;
color: #1675bc;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.05em;
margin-bottom: 3px;
margin-top: 20px;
padding-bottom: 2px;
text-transform: uppercase;
}
.forum_middleline {
line-height: 2em;
}
#profile-tab-field-profil dl {
margin: 10px 0 0;
padding: 8px 10px 8px 0;
width: 98%;
}
#profile-tab-field-profil dl dt {
display: block;
float: left;
width: 10em;
}
.cp-user .panel-cp {
background-color: #f7f7f7 !important;
border-radius: 10px;
background-image: url('') !important;
padding: 15px;
padding-top: 1% !important;
} |
Início
