Personalizar avatar no perfil do usuário

2 participantes

Ir para baixo

Tópico resolvido Personalizar avatar no perfil do usuário

Mensagem por Convidado 02.04.19 16:04

Detalhes da questão


Endereço do fórum: http://Etcetera.forumotion.com
Versão do fórum: phpBB3

Descrição


como fazer a imagem de círculo / avatar na seção de perfil de visão? aqui você vê este aqui
Personalizar avatar no perfil do usuário 20190411
Eu quero fazer isso circular. como fazer isso?
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por LeoziN_WallkeR 02.04.19 17:05

Olá, ver se resulta:

Código:
.mod-login-avatar img {
border-radius: 120px;
height: 120px;
width: 120px;
}

Coloca na sua Folha CSS!
LeoziN_WallkeR
LeoziN_WallkeR
***

Membro desde : 31/08/2017
Mensagens : 171
Pontos : 255

http://mundosemlei.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por Convidado 02.04.19 17:23

olá, você me deu código para widget. mas infelizmente é bot trabalhando. Eu estou querendo avatar círculo na parte do perfil de exibição. aqui você vai direto link abaixo

http://etcetera.forumotion.com/u1
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por Roevs 02.04.19 17:51

Olá,

Poderia me disponibilizar o seu template "profile_view_body", você irá encontrar ele em

Painel de Controle Seta Visualização Seta Templates Seta Perfil

Tópico movido para "Questões sobre a aparência do fórum" e título alterado para "Personalizar avatar no perfil do usuário"

Até mais!
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por Convidado 02.04.19 18:32

Eu usei o código CSS para torná-lo circular. agora isso está funcionando bem, mas outro problema classifica a imagem e o título de classificação não está no meio. como fazer centro.


Última edição por Queen247 em 02.04.19 21:34, editado 1 vez(es)
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por Roevs 02.04.19 18:45

Olá,

Entrei no fórum e não está aparecendo dessa forma igual na imagem, está normal para mim.

http://prntscr.com/n6j91p

Até mais!
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por Convidado 02.04.19 18:56

Oh, desculpe. esse problema está no meu segundo fórum aqui é


Última edição por Queen247 em 02.04.19 19:42, editado 1 vez(es)
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por Roevs 02.04.19 19:03

Olá,

Adiciona mais esse código na sua Folha de estilo CSS

Código:
span.staff-rank {
    position: absolute;
}

Até mais!
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por Convidado 02.04.19 19:09

Eu adicionei este código, mas está mostrando resultados diferentes
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por Roevs 02.04.19 19:18

Olá,

Poderia me disponibilizar o template "profile_view_body" desse fórum em questão?

Até mais!
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por Convidado 02.04.19 19:35

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="{JQUERY_ROOT}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>
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por Roevs 02.04.19 19:43

Olá,

Substitua o template por esse para fazermos a correção

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%;">
        <div class="rankpf"><dt><div class="rankname">{L_RANK}:</div></dt><dd><strong>{POSTER_RANK}</strong></dd><div>
        <!-- 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="{JQUERY_ROOT}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>

Até mais!
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por Convidado 02.04.19 19:59

não está mudando. ainda o mesmo problema. pode ser que você precise fazer alguns trabalhos em css para torná-lo central?
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por Roevs 02.04.19 20:08

Olá,

Sim, será necessário trabalhar com o CSS, mas antes preciso que você publique a alteração do template

http://prntscr.com/n6kk6w

Até mais!
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por Convidado 02.04.19 20:20

problema corrigido e resolvido


Última edição por Queen247 em 02.04.19 21:32, editado 1 vez(es)
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por Roevs 02.04.19 20:26

Olá,

Vamos testar adicionar esse código na Folha de estilo CSS

Código:
span.staff-rank {
    position: absolute;
    margin-left: -63px;
    margin-top: 25px;
    width: 102px;
}

Até mais!
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por Convidado 02.04.19 21:35

problema corrigido e resolvido
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar avatar no perfil do usuário

Mensagem por Roevs 03.04.19 1:31

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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