Perfil Personalizado

3 participantes

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

Tópico resolvido Perfil Personalizado

Mensagem por TreiMark 17.10.15 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:

Perfil Personalizado 11rw2th

Quero que ele fique exatamente assim:

Perfil Personalizado 9a0r9x

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 02.11.15 13:11, editado 1 vez(es)
TreiMark

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Perfil Personalizado

Mensagem por Fraise 17.10.15 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

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por TreiMark 17.10.15 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

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro
  • 0

Tópico resolvido Re: Perfil Personalizado

Mensagem por Fraise 17.10.15 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

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por TreiMark 18.10.15 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:

Perfil Personalizado 23ld3t5

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:

Perfil Personalizado 2iswmz8

Pode me ajudar?
TreiMark

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por MateusAnjosV 18.10.15 12:21

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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por TreiMark 19.10.15 19:12

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

Como eu faço isso?
TreiMark

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Perfil Personalizado

Mensagem por Fraise 20.10.15 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

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por TreiMark 20.10.15 15:44

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

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por MateusAnjosV 20.10.15 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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por TreiMark 21.10.15 16:06

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

Perfil Personalizado X581ea

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

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Perfil Personalizado

Mensagem por MateusAnjosV 22.10.15 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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por TreiMark 22.10.15 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

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por MateusAnjosV 22.10.15 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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por TreiMark 23.10.15 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):

Perfil Personalizado 6ydr4j

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

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por TreiMark 25.10.15 23:25

Alguém, por favor, poderia ajuda?
TreiMark

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por TreiMark 28.10.15 19:31

Alguém pode dar uma dica pelo menos?
TreiMark

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Perfil Personalizado

Mensagem por MateusAnjosV 28.10.15 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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por TreiMark 30.10.15 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

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por MateusAnjosV 30.10.15 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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por TreiMark 31.10.15 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:

Perfil Personalizado Ejwsd5

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

Ficaria algo semelhante a isso:

Perfil Personalizado 2md00ua

Aguardo ajuda!
TreiMark

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Perfil Personalizado

Mensagem por Fraise 31.10.15 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

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por TreiMark 31.10.15 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

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Perfil Personalizado

Mensagem por MateusAnjosV 31.10.15 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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil Personalizado

Mensagem por TreiMark 02.11.15 13:09

Mateus, o código funcionou!

Questão resolvida. Obrigado @MateusAnjosV e @Fraise
TreiMark

TreiMark
***

Membro desde : 12/06/2015
Mensagens : 170
Pontos : 214

http://promec.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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