Fórum iBlue
[Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Fórum iBlue
[Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Somos ÚNICOS, somos o SEU fórum


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

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

T-Lord

1[Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) Empty [Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) Sex 19 Abr 2013 - 16:54

T-Lord
Administrador
[Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) Autres10
Perfil IPB v1.4b - (IPBoard 3.43)
Perfil semelhante ao IPBoard 3.43

[Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) Act_bottomCréditos: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Nota: Só testei na versão PunBB! Versão de implementação, fase beta.
Se alguém achar que deve ter o nome nos créditos, fique à vontade!
Se usar e desejar dar créditos, não o faça a mim e sim à invisionpower!


--> Tutoriais, dicas e astúcias <--
Perfil IPB v1.4b - (IPBoard 3.43)



1º - Opções gerais do Painel de Controle
Aceda em:

Painel de Controle
Usuários & Grupos[Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) 3408902447 Usuários [Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) 3408902447 Perfis [Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) 3408902447 Opções gerais do perfil


No campo [Ativar o perfil avançado] marque (*) Não
Ative o seu sistema de Reputação e o botão [Obrigado]
Marque o campo [Exibir esta casa em :] (*) Perfil


2º - Editando Templates
Aceda em:

Painel de Controle
Visualização[Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) 3408902447 Templates [Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) 3408902447 Perfil


Selecione o template profile_view_body, substitua o conteúdo pelo código abaixo:

Código:

<!-- ***********************************************************************
* IP.Board 3 - By Rikki Tissier - (c)2008 Invision Power Services          *
****************************************************************************
* ipb_profile.html to profile_view_body.html - Modified by JScript        *
************************************************************************ -->
<div
 id="ajax_loading" style="display: none;"><img alt="Carregando..."
 
src="http://i69.servimg.com/u/f69/18/17/62/92/ajax_l10.gif"></div>
<div class="pun-crumbs">
  <br>
 
  <span class="desc lighter"><a class="desc lighter"
href="{U_INDEX}">{L_INDEX}</a> » Visualizando perfil:
{PUSERNAME}</span>
  <br>
</div>
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix" style="display: none">
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<!-- Backup
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
-->
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<ul class="topic_buttons">
 
  <li class="editPerfil" style="display: none"><a
href="/profile?mode=editprofile">Editar meu
perfil</a></li>
  <li class="editMember" style="display: none"><a href="">Editar membro</a></li>
  <li class="FlagSpam" style="display: none"><a href="">Banir membro</a></li>
</ul>
<!-- END switch_user_logged_in -->
<div id="profile_background" class="ipsBox clear2 vcard">
  <div class="ipsVerticalTabbed ipsLayout ipsLayout_withleft ipsLayout_smallleft clearfix">
      <div id="profile_tabs" class="ipsVerticalTabbed_tabs ipsLayout_left">
        <p class="short photo_holder">
 
          <a title="Atualizar a foto atual" class="ipsType_smaller
ipsPad" id="change_photo" style="display: none"
href="javascript:void(0);"
onclick="launchPhotoEditor()">Alterar</a>
            {AVATAR_IMG}
        </p>
        <div class="warn_panel clear2 ipsType_small">
            <strong><a title="Visualizar histório de Alerta" id="warn_link" href="">Alerta</a></strong>
        </div>
        <ul class="clear2">
 
          <li data-tabid="user_info" class="tab_toggle"
id="tab_link_core_info"><a href="#pane_core_info">Visão
Geral</a></li>
            <li data-tabid="status"
class="tab_toggle" id="tab_link_members_status"><a
title="Visualizar Atualizações Recentes de Status"
href="#pane_members_status">Atualizações Recentes de
Status</a></li>
            <li
data-tabid="reputation" class="tab_toggle"
id="tab_link_members_reputation"><a title="Visualizar Reputação"
href="#pane_members_reputation">Reputação</a></li>
 
          <li data-tabid="friends" class=" tab_toggle"
id="tab_link_members:friends"><a title="Visualizar Amigos"
href="#pane_members_friends">Amigos</a></li>
       
    <li data-tabid="topics" class="tab_toggle"
id="tab_link_forums_topics"><a title="Visualizar Tópicos"
href="#pane_forums_topics">Tópicos</a></li>
         
  <li data-tabid="posts" class="tab_toggle"
id="tab_link_forums_posts"><a title="Visualizar Posts"
href="#pane_forums_posts">Posts</a></li>
         
 <li data-tabid="shoutbox" class="tab_toggle"
id="tab_link_shoutbox_shoutbox"><a title="Visualizar My Shouts"
href="#pane_forums_shouts">My Shouts</a></li>
        </ul>
      </div>
 
    <div id="profile_content" class="ipsVerticalTabbed_content
ipsLayout_content ipsBox_container" style="min-height: 461px;">
        <div class="ipsPad">
            <div id="profile_content_main">
              <div id="user_info_cell">
                  <h1 class="ipsType_pagetitle">
                    <span class="fn nickname">{USERNAME}</span>
                  </h1>
                  Cadastrado: <span class="Joined_in"></span><br>
                  <span data-tooltip="" class="ipsBadge ipsBadge_green reset_cursor"></span>
                  <span class="desc lighter"> Última atividade: {LAST_VISIT_TIME}</span>
              </div>
              <div id="user_status_cell" style="display: none">
                  <div id="user_latest_status">
                    <div>
                        <span class="user_comments"></span><br>
 
                      <span class="ipsType_smaller desc lighter
blend_links"><a href="">{L_UPDATE}</a></span>
                    </div>
                  </div>
              </div>
              <span style="margin-bottom: 10px" class="rating left clear2">
 
                <a title="Neutro" id="user_rate_1"
href="javascript:void(0);"><img class="rate_img" alt="-"
src="http://i69.servimg.com/u/f69/16/62/61/50/star_o10.png"></a>
 
                <a title="Regular" id="user_rate_2"
href="javascript:void(0);"><img class="rate_img" alt="-"
src="http://i69.servimg.com/u/f69/16/62/61/50/star_o10.png"></a>
 
                <a title="Bom" id="user_rate_3"
href="javascript:void(0);"><img class="rate_img" alt="-"
src="http://i69.servimg.com/u/f69/16/62/61/50/star_o10.png"></a>
 
                <a title="Ótimo" id="user_rate_4"
href="javascript:void(0);"><img class="rate_img" alt="-"
src="http://i69.servimg.com/u/f69/16/62/61/50/star_o10.png"></a>
 
                <a title="Excelente" id="user_rate_5"
href="javascript:void(0);"><img class="rate_img" alt="-"
src="http://i69.servimg.com/u/f69/16/62/61/50/star_o10.png"></a>
                  <span class="desc" id="rating_text"></span>
              </span>
              <ul id="user_utility_links" class="ipsList_inline">
                  <li class="ipsButton_secondary" id="add_friend" style="display: none">
 
                    <a title="Adicionar como Amigo"
href="/profile?friend={PUSERNAME}&mode=editprofile&page_profil=friendsfoes"><img
 alt="Adicionar como Amigo"
src="http://i69.servimg.com/u/f69/16/62/61/50/user_d10.png">  
 Adicionar como amigo</a>
                  </li>
                  <li class="ipsButton_secondary" id="remove_friend" style="display: none">
 
                    <a title="Remover Amigo"
href="/profile?foe={PUSERNAME}&mode=editprofile&page_profil=friendsfoes"><img
 alt="Remover Amigo"
src="http://i69.servimg.com/u/f69/16/62/61/50/user_d10.png">  
 Remover amigo</a>
                  </li>
                  <li class="ipsButton_secondary" id="pm_button" style="display: none">
 
                    <a title="Enviar MP"
href="/privmsg?mode=post&u=2"><img alt="Enviar MP"
src="http://i69.servimg.com/u/f69/16/62/61/50/email_10.png">  
 Enviar MP</a>
                  </li>
                  <li>
 
                    <a class="ipsButton_secondary"
href="/st/{PUSERNAME}"><img alt="Localizar Tópicos"
src="http://i69.servimg.com/u/f69/16/62/61/50/page_t10.png">  
 Meu Conteúdo</a>
                  </li>
              </ul>
            </div>

            <div class="clearfix" id="profile_panes_wrap" style="height: auto;">

              <div class="ipsLayout ipsLayout_withright ipsLayout_largeright clearfix tab_link_pane" id="pane_core_info">
                  <div class="ipsLayout_content">
                    <div class="general_box clearfix" id="user_humor_id" style="display: none">
                        <h3>Quem sou eu</h3>
                        <div class="ipsPad">
                          <span class="user_humor"></span><br>
                        </div>
                    </div>
                    <hr>
                    <div class="general_box clearfix">
                        <h3>Estatísticas</h3>
                        <br>
                        <ul class="ipsList_data clearfix">
                          <li class="clear2 clearfix">
                              <span class="row_title">Grupo:</span>
                              <span class="row_data"><span style="color:red">{POSTER_RANK}</span></span>
                          </li>
                          <!-- BEGIN profile_field -->
                          <li class="clear2 clearfix">
                              <dl id="field_id{profile_field.ID}" class="left-box details" style="width: 80%;">
                                <dt>{profile_field.LABEL}</dt> <dd>{profile_field.CONTENT}</dd>
                              </dl>
                          </li>
                          <!-- END profile_field -->
                          <li class="clear2 clearfix">
                              <span class="row_title">Última visita:</span>
                              <span class="row_data">{LAST_VISIT_TIME}</span>
                          </li>
                          <!-- BEGIN switch_show_status -->
                          <li class="clear2 clearfix">
                              <span class="row_title">{L_STATUT}:</span>
                              <span class="row_data user_online">{USER_ONLINE}</span>
                              </dl>
                          </li>
                          <!-- END switch_show_status -->
                          <!-- Backup
                          <li class="clear2 clearfix">
                              <span class="row_title">Visualizações:</span>
                              <span class="row_data">0</span>
                          </li>
                          <li class="clear2 clearfix">
                              <span class="row_title">Título:</span>
                              <span class="row_data">{POSTER_RANK}</span>
                          </li>
                          -->
                        </ul>
                        <br>
                    </div>
                    <div class="general_box clearfix" id="contact_field">
                        <h3>Contato</h3>
                        <br>
                        <ul class="ipsList_data clearfix">
                          <li class="clear2 clearfix">
                              <div class="contact_field">
                                <!-- BEGIN contact_field -->
                                <dt>{contact_field.LABEL}</dt> <dd>{contact_field.CONTENT}</dd>
                                <!-- END contact_field -->
                                <!-- Backup
                                <span class="row_title">E-mail:</span>
                                <span class="row_data">
                                    <a href="mailto:"></a>
                                </span>
                                -->
                              </div>
                          </li>
                          <!-- Backup
                          <li>
                              <span class="row_title">MSN</span>
                              <span class="row_data">
                                <img alt="MSN" src="http://i69.servimg.com/u/f69/16/62/61/50/profil10.gif"> 
                                <a href="msnim:chat?contact=" class="url"></a>
                              </span>
                          </li>
                          -->
                        </ul>
                    </div>
                  </div>
                  <div class="ipsLayout_right">
                    <div data-tooltip="{PUSERNAME}" class="reputation zero" id="anonymous_element_67">
                        <span class="number"></span>
                        <span class="title"></span>
                    </div>
                    <br>
                    <div class="general_box clearfix">
                        <h3>Ferramentas do Usuário</h3>
                        <ul class="ipsPad">
                          <li >
                              <a rel="nofollow" href="/st/{PUSERNAME}">
 
                                <img alt="- "
src="http://i69.servimg.com/u/f69/16/62/61/50/page_t10.png">  
 Procurar por mensagens
                              </a>
                          </li>
                          <li>
                              <a rel="nofollow" href="/sta/{PUSERNAME}">
 
                                <img alt="- "
src="http://i69.servimg.com/u/f69/16/62/61/50/topics10.png">  
 Visualizar somente os tópicos
                              </a>
                          </li>
                          <li>
                              <a rel="nofollow" href="/spa/{PUSERNAME}">
 
                                <img alt="- "
src="http://i69.servimg.com/u/f69/16/62/61/50/t_unre10.png">  
 Visualizar somente os posts
                              </a>
                          </li>
                          <!-- BEGIN switch_auth_user -->
                          <li>
                              <span class="row_title"><br>{L_ADMINISTRATE_USER}: </span>
 
                            <span
class="row_data"><strong><span
id="admin_user">{ADMINISTRATE_USER}</span><span
id="ban_user">{BAN_USER}</span></strong></span>
                          </li>
                          <!-- END switch_auth_user -->
                        </ul>
                    </div>
                    <div id="friends_overview" class="general_box clearfix">
                        <h3>{L_FRIENDS_AND_FOES}</h3>
                        <ul class="ipsPad">
                          <!-- BEGIN switch_allow_friendsfoes -->
                          <li id="friends_foes">
                              {FRIENDSFOES}
                          </li>
                          <!-- END switch_allow_friendsfoes -->
                        </ul>
                    </div>
                    <div class="general_box clearfix">
                        <h3>Últimos visitantes</h3>
                        <ul class="ipsList_withminiphoto ipsPad">
                          <li class="clearfix">
 
                            <a class="ipsUserPhotoLink left"
title="Visualizar Perfil" href="javascript:void(0);"><img
class="ipsUserPhoto ipsUserPhoto_mini" alt="Foto" src="#"></a>
                              <div class="list_content">
                                <br>
                                <span class="desc lighter">{LAST_VISIT_DATE}</span>
                              </div>
                          </li>
                        </ul>
                    </div>
                  </div>
              </div>
              <!-- #region tabStatus -->
              <div class="tab_link_pane" id="pane_members_status" style="display: none;">
                  <div class="ipsLayout_content">
                    <div class="main paged" style="margin-top: -15px;">
                        <div class="no_messages" style="margin-top: 15px;">Ítem em fase de implementação!</div>
                    </div>
                  </div>
              </div>
              <!-- #endregion tabStatus -->
              <!-- #region tabReputation -->
              <div class="tab_link_pane" id="pane_members_reputation" style="display: none;">
                  <div class="ipsLayout_content">
                    <div class="main paged" style="margin-top: -15px;">
                        <div class="no_messages" style="margin-top: 15px;">Ítem em fase de implementação!</div>
                    </div>
                  </div>
              </div>
              <!-- #endregion tabReputation -->
              <!-- #region tabFriends -->
              <div class="tab_link_pane" id="pane_members_friends" style="display: none;">
                  <div class="general_box">
                    <div id="friend_list" class="friend_list clear">
                        <h3 class="bar">{L_FRIENDS_AND_FOES}</h3>
                        <p>
                          <em>Ítem em fase de implementação!</em>
                        </p>
                    </div>
                    <br>
                  </div>
              </div>
              <!-- #endregion tabFriends -->
              <!-- #region tabTopics -->
              <div class="tab_link_pane" id="pane_forums_topics" style="display: none;">
                  <div class="ipsLayout_content">
                    <div class="main paged" style="margin-top: -15px;">
                    </div>
                  </div>
              </div>
              <!-- #endregion tabTopics -->
              <!-- #region tabPosts -->
              <div class="tab_link_pane" id="pane_forums_posts" style="display: none;">
                  <div class="ipsLayout_content">
                    <div class="main paged" style="margin-top: -15px;">
                    </div>
                  </div>
              </div>
              <!-- #endregion tabPosts -->
              <!-- #region tabShouts -->
              <div class="tab_link_pane" id="pane_forums_shouts" style="display: none;">
                  <div class="ipsLayout_content">
                    <div class="main paged" style="margin-top: -15px;">
                    </div>
                  </div>
              </div>
              <!-- #endregion tabShouts -->
            </div>
        </div>
      </div>
  </div>
</div>
<div class="pun-crumbs">
  <br>
 
  <span class="desc lighter"><a class="desc lighter"
href="{U_INDEX}">{L_INDEX}</a> » Visualizando perfil:
{PUSERNAME}</span>
</div>
<div id="document_modal"
class="modal" style="display:none; width: 100%; height: 100%; position:
fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4;
background-color: #3E3E3E;"></div>
<div
id="photo_popup_popup" style="display:none; z-index: 10001; top: 14px;
left: 22%; position: fixed;" class="popupWrapper">
  <div id="photo_popup_inner" class="popupInner" style="width: 750px;">
 
    <!--<form name="photoEditorForm" id="photoEditorForm"
action="" enctype="multipart/form-data" method="post">-->
      <form id="ucp" class="frm-form" name="post" method="post" enctype="multipart/form-data" action="/profile">
 
        <h3 style="padding: 8px 10px 9px; border-left-width: 1px;
border-top-width: 1px; border-right-width: 1px;">Editor de
Foto</h3>
        <div class="ipsBox">
            <div class="fixed_inner"><!-- style="height: 500px; max-height: 500px; overflow: auto;">-->
              <fieldset class="fixed_inner ipsBox_container" id="ips_photoWrap">
                  <div id="ips_sidePanel">
                    <div id="ips_currentPhoto">
                        {AVATAR_IMG}
                    </div>
                    <div style="display:none" id="ips_cropperControls">
 
                      <a class="ipsButton_secondary desc
cropperCancel" href="javascript:void(0);">Cancelar</a> <a
class="ipsButton_secondary desc cropperAccept"
href="javascript:void(0);">Ok</a>
                    </div>
                    <div style=";" id="ips_cropperStart">
 
                      <a class="ipsButton_secondary desc
cropperStart" href="javascript:void(0);">Ajustar Corte</a>
                    </div>
                  </div>
                  <div id="ips_photoOptions">
                    <ul>
                        <li class="ips_option row2">
                          <div class="iframe_photo_popup">
                          </div>
                        </li>
                        <!-- Backups
                        <li class="ipsPad_half clearfix right">
 
                          <input type="button" class="ipsButton
important ips_photoRemove" value="Excluir Foto" name="avatardel">
                          <input class="ipsButton ips_photoSubmi" type="submit" value="Concluir" name="submit">
                        </li>
                        -->
                    </ul>
                  </div>

 
                <iframe id="iframe_photo_popup" height="0" width="0"
 frameBorder="0" style="display: none;"
src="/profile?mode=editprofile&page_profil=avatars">Your browser
does not support IFRAMEs</iframe>
              </fieldset>
            </div>
        </div>
      </form>
  </div>
  <div id="sign_in_popup_close" class="popupClose clickable">
      <img alt="x" src="http://i69.servimg.com/u/f69/16/62/61/50/close_10.png" onclick="launchPhotoEditor();">
  </div>
</div>
<script type="text/javascript">
  //<![CDATA[
  var tabTopicsLoaded = 0;
  var tabPostsLoaded = 0;
  var tabShoutsLoaded = 0;
  var activeTab = '';
  var pUserName = encodeURI('{PUSERNAME}');

  function launchPhotoEditor() {
      var x = document.getElementById('photo_popup_popup');
      if (x.style.display == 'none') {
        jQuery(x).add('#document_modal').fadeIn('slow');
        var r = x.getElementsByTagName('form')[0].redirect;
        r.value = window.location.href;
      } else {
        jQuery(x).add('#document_modal').fadeOut('slow');
      }
  }

  $(document).ready(function(){
      $('#iframe_photo_popup').load(function(){
        var iframe = $('#iframe_photo_popup').contents().find('div .main-content.frm');
        if(iframe.length > 0) {
            var PhotoPopup = iframe.html();
            $('#photo_popup_inner .ipsBox .fixed_inner .ips_option.row2 .iframe_photo_popup').html(PhotoPopup);
            $('.frm-info').css('display', 'none');
            $('.frm-set').css('margin', '0');
            $('.frm-set dt').css('font-weight', '400').css('float', 'left').css('text-align', 'left').css('width', 'auto');
            $('.frm-set dd').css('margin-left', '5px').css('float', 'left');
            $('.frm-set > dl:last-child').css('display', 'none');
            $('.inputbox').css('width', '80% !important');
            $('.frm-buttons').css('display', '').css('margin-bottom', '0px');
            $('.button2').removeClass('button2').addClass('ipsButton ips_photoSubmi');
            $('.ipsButton.ips_photoSubmi').css('margin-right', '5px');
            $('.frm-buttons > dd').css('padding-left', '200px');
        }
      });
  });
  $(document).ready(function(){
      $(".tab_toggle:first").addClass("active").show();

      $(".tab_toggle").click(function(){
        $(".tab_toggle").removeClass("active");
        $(this).addClass("active");

        activeTab = $(this).find("a").attr("href");
        /*var activeTab = '#' + $(this).find("a").attr("onclick");*/

        switch (activeTab)
            {
            case '#pane_forums_topics':
              if (tabTopicsLoaded == 0) {$('#ajax_loading').show();tabTopicsLoaded = 1;}
              $("#pane_forums_topics .ipsLayout_content .main.paged").load("/sta/"+pUserName+" div .main.paged", function() {
                  TabLoaded();
                  if($('#pane_forums_topics .ipsLayout_content .main.paged"').length > 1) {
                    $('#pane_forums_topics .frm-form .page-title').text('Tópicos que criei');
                    $('.posting').css('display', 'none');
                    $('.main-foot').css('display', 'none');
                  } else {
 
                    $('#pane_forums_topics .ipsLayout_content
.main.paged"').html('<div class="no_messages" style="margin-top:
15px;">Não há tópicos para exibir</div>');
                  }
              });
              break;
            case '#pane_forums_posts':
              if (tabPostsLoaded == 0) {$('#ajax_loading').show();tabPostsLoaded = 1;}
              $("#pane_forums_posts .ipsLayout_content .main.paged").load("/spa/"+pUserName+" div .main.paged", function() {
                  TabLoaded();
                  if($('#pane_forums_posts .ipsLayout_content .main.paged').length > 1) {
                    $('#pane_forums_posts .page-title').text('Posts que fiz');
                    $('.user.online').css('display', 'none');
                    $('.post .postmain').css('margin-left', '0');
                    $('.post .postmain .posthead').css('margin-left', '0');
                    $('.post .postmain .postfoot').css('margin-left', '0');
                    $('.posting').css('display', 'none');
                    $('.main-foot').css('display', 'none');
                  } else {
 
                    $("#pane_forums_posts .ipsLayout_content
.main.paged").html('<div class="no_messages" style="margin-top:
15px;">Não há posts para exibir</div>');
                  }
              });
              break;
            case '#pane_forums_shouts':
              if (tabShoutsLoaded == 0) {$('#ajax_loading').show();tabShoutsLoaded = 1;}
              $("#pane_forums_shouts .ipsLayout_content .main.paged").load("/st/"+pUserName+" div .main.paged", function() {
                  TabLoaded();
                  if($('#pane_forums_shouts .ipsLayout_content .main.paged').length > 1) {
                    $('#pane_forums_shouts .page-title').text('Todas as minhas mensagens');
                    $('.posting').css('display', 'none');
                    $('.main-foot').css('display', 'none');
                  } else {
 
                    $('#pane_forums_shouts .ipsLayout_content
.main.paged').html('<div class="no_messages" style="margin-top:
15px;">Não há mensagens para exibir</div>');
                  }
              });
              break;
            default:
              $('.tab_link_pane').css('display', 'none');
              $(activeTab).fadeIn();
        }
        return false;
      });
  });

  function TabLoaded() {
      $('.tab_link_pane').css('display', 'none');
      if($("#ajax_loading").is(":visible")) {
        $(activeTab).fadeIn();
        $('#ajax_loading').fadeOut();
      } else {
        $(activeTab).show();
      }
  }

  <!-- BEGIN switch_user_logged_in -->
  var UserFriends = $('#friends_foes > a:first').text();
  var UserFoes = $('#friends_foes > a:last').text();
  var UserName = $('.ipsPad #profile_content_main #user_info_cell .ipsType_pagetitle .fn.nickname').text();
  var Logged_As = $('#pun-visit strong').text();
  var Is_Admin = $('.row_data #admin_user a').attr('href');
  var Is_Moderator = $('.row_data #ban_user a').attr('href');
  if(UserName == Logged_As) {
      $('.topic_buttons .editPerfil').css('display', '');
      $('#change_photo').css('display', '');
  } else {
      if(UserFriends !=='') {
        $('#add_friend').css('display', '');
      } else {
        $('#remove_friend').css('display', '');
      }
      $('#pm_button').css('display', '');
  }
  if(Is_Admin !== '' && UserName !== Logged_As) {
      $('.topic_buttons .editMember').css('display', '');
      $('.topic_buttons .editMember a').attr('href', Is_Admin);
  }
  if(Is_Moderator !== '' && UserName !== Logged_As) {
      $('.topic_buttons .FlagSpam').css('display', '');
      $('.topic_buttons .FlagSpam a').attr('href', Is_Moderator);
  }
  <!-- END switch_user_logged_in -->

  var UserImage = $('.short.photo_holder > img').attr('src');
  if($.trim(UserImage) =='') {
 
    $('.short.photo_holder').html('<img alt="- foto"
src="http://2img.net/i/fa/invision/pp-blank-thumb.png"
id="profile_photo" class="ipsUserPhoto">');
  }

  <!-- BEGIN switch_show_status -->
  if($.trim('{USER_ONLINE}') == 'conectado') {
 
    $('.ipsPad #profile_content_main #user_info_cell
.ipsBadge.reset_cursor').html('online').addClass('ipsBadge_green').removeClass('ipsBadge_lightgrey');
  } else {
 
    $('.ipsPad #profile_content_main #user_info_cell
.ipsBadge.reset_cursor').html('offline').addClass('ipsBadge_lightgrey').removeClass('ipsBadge_green');
  };
  <!-- END switch_show_status -->

  var UserGender = $('#field_id-7 dd .field_uneditable').text();
  if($.trim(UserGender) == '-') {
 
    $('#field_id-7 dd .field_uneditable').html('<img alt="Não
informado"
src="http://i69.servimg.com/u/f69/18/17/62/92/myster10.png"> Não
informado');
  }

  var UserWork = $('#field_id-9 dd .field_uneditable').text();
  if($.trim(UserWork) == '-') {
      $('#field_id-9 dd .field_uneditable').addClass('desc lighter').text('Sem informações');
  }

  var UserLocality = $('#field_id-11 dd .field_uneditable').text();
  if($.trim(UserLocality) == '-') {
      $('#field_id-11 dd .field_uneditable').addClass('desc lighter').text('Sem informações');
  }

  $('#field_id-12 dt span').text('Nascimento');
  var UserBorn = $('#field_id-12 dd .field_uneditable').text();
  if($.trim(UserBorn) == '-') {
      $('#field_id-12 dd .field_uneditable').addClass('desc lighter').text('Sem informações');
  }

 
  $('.ipsPad #profile_content_main #user_info_cell
.Joined_in').html($('.ipsList_data.clearfix .clear2.clearfix"
dl[id^="field_id"]:contains("Data de inscrição") dd
.field_uneditable').text());
  $('.ipsList_data.clearfix
.clear2.clearfix" dl[id^="field_id"]:contains("Data de
inscrição")').parent().css('display', 'none');

  var
UserComments = $('.ipsList_data.clearfix .clear2.clearfix"
dl[id^="field_id"]:contains("Comentários") dd
.field_uneditable').text();
  $('.ipsList_data.clearfix .clear2.clearfix" dl[id^="field_id"]:contains("Comentários")').parent().css('display', 'none');
  if($.trim(UserComments) != '-') {
      $('.user_comments').html(UserComments);
      $('#user_status_cell').css('display', '');
  }

 
  var UserHumor = $('.ipsList_data.clearfix .clear2.clearfix"
dl[id^="field_id"]:contains("Humor") dd .field_uneditable').text();
  $('.ipsList_data.clearfix .clear2.clearfix" dl[id^="field_id"]:contains("Humor")').parent().css('display', 'none');
  if($.trim(UserHumor) != '-') {
      $('.ipsPad .user_humor').html(UserHumor);
      $('#user_humor_id').css('display', '');
  }

 
  $('.reputation.zero .number').text($('.ipsList_data.clearfix
.clear2.clearfix" dl[id^="field_id"]:contains("Reputação") dd
.field_uneditable').text());
  $('.ipsList_data.clearfix .clear2.clearfix" dl[id^="field_id"]:contains("Reputação")').parent().css('display', 'none');

  if($('#profile_panes_wrap .reputation .number').text()>=0) {
      $('#profile_panes_wrap .reputation').removeClass('positive').addClass('zero');
      $('#profile_panes_wrap .reputation .title').text('Neutro');
  }
  if($('#profile_panes_wrap .reputation .number').text()>=1) {
      $('#profile_panes_wrap .reputation').removeClass('zero').addClass('positive');
      $('#profile_panes_wrap .reputation .title').text('Neutro');
      $('.rating.left.clear2 #user_rate_1 img').attr('src', 'http://i69.servimg.com/u/f69/18/17/62/92/star10.png');
  }
  if($('#profile_panes_wrap .reputation .number').text()>=10) {
      $('#profile_panes_wrap .reputation').removeClass('zero').addClass('positive');
      $('#profile_panes_wrap .reputation .title').text('Regular');
      $('.rating.left.clear2 #user_rate_2 img').attr('src', 'http://i69.servimg.com/u/f69/18/17/62/92/star10.png');
  }
  if($('#profile_panes_wrap .reputation .number').text()>=20) {
      $('#profile_panes_wrap .reputation').removeClass('zero').addClass('positive');
      $('#profile_panes_wrap .reputation .title').text('Bom');
      $('.rating.left.clear2 #user_rate_3 img').attr('src', 'http://i69.servimg.com/u/f69/18/17/62/92/star10.png');
  }
  if($('#profile_panes_wrap .reputation .number').text()>=100) {
      $('#profile_panes_wrap .reputation').removeClass('zero').addClass('positive');
      $('#profile_panes_wrap .reputation .title').text('Ótimo');
      $('.rating.left.clear2 #user_rate_4 img').attr('src', 'http://i69.servimg.com/u/f69/18/17/62/92/star10.png');
  }
  if($('#profile_panes_wrap .reputation .number').text()>=200) {
      $('#profile_panes_wrap .reputation').removeClass('zero').addClass('positive');
      $('#profile_panes_wrap .reputation .title').text('Excelente');
      $('.rating.left.clear2 #user_rate_5 img').attr('src', 'http://i69.servimg.com/u/f69/18/17/62/92/star10.png');
  }
  //]]>
</script>
<style type="text/css">
<!--
/************************************************************************/
/* IP.Board 3 CSS - By Matt Mecham - (c)2011 Invision Power Services    */
/************************************************************************/
#ajax_loading {
    background: -moz-linear-gradient(center top , #95C715 0%, #7BA60D 100%) repeat scroll 0 0 transparent;
    border: 1px solid #7BA60D;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #FFFFFF;
    left: 46%;
    padding: 5px 0 8px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 8%;
    z-index: 10000;
}
/* #region ----- Photo editor styles ----- */
/* New photo stuffs */
#ips_photoWrap {
width: 700px;
border: 1px solid #D5DDE5;
margin: 0px auto;
padding: 6px;
}
#ips_sidePanel {
float: left;
width: 200px;
}
#ips_cropperStart, #ips_cropperControls {
text-align: right;
width: 200px;
margin-top: 8px;
}
#ips_currentPhoto {
text-align: center;
}
#ips_currentPhoto img {
border: 1px solid #D5DDE5;
background: white;
max-width: 200px;
height: auto;
}
#gravatar, #upload_photo {
width: 150px;
}
#ips_photoOptions {
margin-left: 210px;
}
li.ips_option {
border: 1px solid #D5DDE5;
min-height: 120px;
margin-bottom: 5px;
}
.ips_photoPreview {
width: 100px;
height: 100px;
display: block;
overflow: hidden;
margin: 6px;
float: left;
border: 1px solid #D5DDE5;
}
.ips_photoPreview label {
text-align: center;
background: white;
}
.ips_photoPreview label img {
max-width:120px;
max-height:120px;
}
.ips_photoControls {
padding-top: 10px;
margin-left: 120px;
}
.ips_photoOptionText {
margin-left: 18px;
line-height: 130%;
padding-bottom: 3px;
}
.imgCrop_wrap { display: inline-block; }

.row2, .post_block.row2 {
    background-color: #F1F6F9;
}
/* #region ----- profile_background ----- */
#change_photo {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    transition: all 0.4s ease-in-out 0s;
}
.photo_holder:hover #change_photo {
    background: none repeat scroll 0 0 #000000;
    opacity: 1;
}
.no_messages {
    background-color: #F6F8FA;
    color: #1C2837;
    padding: 15px 10px;
}
.clear2 {
    clear: both;
}
.ipsBox, .ipsPad {
    padding: 9px;
}
.ipsBox {
    background: none repeat scroll 0 0 #EBF0F3;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.ipsLayout_smallleft.ipsLayout_withleft {
    padding-left: 150px;
}
.ipsLayout_smallleft.ipsLayout .ipsLayout_left {
    margin-left: -150px;
    width: 140px;
}
.ipsLayout .ipsLayout_left {
    float: left;
    margin-left: -210px;
    width: 200px;
}
.ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right {
    position: relative;
}
.photo_holder {
    position: relative;
}
.short {
    text-align: center;
}
#profile_photo {
    max-height: 138px;
    max-width: 138px;
}
.ipsUserPhoto {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D5D5D5;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    padding: 1px;
}
.warn_panel {
    margin: 8px 0;
    text-align: center;
}
.ipsType_small {
    font-size: 12px;
}
.ipsVerticalTabbed_tabs > ul {
    border-left: 1px solid #DBE4EF;
    border-top: 1px solid #DBE4EF;
    margin-top: 10px;
    width: 149px !important;
}
.ipsVerticalTabbed_tabs li {
    background: none repeat scroll 0 0 #F6F8FB;
    border-bottom: 1px solid #DBE4EF;
    color: #808080;
    font-size: 13px;
}
.ipsVerticalTabbed_tabs li.active a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #353535;
    font-weight: bold;
    position: relative;
    width: 135px;
    z-index: 8000;
}
.ipsVerticalTabbed_tabs li a {
  color: #8D8D8D;
    display: block;
    outline: 0 none;
    padding: 10px 8px;
    transition: background-color 0.3s ease-in-out 0s;
}
.ipsVerticalTabbed_tabs li a:hover {
    background: none repeat scroll 0 0 #EAEFF5;
    color: #808080;
}
.ipsVerticalTabbed_content {
  min-height: 400px;
}
.ipsLayout_content {
    float: left;
    width: 100%;
}
.ipsBox_container {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DBE4EF;
}
#profile_content_main {
    line-height: 1.3;
    margin-bottom: 20px;
    min-height: 75px;
}
#user_info_cell {
    display: table-cell;
    padding-right: 15px;
    white-space: nowrap;
}
.ipsType_pagetitle, .ipsType_subtitle {
    color: #323232;
    font: 300 26px/1.3 Helvetica,Arial,sans-serif;
}
.reset_cursor {
    cursor: default;
}
.ipsBadge {
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    height: 15px;
    line-height: 15px;
    padding: 0 5px;
    text-transform: uppercase;
    vertical-align: middle;
}
.ipsBadge_lightgrey {
    background: none repeat scroll 0 0 #B3B3B3;
}
.ipsBadge_green {
    background: none repeat scroll 0 0 #7BA60D;
}
.desc.lighter, .desc.lighter.blend_links a {
    color: #A4A4A4;
}
.desc, .desc.blend_links a, p.posted_info {
  color: #777777;
    font-size: 12px;
}
#user_status_cell {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}
#user_latest_status {
 
  background:
url("http://www.autoitbrasil.com/public/style_images/master/stems/profile_status_stem.png")
 no-repeat scroll 0 50% transparent;
    padding-left: 11px;
}
#user_latest_status > div {
    background-color: #EBECE5;
    border-radius: 6px 6px 6px 6px;
    color: #343434;
    font-size: 14px;
    min-height: 45px;
    padding: 10px 15px;
    word-wrap: break-word;
}
#user_latest_status > div > span {
    display: block;
}
.ipsType_smaller, .ipsType_smaller a {
    font-size: 11px !important;
}
.rating {
    margin-top: 10px;
    display: block;
    line-height: 16px;
  margin-bottom: 4px;
}
.rating img {
    vertical-align: top;
}
.ipsLayout_content img {
    max-width: 100%;
}
fieldset, img {
    border: 0 none;
}
#user_utility_links {
    margin-top: 10px;
    text-align: right;
}
.ipsList_inline > li:first-child {
    margin-left: 0;
}
.ipsList_inline > li {
    display: inline-block;
  margin: 0 3px;
}
.ipsButton_secondary {
    background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
    border: 1px solid #DBDBDB;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);
    color: #616161;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    transition: all 0.2s ease-in-out 0s;
    white-space: nowrap;
}
.ipsButton_secondary a {
    color: #616161;
}
.topic_buttons li {
    float: right;
    margin: 0 0 10px 10px;
}
.topic_buttons
 li.important a, .topic_buttons li.important span, .ipsButton
