PhpBB Master
Bem vindo ao PHPBB Master

Bem vindo ao fórum PhpBB Master. PhpBB é uma software Open Source, e muito usado hoje em dia na criação de fóruns. Este fórum assim como milhares tem o objetivo de inovar seus fóruns do sistema PhpBB com dicas, astúcias e funções novas.

Se você é novo por aqui, fique a vontade se gostar do nosso fórum queira Registrar-se. Caso seja membro, Log-se

Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo Mensagem [Página 1 de 1]

avatar
Fundador

1 Modificação memberlist_view.tpl em Qua Jul 02, 2014 6:55 pm


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: http://forums.phpbbmaster.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:
http://forums.phpbbmaster.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.phpbbmaster.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;
}

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum