Perfil Personalizado

Detalhes da questão

Endereço do fórum: http://olimpiadaenem.forumeiros.com
Versão do fórum: PhpBB3

Descrição

Olá,

Preciso personalizar o perfil dos usuários de meu fórum.

Atualmente eles estão assim:



Quero que ele fique exatamente assim:



Vou listar as alterações que necessito:

Onde está escrito: "Exibir Perfil :: Usuário", quero que fique: "Perfil - Usuário";

"Presença no Fórum", para "Perfil";

"Perfil", para "Participação e Estatísticas";

"Contactar Usuário" para "Contato";

"Contactar por Email", para "Email";

"Procurar todas as mensagens de Usuário", para "Procurar : Mensagens de Usuário";

Tem algumas alterações que eu não consigo explicar com palavras, mas a imagem ilustra muito bem.

Quero inserir uma moldura em volta da imagem de perfil do usuário (como na imagem);

Também quero acrescentar aquele campo "Mensagens" que indica o total de mensagens, e logo abaixo:

"Tópicos" e "Mensagens", que indica o número de tópicos criados pelo usuário, e o total de mensagens de respostas, respectivamente.

O status do usuário será informado apenas por aquela faixa de online sobre a foto (preciso acrescentar isso também).

Qualquer imagem que vocês precisarem por favor me peçam que enviarei seus links.

Aguardo ajuda. Qualquer dúvida, por favor, me pergunte!

Olá!

Poderia me fornecer seu template profile_view_body?
Localização: Painel de Controle ->> Visualização ->> Templates ->> Perfil

Até mais.
Fraise

Tópico movido de 'Outras questões' para 'Questões sobre a aparência do fórum'

@Fraise, ele está com o Valor Padrão.

Aqui está:

Código:

<!-- BEGIN switch_user_logged_in -->
<p class="right rightside">{LAST_VISIT_DATE}</p>
<!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>

<h1 class="page-title">{L_VIEWING_PROFILE}</h1>
<div class="panel bg1">
 <div class="inner"><span class="corners-top"><span></span></span>

 <div class="column1">
 <div class="h3">{L_USER_PRESENCE}</div>
 <dl class="left-box details" style="width: 80%;">
 <dt>{L_AVATAR_IMG}</dt><dd>{AVATAR_IMG}</dd>
 </dl>
 <dl class="left-box details" style="width: 80%;">
 <dt>{L_RANK}:</dt><dd><strong>{POSTER_RANK}</strong></dd>
 <!-- BEGIN switch_show_status -->
 <dt>{L_STATUT}:</dt><dd><strong>{USER_ONLINE}</strong></dd>
 <!-- END switch_show_status -->
 </dl>
 <!-- BEGIN switch_allow_friendsfoes -->
 <dl class="left-box details" style="width: 80%;margin-top:10px;margin-bottom:10px">
 <dt>{L_FRIENDS_AND_FOES}:</dt><dd><strong>{FRIENDSFOES}</strong></dd>
 </dl>
 <!-- END switch_allow_friendsfoes -->
 <!-- BEGIN switch_auth_user -->
 <dl class="left-box details" style="width: 80%;margin-top:10px;margin-bottom:10px">
 <dt>{L_ADMINISTRATE_USER}:</dt><dd><strong>{ADMINISTRATE_USER}{BAN_USER}</strong></dd>
 </dl>
 <!-- END switch_auth_user -->
 </div>
 <div class="column2">
 <div class="h3">{L_PROFILE}</div>
 <!-- BEGIN profile_field -->
 <dl id="field_id{profile_field.ID}" class="left-box details" style="width: 80%;">
 <dt>{profile_field.LABEL}</dt> <dd>{profile_field.CONTENT}<!-- BEGIN profil_type_user_posts --> [{POST_PERCENT_STATS} / {POST_DAY_STATS}]
 <br /><span style="margin-left: 10px;"><a rel="nofollow" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a></span>
 <br /><span style="margin-left: 15px;">- <a rel="nofollow" href="/sta/{PUSERNAME}">{L_TOPICS}</a></span>
 <br /><span style="margin-left: 15px;">- <a rel="nofollow" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts --></dd>
 </dl>
 <!-- END profile_field -->
 </div>
 <div class="clear"></div>
 <span class="corners-bottom"><span></span></span></div>
</div>