.important, .topic_buttons li a, .topic_buttons li span, .ipsButton {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
 
  background:
url("http://www.autoitbrasil.com/public/style_images/master/topic_button.png")
 repeat-x scroll center top #212121;
    border-color: #212121;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px 1px 0;
    box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0, 0, 0, 0.2);
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font: 300 12px/30px Helvetica,Arial,sans-serif;
    height: 30px;
    min-width: 125px;
    padding: 0 10px;
    text-align: center;
    text-shadow: 0 -1px 0 #191919;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
.ipsLayout_largeright.ipsLayout_withright {
    padding-right: 280px;
}
.ipsLayout.ipsLayout_withright {
    clear: left;
  padding-right: 280px;
}
.general_box {
    background: none repeat scroll 0 0 #FCFCFC;
    margin-bottom: 10px;
}
.general_box h3 {
    background: none repeat scroll 0 0 #DBE2EC;
    color: #204066;
    font: 14px helvetica,arial,sans-serif;
    padding: 8px 10px;
}
.ipsList_data li {
    line-height: 1.3;
    margin-bottom: 6px;
}
.ipsList_data .row_title, .ipsList_data .ft {
    display: inline-block;
    float: left;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
    width: 120px;
}
#profile_panes_wrap .ipsList_data .row_data {
    display: block;
    margin-left: 130px;
}
.ipsList_data .row_data {
    display: inline-block;
    max-width: 100%;
    word-wrap: break-word;
}
.ipsLayout_largeright.ipsLayout .ipsLayout_right {
    margin-right: -280px;
    width: 270px;
}
.ipsLayout .ipsLayout_right {
    float: right;
    margin-right: -210px;
    width: 200px;
}
.reputation {
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    font-weight: bold;
    padding: 3px 8px;
}
.positive {
    color: #6F8F52;
}
#profile_panes_wrap .reputation {
    display: block;
    float: none;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
    text-align: center;
}
#profile_panes_wrap .reputation .number {
    display: block;
    font-size: 20px;
    font-weight: bold;
}
.reputation.positive, .reputation.negative {
    color: #FFFFFF;
}
.reputation.positive, .members li.positive {
    background: none repeat scroll 0 0 #6F8F52;
}
.reputation.negative, .members li.negative {
    background: none repeat scroll 0 0 #B82929;
}
.reputation.zero {
    background: none repeat scroll 0 0 #DEDEDE;
    color: #6E6E6E;
}
.ipsUserPhoto_mini {
    height: 30px;
    width: 30px;
}
img, .input_check, .input_radio {
    vertical-align: middle;
}
.ipsList_withminiphoto > li {
    margin-bottom: 8px;
}
.left {
    float: left;
}
hr {
    display: none;
}
.short.photo_holder > img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D5D5D5;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    padding: 1px;
    max-height: 138px;
    max-width: 138px;
}
.ipsList_data.clearfix .left-box.details > dt {
    display: inline-block;
    float: left;
    font-weight: 700;
    padding-right: 10px;
    text-align: right;
    width: 120px;
}
.ipsList_data.clearfix .left-box.details > dd {
    display: block;
    margin-left: 130px;
  /* display: inline-block; */
    max-width: 100%;
    word-wrap: break-word;
}
.clear2.clearfix .contact_field > dt {
    display: inline-block;
    float: left;
    font-weight: 700;
    padding-right: 10px;
    text-align: right;
    width: 120px;
}
.clear2.clearfix .contact_field > dd {
    display: block;
    margin-bottom: 6px;
    margin-left: 130px;
  /* display: inline-block; */
    max-width: 100%;
    word-wrap: break-word;
}
.contact_field img {
    margin-bottom: 6px;
    margin-top: 6px;
}
/* #endregion ----- profile_background ----- */
-->
</style>

