Perfil IPB v1.4b - (IPBoard 3.43) |
Cré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)
Perfil IPB v1.4b - (IPBoard 3.43)
1º - Opções gerais do Painel de Controle
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
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 Templates 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:
Nota: A imagem acima só é vista da forma que está se estiver logado no fórum!
Link de um 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!
Imagem pra quem não está logado no fórum:
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
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!
"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!"