<div class="panel bg2">
 <div class="inner"><span class="corners-top"><span></span></span>

 <div class="column1">
 <form action="{S_PROFILE_ACTION}" method="post" name="post">
 <div class="h3">{L_CONTACT} {USERNAME}</div>
 <!-- BEGIN contact_field -->
 <dl id="field_id{contact_field.ID}" class="left-box details" style="width: 80%;">
 <dt>{contact_field.LABEL}</dt> <dd>{contact_field.CONTENT}</dd>
 </dl>
 <!-- END contact_field -->

 <!-- BEGIN switch_admin_user_comment_active -->
 <dl class="details">
 <dt>{L_COMMENTS} :<br /><span class="italic">{L_MODS_AND_ADMINS}</span></dt>
 <dd><textarea class="inputbox" name="admin_user_comment_text" rows="8" cols="30">{ADMIN_USER_COMMENT}</textarea></dd>
 </dl>
 <fieldset class="submit-buttons">
 <input type="hidden" value="update_admin_user_comment" name="mode" />
 <input type="hidden" value="{USER_ID}" name="userid" />
 <input type="submit" class="button2" name="user_comment_maj" value="{L_UPDATE}" />
 </fieldset>
 <!-- END switch_admin_user_comment_active -->
 </form>
 </div>

 <div class="column2">
 <div class="h3">{L_STATS}</div>
 <dl class="left-box details" style="width: 80%;"><dt>{L_LAST_VISITED}:&nbsp;</dt> <dd>{LAST_VISIT_TIME}</dd></dl>
 <!-- BEGIN switch_dhow_mp -->
 <dl class="left-box details" style="width: 80%;"><dt>{L_PRIVATE_MSG}:&nbsp;</dt> <dd>{PRIVATE_MSG}</dd></dl>
 <!-- END switch_dhow_mp -->
 </div>

 <div class="clear"></div>
 <span class="corners-bottom"><span></span></span></div>
</div>