Não esqueça de publicá-lo!


3º - Resultado
Link do meu perfil de testes:


[Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) Captur13
Nota: A imagem acima só é vista da forma que está se estiver logado no fórum!

Link de um membro de testes:


[Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) Captur14
Nota: A imagem acima só é vista da forma que está se estiver logado no fórum e for um Admin ou Moderador!

Imagem pra quem não está logado no fórum:


[Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) Captur15
Link para visualização: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]


Notas adicionais:

Para ter o campo:


Expandir esta imagem
[Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) Captur12

Deve-se deixar o usuário alterar no perfil o campo [Comentários]!

Para ter o campo:

[Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) Captur13

Deve-se deixar o usuário alterar no perfil o campo [Humor] e que seja no formato texto!

Os
botões são sensíveis ao contexto do membro logado, mudando, ocultando
e/ou alterando os valores de acordo com o nível do usuário!

"Sabemos
que ainda falta muito a ser feito, muito se deve a minha falta de tempo
e conhecimentos, quem desejar ajudar fique à vontade, toda ajuda será
bem vinda!"

http://www.zonetoony.net/
cruzitovlf

2[Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) Empty Re: [Tutorial] Perfil IPB v1.4b - (IPBoard 3.43) Sex 13 Dez 2013 - 15:10

cruzitovlf
Visitante
excelente amigo ojala lo pusieran en español

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

Permissões neste sub-fórum
Não podes responder a tópicos