Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
98 usuários online :: 4 usuários cadastrados, 1 Invisível e 93 Visitantes :: 1 Motor de busca

Kyo Panda, Sonic_BR, Vinicius Reis, YuriGama

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Perfil Personalizado

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Perfil Personalizado

Mensagem por TreiMark em Sab 17 Out 2015 - 15:21

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!


Última edição por TreiMark em Seg 2 Nov 2015 - 13:11, editado 1 vez(es)

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 759

http://olimpiadaenem.forumeiros.com/

Resolvido Re: Perfil Personalizado

Mensagem por Fraise em Sab 17 Out 2015 - 15:23

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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7159

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Perfil Personalizado

Mensagem por TreiMark em Sab 17 Out 2015 - 15:26

@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>

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 759

http://olimpiadaenem.forumeiros.com/
  • 0

Resolvido Re: Perfil Personalizado

Mensagem por Fraise em Sab 17 Out 2015 - 15:30

É 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. Triste

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7159

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Perfil Personalizado

Mensagem por TreiMark em Dom 18 Out 2015 - 12:17

@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?

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 759

http://olimpiadaenem.forumeiros.com/

Resolvido Re: Perfil Personalizado

Mensagem por MateusAnjosV em Dom 18 Out 2015 - 12:21

Olá TreiMark!

Eu consigo efetuar essas suas alterações:
Spoiler:
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.

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

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2396

http://ajuda.forumeiros.com/

Resolvido Re: Perfil Personalizado

Mensagem por TreiMark em Seg 19 Out 2015 - 19:12

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

Como eu faço isso?

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 759

http://olimpiadaenem.forumeiros.com/

Resolvido Re: Perfil Personalizado

Mensagem por Fraise em Ter 20 Out 2015 - 14:09

@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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7159

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Perfil Personalizado

Mensagem por TreiMark em Ter 20 Out 2015 - 15:44

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

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 759

http://olimpiadaenem.forumeiros.com/

Resolvido Re: Perfil Personalizado

Mensagem por MateusAnjosV em Ter 20 Out 2015 - 16:36

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.
Feliz

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2396

http://ajuda.forumeiros.com/

Resolvido Re: Perfil Personalizado

Mensagem por TreiMark em Qua 21 Out 2015 - 16:06

@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?

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 759

http://olimpiadaenem.forumeiros.com/
  • 0

Resolvido Re: Perfil Personalizado

Mensagem por MateusAnjosV em Qui 22 Out 2015 - 18:05

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.

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2396

http://ajuda.forumeiros.com/

Resolvido Re: Perfil Personalizado

Mensagem por TreiMark em Qui 22 Out 2015 - 22:05

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?"

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 759

http://olimpiadaenem.forumeiros.com/

Resolvido Re: Perfil Personalizado

Mensagem por MateusAnjosV em Qui 22 Out 2015 - 22:08

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?

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2396

http://ajuda.forumeiros.com/

Resolvido Re: Perfil Personalizado

Mensagem por TreiMark em Sex 23 Out 2015 - 21:11

Olá Mateus,

Ta perdoado! Piscada 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?"

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 759

http://olimpiadaenem.forumeiros.com/

Resolvido Re: Perfil Personalizado

Mensagem por TreiMark em Dom 25 Out 2015 - 23:25

Alguém, por favor, poderia ajuda?

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 759

http://olimpiadaenem.forumeiros.com/

Resolvido Re: Perfil Personalizado

Mensagem por TreiMark em Qua 28 Out 2015 - 19:31

Alguém pode dar uma dica pelo menos?

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 759

http://olimpiadaenem.forumeiros.com/
  • 0

Resolvido Re: Perfil Personalizado

Mensagem por MateusAnjosV em Qua 28 Out 2015 - 19:52

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,
Feliz

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2396

http://ajuda.forumeiros.com/

Resolvido Re: Perfil Personalizado

Mensagem por TreiMark em Sex 30 Out 2015 - 23:51

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"?

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 759

http://olimpiadaenem.forumeiros.com/

Resolvido Re: Perfil Personalizado

Mensagem por MateusAnjosV em Sex 30 Out 2015 - 23:58

É 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>');
Seta Procure por "left: -5px", vá aumentando ou diminuindo o número.

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2396

http://ajuda.forumeiros.com/

Resolvido Re: Perfil Personalizado

Mensagem por TreiMark em Sab 31 Out 2015 - 16:17

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: http://i63.tinypic.com/6iqi39.png

Ficaria algo semelhante a isso:



Aguardo ajuda!

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 759

http://olimpiadaenem.forumeiros.com/

Resolvido Re: Perfil Personalizado

Mensagem por Fraise em Sab 31 Out 2015 - 16:25

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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7159

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Perfil Personalizado

Mensagem por TreiMark em Sab 31 Out 2015 - 18:20

@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.

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 759

http://olimpiadaenem.forumeiros.com/
  • 0

Resolvido Re: Perfil Personalizado

Mensagem por MateusAnjosV em Sab 31 Out 2015 - 18:24

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;
}

Feliz

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2396

http://ajuda.forumeiros.com/

Resolvido Re: Perfil Personalizado

Mensagem por TreiMark em Seg 2 Nov 2015 - 13:09

Mateus, o código funcionou!

Questão resolvida. Obrigado @MateusAnjosV e @Fraise

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 759

http://olimpiadaenem.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5