Perfil IPB v1.4-20b |
JScript Nota: Versão de implementação, fase beta. Se alguém achar que deve ter o nome nos créditos, fique à vontade! |
Aceda em: Painel de Controle -> Usuários & Grupos -> Usuários -> Perfis -> Opções gerais do perfil
***** No campo [Ativar o perfil avançado] marque (*) Não *****
Marque os campos [Exibir esta casa em :] (*) Perfil
-
Ative o seu sistema de Reputação e o botão [Obrigado]
2º - Gestão Templates
Selecione o template Overall_header e coloque o código abaixo dentro da tag <head>:
- Código:
<link type="text/css" rel="stylesheet" href="https://googledrive.com/host/0BywKunb3ieyDVjg1Y0ljUHFwWEk/profile_view_body.css" />
- Código:
<!-- ***********************************************************************
* IP.Board 3 - By Rikki Tissier - (c)2008 Invision Power Services *
****************************************************************************
* ipb_profile.html to profile_view_body.html - Modified by JScript *
************************************************************************ -->
<script type="text/javascript" src="https://googledrive.com/host/0BywKunb3ieyDVjg1Y0ljUHFwWEk/profile_view_body_template.js" charset="ISO-8859-1"></script>
<!--https://googledrive.com/host/0BywKunb3ieyDVjg1Y0ljUHFwWEk/profile_view_body.css-->
<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 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 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="javascript:void(0);" onclick="show_popup('ban_member_popup');">Banir membro</a></li>
</ul>
<!-- END switch_user_logged_in -->
<div id="profile_background" class="ipsBox clear2 vcard" style="display: ;">
<div class="ipsVerticalTabbed ipsLayout ipsLayout_withleft ipsLayout_smallleft clearfix">
<div id="user_status" style="display: none">{USER_ONLINE}</div>
<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="show_popup('photo_popup_popup')">Alterar</a>
{AVATAR_IMG}
</p>
<div class="warn_panel clear2 ipsType_small">
<strong><a title="Visualizar histório de Alerta" id="warn_link" href="javascript:void(0);">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" onclick="readPerfilMessages();"><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 id="user_suspended" class="ipsBadge ipsBadge_red" style="display: none; margin-right: 4px;">Postagem desativada</span>
<span id="user_banned" class="ipsBadge ipsBadge_red" style="display: none; margin-right: 4px;">Banido</span>
<span id="user_connected" data-tooltip="" class="ipsBadge ipsBadge_lightgrey reset_cursor">OFFLINE</span>
<span class="desc lighter"> Última atividade: {LAST_VISIT_TIME}</span><!--<span id="last_activity"></span></span>-->
</div>
<div id="user_status_cell" style="display: none">
<div id="user_latest_status">
<div>
<span id="uneditable" class="user_comments" style="display: block"></span>
<span id="editable" class="user_comments" style="display: none"></span>
<br>
<!--<textarea id="profile_field_2_-20" class="inputbox" name="profile_field_2_-20" cols="60" rows="7"></textarea>-->
<span class="ipsType_smaller desc lighter blend_links" style="display: block"><a href="javascript:void(0);" onclick="editableField()">{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="#"><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>
<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><!--<span id="poster_rank" class="row_data"></span>-->
</li>
<li class="clear2 clearfix">
<span class="row_title">Posts:</span>
<span id="amount_posts" class="row_data"></span>
</li>
<li class="clear2 clearfix" style="display: none;">
<span class="row_title">Visualizações:</span>
<span class="row_data"></span>
</li>
<li class="clear2 clearfix" style="display: none;">
<span class="row_title">Título:</span>
<span class="row_data"></span>
</li>
<!-- BEGIN profile_field -->
<li class="clear2 clearfix" id="field_id{profile_field.ID}">
<span class="row_title">{profile_field.LABEL}</span>
<span class="row_data">{profile_field.CONTENT}</span>
</li>
<!-- END profile_field -->
<li class="clear2 clearfix">
<span class="row_title">Última visita:</span>
<span class="row_data">{LAST_VISIT_TIME}</span><!--<span class="row_data"><span id="last_visit_time"></span></span>-->
</li>
</ul>
<br>
</div>
<div class="general_box clearfix" id="contact_field">
<h3>Contato</h3>
<br>
<ul class="ipsList_data clearfix">
<!-- BEGIN contact_field -->
<li class="clear2 clearfix">
<span class="row_title">{contact_field.LABEL}</span>
<span class="row_data">{contact_field.CONTENT}</span>
</li>
<!-- END contact_field -->
<!-- Backup
<li id="cnt_email" class="clear2 clearfix">
<span class="row_title">E-mail:</span>
<span class="row_data">
<a href=""></a>
</span>
</li>
<li id="cnt_msn">
<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="" class="url"></a>
</span>
</li>
<li id="cnt_skype">
<span class="row_title">Skype</span>
<span class="row_data">
<img alt="Skype" src="http://i78.servimg.com/u/f78/18/17/62/92/profil10.gif">
<a href="" class="url"></a>
</span>
</li>
-->
</ul>
</div>
</div>
<div class="ipsLayout_right">
<div data-tooltip="{PUSERNAME}" class="reputation zero" id="reputation_panel">
<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" id="st_pusername" 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" id="sta_pusername" 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" id="spa_pusername" 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 id="administrative" style="display: none;">
<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 -->
<!-- BEGIN switch_admin_user_comment_active -->
<form action="{S_PROFILE_ACTION}" method="post" name="post">
<dl>
<dt>{L_COMMENTS} :<br /><span class="italic">{L_MODS_AND_ADMINS}</span></dt>
<dd><textarea name="admin_user_comment_text" rows="8" cols="30">{ADMIN_USER_COMMENT}</textarea></dd>
</dl>
<dl class="frm-buttons clearfix">
<dt> </dt>
<dd><input type="hidden" value="update_admin_user_comment" name="mode" />
<input type="hidden" value="{USER_ID}" name="userid" />
<input type="submit" name="user_comment_maj" value="{L_UPDATE}" /></dd>
</dl>
</form>
<!-- END switch_admin_user_comment_active -->
</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">
<div class="list_content">
<ul id="last_visitors" class="ipsList_withminiphoto ipsPad">
<li class="clearfix">
<img class="ipsUserPhoto ipsUserPhoto_mini left" alt="Photo" src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png">
<div class="list_content">Guest
<br>
<span class="desc lighter">Today, 03:20 AM</span>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- #region tabStatus -->
<div class="tab_link_pane" id="pane_members_status" style="display: none;">
<div class="main ipsLayout_content">
<div class="main-head" style="margin-top: -10px ! important;">
<h1 class="page-title">Atualizações Recentes de Status</h1>
</div>
<div id="pane_members_status" style="height: auto; left: 10px; position: static; top: 132px; width: auto;">
<div class="status_update" style="height: 31px;"></div>
<div class="ipsBox clearfix">
<div id="status_wrapper">
<p id="noStatusUpdates" class="ipsBox_container ipsPad">Não há atualizações de status para mostrar</p>
</div>
</div>
<iframe name="iPerfmsg" height="0px" width="0px" frameborder="0"></iframe>
</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>
<!-- Backup
<div class="tab_link_pane" id="pane_members_reputation" style="display: none;">
<div class="general_box">
<div class="maintitle ipsFilterbar clearfix">
<ul class="ipsList_inline ipsType_smaller left">
<li class="active">
<a href="javascript:void(0);">Fórum</a>
</li>
<li>
<a href="javascript:void(0);">Calendar</a>
</li>
</ul>
<ul class="ipsList_inline ipsType_smaller right">
<li class="active">
<a href="javascript:void(0);">Recebida</a>
</li>
</ul>
</div>
<div class="no_messages">Não há conteúdo para visualizar.</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>
<ul class="ipsPad">
<!-- BEGIN switch_allow_friendsfoes -->
<li id="friends_foes">
{FRIENDSFOES}
</li>
<!-- END switch_allow_friendsfoes -->
</ul>
</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="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}<!--<img width="120" height="120" class="ipsUserPhoto" src="">-->
</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="show_popup('photo_popup_popup');">
</div>
</div>
<!-- #region sign_in_popup -->
<div id="ban_member_popup" style="display: none; position: fixed; top: 9%; left: 27%; z-index: 10001" class="popupWrapper">
<div id="ban_member_popup_inner" class="popupInner" style="width: 600px; max-height: 641px;">
<div style="" id="inline_ban_form">
<form id="confirm_ban" method="post" target="iBanMember" action="/modcp?tid={TID}">
<h3>Confirmar - Banir membro</h3>
<div class="ipsBox_notice ipsForm_center">
Determine o período e o motivo para suspender o membro!
</div>
<div class="ipsForm ipsForm_horizontal">
<fieldset>
<ul>
<li class="ipsField ipsField_primary">
<label class="ipsField_title" for="ban_user_date">Por um período de:</label>
<div class="ipsField_content">
<input type="text" tabindex="0" size="10" name="ban_user_date" class="input_text" id="ips_bandate"><span> dias decorridos.</span>
</div>
</li>
<li class="ipsField ipsField_primary">
<label class="ipsField_title" for="ban_user_reason">Pelo seguinte motivo:</label>
<div class="ipsField_content">
<input type="text" tabindex="1" size="40" name="ban_user_reason" class="input_text" id="ips_banreason"><br>
</div>
</li>
<li class="ipsField ipsField_checkbox">
<span class="desc lighter">Os campos acima são opcionais!</span>
</li>
</ul>
</fieldset>
<div class="ipsForm_submit ipsForm_center">
<input type="hidden" value="{TID}" name="tid">
<input type="hidden" value="ban" name="mode">
<input type="hidden" value="{CUR_USER_ID}" name="user_id">
<input type="submit" tabindex="2" class="login-submit ipsButton important" name="confirm" value="Confirmar"/>
<input type="button" tabindex="3" class="login-submit ipsButton" name="cancel" onclick="show_popup('ban_member_popup');" value="Cancelar"/>
</div>
</div>
</form>
</div>
</div>
<div id="ban_member_popup_close" class="popupClose clickable">
<img alt="x" src="http://i69.servimg.com/u/f69/16/62/61/50/close_10.png" onclick="show_popup('ban_member_popup');">
</div>
<iframe name="iBanMember" height="0px" width="0px" frameborder="0"></iframe>
</div>
<!-- #endregion sign_in_popup -->
<script type="text/javascript">
//<![CDATA[
<!-- BEGIN switch_show_status -->
USER_STATUS = $.trim('{USER_ONLINE}');
<!-- END switch_show_status -->
USERNAME = '{USERNAME}';
PUSERNAME = '{PUSERNAME}';
//]]>
</script>
Nota: Algumas informações sobre ajustes podem ser obtidas neste link: http://jscript.forumeiros.com/t194-problema-problema-com-ipb-v14-20b#1032
3º - Resultado
Meu perfil de testes:
Nota: A imagem acima só é vista da forma que está se estiver logado no fórum!
Link para visualização: http://ipboardskin.forumeiros.com/u1
Membro de testes:
Nota: A imagem acima só é vista da forma que está se estiver logado no fórum e for um Admin ou Moderador!
Link para visualização: http://ipboardskin.forumeiros.com/u2
A única aba que está em fase de implementação é a [Reputação]!
Aba [Atualizações Recentes de Status] para o membro atual:
Aba [Atualizações Recentes de Status] para outro membro:
Notas adicionais:
Para ter o campo:
Deve-se deixar o usuário alterar no perfil o campo [Comentários]!
Para ter o campo:
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!
PunBB forumeiros
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Perfil IPB v1.4-20b |
Última edição por JScript em Ter 27 Ago 2013, 9:46 am, editado 3 vez(es) (Motivo da edição : Correções e adições no código!)