<!-- BEGIN switch_rpg -->
<h1 class="page-title">{L_VIEWING_RPG}</h1>
<div class="panel bg1">
 <div class="inner"><span class="corners-top"><span></span></span>

 <p style="text-align: center;">{RPG_IMAGE}</p>
 <hr />

 <!-- BEGIN rpg_fields_left -->
 <div class="column1">
 <dl class="details">
 <dt>{switch_rpg.rpg_fields_left.F_NAME} :</dt>
 <dd>{switch_rpg.rpg_fields_left.F_VALUE_NEW}</dd>
 </dl>
 </div>
 <!-- END rpg_fields_left -->

 <!-- BEGIN rpg_fields -->
 <div class="column2">
 <dl class="details">
 <dt>{switch_rpg.rpg_fields.F_NAME} :</dt>
 <dd>{switch_rpg.rpg_fields.F_VALUE_NEW}</dd>
 </dl>
 </div>
 <!-- END rpg_fields -->
 <div class="clear"></div>
 <fieldset class="submit-buttons">
 {U_ADMIN_RPG_NEW}
 </fieldset>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_rpg -->
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
 $(document).ready(function(){
 $('[id^=field_id]').each(function(){
 if ( $(this).find('.field_editable').is('span, div') )
 {
 $(this).hover(function()
 {
 if( $(this).find('.field_editable.invisible').is('span, div') )
 {
 $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
 $(this).find('.ajax-profil_edit').attr({
 alt: "{L_FIELD_EDIT_VALUE}",
 title: "{L_FIELD_EDIT_VALUE}"
 }).click(function(){
 $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
 $(this).prev().find('.ajax-profil_valid').attr({
 alt: "{L_VALIDATE}",
 title: "{L_VALIDATE}"
 }).click(function(){
 var content = new Array();
 $(this).parent().find('[name]').each(function(){
 var type_special = $(this).is('input[type=radio],input[type=checkbox]');
 if ( (type_special && $(this).is(':checked')) || !type_special )
 {
 content.push(new Array($(this).attr('name'), $(this).attr('value')));
 }
 });
 var id_name = $(this).parents('[id^=field_id]').attr('id');
 var id = id_name.substring(8, id_name.length);
 $.post(
 "{U_AJAX_PROFILE}",
 {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
 function(data){
 $.each(data, function(i, item){
 $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
 });
 },
 "json"
 );
 });
 $(this).remove();
 });
 }
 },function()
 {
 if( $(this).find('.field_editable.invisible').is('span, div') )
 {
 $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
 $(this).find('.ajax-profil_edit').remove();
 }
 });
 }
 });
 });
//]]>
</script>

É quase impossível editar da forma que o senhor quer... pórem consegui estas alterações:

Código:

<!-- BEGIN switch_user_logged_in -->
<p class="right rightside">{LAST_VISIT_DATE}</p>
<!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>

<h1 class="page-title">Perfil - {USERNAME}</h1>
<div class="panel bg1">
 <div class="inner"><span class="corners-top"><span></span></span>

 <div class="column1">
 <div class="h3">Perfil</div>
 <dl class="left-box details" style="width: 80%;">
 <dt>{L_AVATAR_IMG}</dt><dd>{AVATAR_IMG}</dd>
 </dl>
 <dl class="left-box details" style="width: 80%;">
 <dt>{L_RANK}:</dt><dd><strong>{POSTER_RANK}</strong></dd>
 <!-- BEGIN switch_show_status -->
 <dt>{L_STATUT}:</dt><dd><strong>{USER_ONLINE}</strong></dd>
 <!-- END switch_show_status -->
 </dl>
 <!-- BEGIN switch_allow_friendsfoes -->
 <dl class="left-box details" style="width: 80%;margin-top:10px;margin-bottom:10px">
 <dt>{L_FRIENDS_AND_FOES}:</dt><dd><strong>{FRIENDSFOES}</strong></dd>
 </dl>
 <!-- END switch_allow_friendsfoes -->
 <!-- BEGIN switch_auth_user -->
 <dl class="left-box details" style="width: 80%;margin-top:10px;margin-bottom:10px">
 <dt>{L_ADMINISTRATE_USER}:</dt><dd><strong>{ADMINISTRATE_USER}{BAN_USER}</strong></dd>
 </dl>
 <!-- END switch_auth_user -->
 </div>
 <div class="column2">
 <div class="h3">Participação e Estatísticas</div>
 <!-- BEGIN profile_field -->
 <dl id="field_id{profile_field.ID}" class="left-box details" style="width: 80%;">
 <dt>{profile_field.LABEL}</dt> <dd>{profile_field.CONTENT}<!-- BEGIN profil_type_user_posts --> [{POST_PERCENT_STATS} / {POST_DAY_STATS}]
 <br /><span style="margin-left: 10px;"><a rel="nofollow" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a></span>
 <br /><span style="margin-left: 15px;">- <a rel="nofollow" href="/sta/{PUSERNAME}">{L_TOPICS}</a></span>
 <br /><span style="margin-left: 15px;">- <a rel="nofollow" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts --></dd>
 </dl>
 <!-- END profile_field -->
 </div>
 <div class="clear"></div>
 <span class="corners-bottom"><span></span></span></div>
</div>

<div class="panel bg2">
 <div class="inner"><span class="corners-top"><span></span></span>

 <div class="column1">
 <form action="{S_PROFILE_ACTION}" method="post" name="post">
 <div class="h3">{L_CONTACT} {USERNAME}</div>
 <!-- BEGIN contact_field -->
 <dl id="field_id{contact_field.ID}" class="left-box details" style="width: 80%;">
 <dt>{contact_field.LABEL}</dt> <dd>{contact_field.CONTENT}</dd>
 </dl>
 <!-- END contact_field -->

 <!-- BEGIN switch_admin_user_comment_active -->
 <dl class="details">
 <dt>{L_COMMENTS} :<br /><span class="italic">{L_MODS_AND_ADMINS}</span></dt>
 <dd><textarea class="inputbox" name="admin_user_comment_text" rows="8" cols="30">{ADMIN_USER_COMMENT}</textarea></dd>
 </dl>
 <fieldset class="submit-buttons">
 <input type="hidden" value="update_admin_user_comment" name="mode" />
 <input type="hidden" value="{USER_ID}" name="userid" />
 <input type="submit" class="button2" name="user_comment_maj" value="{L_UPDATE}" />
 </fieldset>
 <!-- END switch_admin_user_comment_active -->
 </form>
 </div>

 <div class="column2">
 <div class="h3">{L_STATS}</div>
 <dl class="left-box details" style="width: 80%;"><dt>{L_LAST_VISITED}:&nbsp;</dt> <dd>{LAST_VISIT_TIME}</dd></dl>
 <!-- BEGIN switch_dhow_mp -->
 <dl class="left-box details" style="width: 80%;"><dt>{L_PRIVATE_MSG}:&nbsp;</dt> <dd>{PRIVATE_MSG}</dd></dl>
 <!-- END switch_dhow_mp -->
 </div>

 <div class="clear"></div>
 <span class="corners-bottom"><span></span></span></div>
</div>

<!-- BEGIN switch_rpg -->
<h1 class="page-title">{L_VIEWING_RPG}</h1>
<div class="panel bg1">
 <div class="inner"><span class="corners-top"><span></span></span>

 <p style="text-align: center;">{RPG_IMAGE}</p>
 <hr />

 <!-- BEGIN rpg_fields_left -->
 <div class="column1">
 <dl class="details">
 <dt>{switch_rpg.rpg_fields_left.F_NAME} :</dt>
 <dd>{switch_rpg.rpg_fields_left.F_VALUE_NEW}</dd>
 </dl>
 </div>
 <!-- END rpg_fields_left -->

 <!-- BEGIN rpg_fields -->
 <div class="column2">
 <dl class="details">
 <dt>{switch_rpg.rpg_fields.F_NAME} :</dt>
 <dd>{switch_rpg.rpg_fields.F_VALUE_NEW}</dd>
 </dl>
 </div>
 <!-- END rpg_fields -->
 <div class="clear"></div>
 <fieldset class="submit-buttons">
 {U_ADMIN_RPG_NEW}
 </fieldset>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_rpg -->
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
 $(document).ready(function(){
 $('[id^=field_id]').each(function(){
 if ( $(this).find('.field_editable').is('span, div') )
 {
 $(this).hover(function()
 {
 if( $(this).find('.field_editable.invisible').is('span, div') )
 {
 $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
 $(this).find('.ajax-profil_edit').attr({
 alt: "{L_FIELD_EDIT_VALUE}",
 title: "{L_FIELD_EDIT_VALUE}"
 }).click(function(){
 $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
 $(this).prev().find('.ajax-profil_valid').attr({
 alt: "{L_VALIDATE}",
 title: "{L_VALIDATE}"
 }).click(function(){
 var content = new Array();
 $(this).parent().find('[name]').each(function(){
 var type_special = $(this).is('input[type=radio],input[type=checkbox]');
 if ( (type_special && $(this).is(':checked')) || !type_special )
 {
 content.push(new Array($(this).attr('name'), $(this).attr('value')));
 }
 });
 var id_name = $(this).parents('[id^=field_id]').attr('id');
 var id = id_name.substring(8, id_name.length);
 $.post(
 "{U_AJAX_PROFILE}",
 {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
 function(data){
 $.each(data, function(i, item){
 $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
 });
 },
 "json"
 );
 });
 $(this).remove();
 });
 }
 },function()
 {
 if( $(this).find('.field_editable.invisible').is('span, div') )
 {
 $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
 $(this).find('.ajax-profil_edit').remove();
 }
 });
 }
 });
 });
//]]>
</script>

Mais não dá, lamento.

Até mais.
Fraise

@Fraise,

Fiz algumas alterações no template que me mandou e ficou assim:

Código:

<!-- BEGIN switch_user_logged_in -->
<p class="right rightside">{LAST_VISIT_DATE}</p>
<!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>

<h1 class="page-title">Perfil - {USERNAME}</h1>
<div class="panel bg1">
 <div class="inner"><span class="corners-top"><span></span></span>

 <div class="column1">
 <div class="h3">Perfil e Contato</div>
 <dl class="left-box details" style="width: 80%;">
 <dt>{L_AVATAR_IMG}</dt><dd>{AVATAR_IMG}</dd>
 </dl>
 <dl class="left-box details" style="width: 80%;">
 <dt>{L_RANK}:</dt><dd><strong>{POSTER_RANK}</strong></dd>
 <!-- BEGIN switch_show_status -->
 <dt>{L_STATUT}:</dt><dd><strong>{USER_ONLINE}</strong></dd>
 <!-- END switch_show_status -->
 </dl>
 <!-- BEGIN switch_allow_friendsfoes -->
 <dl class="left-box details" style="width: 80%;margin-top:10px;margin-bottom:10px">
 <dt>{L_FRIENDS_AND_FOES}:</dt><dd><strong>{FRIENDSFOES}</strong></dd>
 </dl>
 <!-- END switch_allow_friendsfoes -->
 <!-- BEGIN switch_auth_user -->
 <dl class="left-box details" style="width: 80%;margin-top:10px;margin-bottom:10px">
 <dt>{L_ADMINISTRATE_USER}:</dt><dd><strong>{ADMINISTRATE_USER}{BAN_USER}</strong></dd>
 </dl>
 <!-- END switch_auth_user -->
 </div>
 <div class="column2">
 <div class="h3">Participação e Estatísticas</div>
 <!-- BEGIN profile_field -->
 <dl id="field_id{profile_field.ID}" class="left-box details" style="width: 80%;">
 <dt>{profile_field.LABEL}</dt> <dd>{profile_field.CONTENT}<!-- BEGIN profil_type_user_posts --> [{POST_PERCENT_STATS} / {POST_DAY_STATS}]
 <br /><span style="margin-left: 10px;"><a rel="nofollow" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a></span>
 <br /><span style="margin-left: 15px;">- <a rel="nofollow" href="/sta/{PUSERNAME}">{L_TOPICS}</a></span>
 <br /><span style="margin-left: 15px;">- <a rel="nofollow" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts --></dd>
 </dl>
 <!-- END profile_field -->
 </div>
 <div class="clear"></div>
 <span class="corners-bottom"><span></span></span></div>
</div>

<div class="panel bg2">
 <div class="inner"><span class="corners-top"><span></span></span>

 <div class="column1">
 <form action="{S_PROFILE_ACTION}" method="post" name="post">
 <!-- BEGIN contact_field -->
 <dl id="field_id{contact_field.ID}" class="left-box details" style="width: 80%;">
 <dt>{contact_field.LABEL}</dt> <dd>{contact_field.CONTENT}</dd>
 </dl>
 <!-- END contact_field -->

 <!-- BEGIN switch_admin_user_comment_active -->
 <dl class="details">
 <dt>{L_COMMENTS} :<br /><span class="italic">{L_MODS_AND_ADMINS}</span></dt>
 <dd><textarea class="inputbox" name="admin_user_comment_text" rows="8" cols="30">{ADMIN_USER_COMMENT}</textarea></dd>
 </dl>
 <fieldset class="submit-buttons">
 <input type="hidden" value="update_admin_user_comment" name="mode" />
 <input type="hidden" value="{USER_ID}" name="userid" />
 <input type="submit" class="button2" name="user_comment_maj" value="{L_UPDATE}" />
 </fieldset>
 <!-- END switch_admin_user_comment_active -->
 </form>
 </div>

 <div class="column2">
 <dl class="left-box details" style="width: 80%;"><dt>{L_LAST_VISITED}:&nbsp;</dt> <dd>{LAST_VISIT_TIME}</dd></dl>
 <!-- BEGIN switch_dhow_mp -->
 <dl class="left-box details" style="width: 80%;"><dt>{L_PRIVATE_MSG}:&nbsp;</dt> <dd>{PRIVATE_MSG}</dd></dl>
 <!-- END switch_dhow_mp -->
 </div>

 <div class="clear"></div>
 <span class="corners-bottom"><span></span></span></div>
</div>

<!-- BEGIN switch_rpg -->
<h1 class="page-title">{L_VIEWING_RPG}</h1>
<div class="panel bg1">
 <div class="inner"><span class="corners-top"><span></span></span>

 <p style="text-align: center;">{RPG_IMAGE}</p>
 <hr />

 <!-- BEGIN rpg_fields_left -->
 <div class="column1">
 <dl class="details">
 <dt>{switch_rpg.rpg_fields_left.F_NAME} :</dt>
 <dd>{switch_rpg.rpg_fields_left.F_VALUE_NEW}</dd>
 </dl>
 </div>
 <!-- END rpg_fields_left -->

 <!-- BEGIN rpg_fields -->
 <div class="column2">
 <dl class="details">
 <dt>{switch_rpg.rpg_fields.F_NAME} :</dt>
 <dd>{switch_rpg.rpg_fields.F_VALUE_NEW}</dd>
 </dl>
 </div>
 <!-- END rpg_fields -->
 <div class="clear"></div>
 <fieldset class="submit-buttons">
 {U_ADMIN_RPG_NEW}
 </fieldset>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_rpg -->
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
 $(document).ready(function(){
 $('[id^=field_id]').each(function(){
 if ( $(this).find('.field_editable').is('span, div') )
 {
 $(this).hover(function()
 {
 if( $(this).find('.field_editable.invisible').is('span, div') )
 {
 $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
 $(this).find('.ajax-profil_edit').attr({
 alt: "{L_FIELD_EDIT_VALUE}",
 title: "{L_FIELD_EDIT_VALUE}"
 }).click(function(){
 $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
 $(this).prev().find('.ajax-profil_valid').attr({
 alt: "{L_VALIDATE}",
 title: "{L_VALIDATE}"
 }).click(function(){
 var content = new Array();
 $(this).parent().find('[name]').each(function(){
 var type_special = $(this).is('input[type=radio],input[type=checkbox]');
 if ( (type_special && $(this).is(':checked')) || !type_special )
 {
 content.push(new Array($(this).attr('name'), $(this).attr('value')));
 }
 });
 var id_name = $(this).parents('[id^=field_id]').attr('id');
 var id = id_name.substring(8, id_name.length);
 $.post(
 "{U_AJAX_PROFILE}",
 {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
 function(data){
 $.each(data, function(i, item){
 $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
 });
 },
 "json"
 );
 });
 $(this).remove();
 });
 }
 },function()
 {
 if( $(this).find('.field_editable.invisible').is('span, div') )
 {
 $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
 $(this).find('.ajax-profil_edit').remove();
 }
 });
 }
 });
 });
//]]>
</script>

Com ele obtive o seguinte efeito em meu fórum:



Solicito as seguintes alterações:

Remover a barra branca existente entre a parte de cima e de baixo;

"Subir" as informações última visita e mensagens privadas.

Quero que fique semelhante a isso:



Pode me ajudar?

Olá TreiMark!

Eu consigo efetuar essas suas alterações:

Spoiler:

Mas, preciso que libere a visualização do perfil para convidados em seu fórum; pode-ser?

Olá, você precisa visualizar os perfis dos membros de meu fórum?

Como eu faço isso?

TreiMark escreveu:Olá, você precisa visualizar os perfis dos membros de meu fórum?

Como eu faço isso?

Aceda a Painel de Controle > Usuários & Grupos > Autorizações especiais e em "Ver o perfil" selecione Convidados.

Até mais.
Fraise

Mateus, a visualização já está liberada...

Vamos aos poucos, ok?
Crie um novo js, em todas as páginas:

Código:

$(function(){
if($('form[action="/profile"]').length){
   var t = $('.page-title').text();
   var r = t.substring(16);
   $('.page-title').text('Perfil '+r+' '); 
   $('.h3:contains("Perfil")').text("Participação e estatísticas");
   $('.h3:contains("Presença no fórum")').text("Perfil");
$('#main-content > div.panel.bg2 > div > div.column1 > form > div').text('Contactar'); 
$('dt:contains("Contactar por email:")').text('E-mail');
   }

});

E diga-me, o que falta, ok?
Abraços, MateusAnjos.

@MateusAnjosV , fiz várias alterações no template e consegui obter o seguinte:



Desejo que as seguinte alterações sejam efetuadas:

- Tocar "Contactar por email:" por "Enviar Email:"

Acredito que isso seja possível através de um código semelhante ao que me mandou anteriormente, só que eu preciso apenas dessa alteração, as demais já foram resolvidas.

Além disso, gostaria de saber o que preciso colocar no template para que na frente das informações apareça uma imagem.

Por exemplo, na informação "Rank:" quero que apareça uma imagem de url específico.

O que preciso alterar nesta linha do código "<dt>{L_RANK}:</dt><dd><strong>{POSTER_RANK}</strong></dd>" para que a imagem da url desejada seja adicionada na frente do nome Rank?

Estranho... deveria ter funcionado o do e-mail, você poderia deixar o código ativo?
Veja, acabei de testar: http://prntscr.com/8u4ebm

Código:

$('dt:contains("Contactar por email:")').text('E-mail');

E quando a sua outra dúvida, terá de criar outro tópico.

Mateus, seu código não funcionou, mas fiz algumas alterações nele e aprovou.

Porém gostaria de saber por que preciso criar outro tópico se não estou mudando de assunto?

Desde o início deste tópico venho falando que preciso das imagens na frente dos títulos, portanto, acredito que o tópico só pode ser encerrado se conseguirmos colocar tais imagens. Assim, volto a repetir o que disse no post anterior:

"Gostaria de saber o que preciso colocar no template para que na frente das informações apareça uma imagem.

Por exemplo, na informação "Rank:" quero que apareça uma imagem de url específico.

O que preciso alterar nesta linha do código "<dt>{L_RANK}:</dt><dd><strong>{POSTER_RANK}</strong></dd>" para que a imagem da url desejada seja adicionada na frente do nome Rank?"

Hey!

Me perdoe amigo, eu realmente não havia notado isso, ok?
Certo, já que o meu não funcionou e o senhor modificou, mande ele modificado, ok?

Olá Mateus,

Ta perdoado! Peço desculpas se lhe ofendi, gostaria de ressaltar que não foi esta minha intensão!

Bom o código que usei foi o seu, só com algumas modificações:

Código:

$(function(){
if($('form[action="/profile"]').length){
   var t = $('.page-title').text();
   var r = t.substring(16);  
$('dt:contains("Contactar por email:")').text('Enviar Email:');
   }

});

As demais alterações eu fiz modificando o template do perfil.

O que tenho até agora é isso (sem os quadrados vermelhos, já explico):



Em cada quadrado vermelho da imagem precisa ser adicionado uma imagem de url específico.

Por isso, preciso saber o que precisa ser acrescentado na template do perfil para inserir essas mensagens.

Novamente vou exemplificar:

"Gostaria de saber o que preciso colocar no template para que na frente das informações apareça uma imagem.

Por exemplo, na informação "Rank:" quero que apareça uma imagem de url específico.

O que preciso alterar nesta linha do código "<dt>{L_RANK}:</dt><dd><strong>{POSTER_RANK}</strong></dd>" para que a imagem da url desejada seja adicionada na frente do nome Rank?"

Alguém, por favor, poderia ajuda?

Alguém pode dar uma dica pelo menos?

Hey!

Eu realmente não estava com tempo... estou ausente e só respondia questões fáceis, digamos assim, vamos lá?
Olha, vou considerar que saiba o básico de javascript, ok?
Lembra dessa linha no código que me forneceu?

Código:

$('dt:contains("Contactar por email:")').text('Enviar Email:');

É só alterar assim:

Código:

$('dt:contains("Website")').prepend('<img src="http://r35.imgfast.net/users/3515/27/98/11/avatars/1-28.png" style="width: 15px;height: 15px"></img>');

Ou seja:

Código:

$('dt:contains("NOME DO CAMPO")').prepend('<img src="LINK DA IMAGEM" style="width: 15px;height: 15px;position: relative;left: -5px"></img>');

Acredito que saiba acrescentar também.
Atenciosamente,

Olá Mateus,

O código deu certo para esse exemplo do "Website". Porém a imagem ficou muito próxima o nome do campo.

É possível aumentar a distancia entre a imagem e o "nome do campo"?

É claro, veja:

Código:

$('dt:contains("NOME DO CAMPO")').prepend('<img src="LINK DA IMAGEM" style="width: 15px;height: 15px;position: relative;left: -5px"></img>');

Procure por "left: -5px", vá aumentando ou diminuindo o número.

Mateus, o código para ajustar a posição da imagem não deu certo, mas encontrei outra forma de fazer isso, sem usar códigos.

Por fim, tem ainda uma alteração que precisa ser feita.

A atual configuração do perfil ficou assim:



Preciso colocar esta moldura em volta das imagens de perfil: https://2img.net/h/oi63.tinypic.com/6iqi39.png

Ficaria algo semelhante a isso:



Aguardo ajuda!

Olá!

Adicione à sua folha de estilos:

Código:

.column1 dl.left-box.details dd img:nth-child(1) {
    border: 5px solid #fff;
    box-shadow: 1px 1px 5px 5px #ddd;
}

Até mais.
Fraise

@Fraise,

A moldura ficou em volta da imagem de perfil, mas também nos ícones de "Mensagem Privada", "Enviar Email" e "Website"; que também estão na coluna 1.

É possível corrigir?

Apenas a imagem de perfil deve ter a moldura.

Hei!

Troque por esse:

Código:

    .column1 dl.left-box.details dd:nth-child(1) img:nth-child(1) {
    border: 5px solid #fff;
    box-shadow: 1px 1px 5px 5px #ddd;
}

Mateus, o código funcionou!

Questão resolvida. Obrigado @MateusAnjosV e @Fraise