Campo personalizado para perfil

4 participantes

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

Tópico resolvido Campo personalizado para perfil

Mensagem por Tom Chandler 03.10.14 15:22

  • Descrição:
Estou editando um perfil personalizado para meu fórum.

Iai surgiu uma dúvida.

1º Criei um campo personalizado, onde a pessoa irá digitar a frase do seu perfil.

Perfil - Campo personalizado para perfil LS3jxHV

Qual o código que uso para adicionar este campo no template profile_view_body?

Thanks, very much Feliz

  • Informações:
Fórum:http://mundoforumeiros.ativoforum.comVersão:PUNBB
Tipo:Pedido de códigoTags:Campo,personalizado,perfil

Tom Chandler

Tom Chandler
*

Membro desde : 18/09/2014
Mensagens : 40
Pontos : 60

http://www.thelastship.com.br

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Campo personalizado para perfil

Mensagem por Hancki 04.10.14 10:26

Olá!

Por defeito, ele aparecerá.
Você tem o perfil no modo avançado? Se sim, ou se não, ele aparece normalmente. Desde que tenha sido criado pelo painel de controle.

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Campo personalizado para perfil

Mensagem por Tom Chandler 04.10.14 14:09

Hancki escreveu:Olá!

Por defeito, ele aparecerá.
Você tem o perfil no modo avançado? Se sim, ou se não, ele aparece normalmente. Desde que tenha sido criado pelo painel de controle.

Hancki

Estou criando um perfil personalizado, sem nada do conteúdo padrão do template profile_view_body, então queria saber se é possível adiconar este campo ao meu novo perfil personalizado Piscada
Tom Chandler

Tom Chandler
*

Membro desde : 18/09/2014
Mensagens : 40
Pontos : 60

http://www.thelastship.com.br

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Campo personalizado para perfil

Mensagem por Hancki 04.10.14 20:39

Mas tem que ter conteúdo do template padrão, nem que o esconda no código.
É preciso ir buscar a informação que vem da base de dados a algum lado. Posto isto, vasta usar uma variável num código Javascript que permitirá copiar o HTML do campo escondido para o perfil que está a criar.
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Campo personalizado para perfil

Mensagem por Tom Chandler 05.10.14 13:10

Este é o código do perfil que estou editando.

Código:
<!-- Contenedor -->
   <div class="pricing-wrapper clearfix">
      <!-- Titulo -->

      <div class="pricing-table">
         <h3 class="pricing-title">Tabela 1</h3>
         <!-- Lista de Caracteristicas / Propiedades -->
         <ul class="table-list">
            <li>Tabela 1.1</li>
            <li>Tabela 1.2</li>
            <li>Tabela 1.3</li>
            <li>Tabela 1.4</li>
            <li>Tabela 1.5</li>
         </ul>
      </div>
      
         
         
      <div class="pricing-table">
         <h3 class="pricing-title">Tabela 2</h3>
         <!-- Lista de Caracteristicas / Propiedades -->
         <ul class="table-list">
            <li>Tabela 2.1</li>
            <li>Tabela 2.2</li>
            <li>Tabela 2.3</li>
            <li>Tabela 2.4</li>
            <li>Tabela 2.5 <span class="unlimited">VIEW</span></li>
         </ul>
      </div>
      

      
   </div>





<dl id="field_id1" class="left-box details" style="width: 80%;"><dt>teste&nbsp;*: </dt> <dd class="ajax-profil_parent"><div class="field_uneditable">modificando descrição</div><div class="field_editable invisible"><input class="inputbox" id="profile_field_13_1" name="profile_field_13_1" style="width:250px" value="modificando descrição" type="text"></div></dd></dl>









<style>
@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
 
.pricing-table-title a {
   font-size: 0.6em;
}

.pricing-wrapper {
   width: 960px;
   margin: 40px auto 0;
}

.pricing-table {
   margin: 0 6px;
   text-align: center;
   width: 300px;
   float: left;
        border: 1px solid rgba(230, 217, 217, 0.4);
   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;
}

.pricing-table:hover {
   -webkit-transform: scale(1.06);
   -ms-transform: scale(1.06);
   -o-transform: scale(1.06);
   transform: scale(1.06);
}

.pricing-title {
   color: #FFF;
   background: #e95846;
   padding: 20px 0;
   font-size: 2em;
   text-transform: uppercase;
   text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.pricing-table.recommended .pricing-title {
   background: #2db3cb;
}

.pricing-table.recommended .pricing-action {
   background: #2db3cb;
}

.pricing-table .price {
   background: #403e3d;
   font-size: 3.4em;
   font-weight: 700;
   padding: 20px 0;
   text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.pricing-table .price sup {
   font-size: 0.4em;
   position: relative;
   left: 5px;
}

.table-list {
   background: #FFF;
   color: #403d3a;
}

.table-list li {
   font-size: 1.4em;
   font-weight: 700;
   padding: 12px 8px;
}

.table-list li:before {
   content: "\f00c";
   font-family: 'FontAwesome';
   color: #3fab91;
   display: inline-block;
   position: relative;
   right: 5px;
   font-size: 16px;
}

.table-list li span {
   font-weight: 400;
}

.table-list li span.unlimited {
    color: #FFF;
    background: none repeat scroll 0% 0% #E95846;
    font-size: 13px;
    padding: 5px 7px;
    border-radius: 38px;
}


.table-list li:nth-child(2n) {
   background: #F0F0F0;
}


</style>

Este é o template padrão:

Código:
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
         <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
         <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<div class="main">
   <div class="main-head">
      <h1 class="page-title">{L_VIEWING_PROFILE}</h1>
   </div>

   <div class="main-content clearfix">
      <fieldset class="frm-set left profile-view">
         <dl>
            <dt>{L_AVATAR_IMG}</dt><dd>{AVATAR_IMG}</dd>
         </dl>
         <dl>
            <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>
            <dt>{L_FRIENDS_AND_FOES}:</dt><dd><strong>{FRIENDSFOES}</strong></dd>
         </dl>
         <!-- END switch_allow_friendsfoes -->
         <!-- BEGIN switch_auth_user -->
         <dl>
            <dt>{L_ADMINISTRATE_USER}:</dt><dd><strong>{ADMINISTRATE_USER}{BAN_USER}</strong></dd>
         </dl>
         <!-- END switch_auth_user -->
         <!-- 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 /><a rel="nofollow" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a>
               <br />&nbsp;- <a rel="nofollow" href="/sta/{PUSERNAME}">{L_TOPICS}</a>
               <br />&nbsp;- <a rel="nofollow" href="/spa/{PUSERNAME}">{L_POSTS}</a><!-- END profil_type_user_posts --></dd>
         </dl>
         <!-- END profile_field -->
      </fieldset>

      <fieldset class="frm-set right profile-view">
      <div class="sub-head"><h2>{L_CONTACT} {USERNAME}</h2></div>
         <form action="{S_PROFILE_ACTION}" method="post" name="post">
            <!-- BEGIN contact_field -->
            <dl id="field_id{contact_field.ID}">
               <dt>{contact_field.LABEL}</dt> <dd>{contact_field.CONTENT}</dd>
            </dl>
            <!-- END contact_field -->

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

   <div class="main-head">
      <div class="subtitle">{L_STATS}</div>
   </div>

   <div class="main-content">
      <fieldset class="frm-set profile-view">
         <dl><dt>{L_LAST_VISITED}:</dt> <dd>{LAST_VISIT_TIME}</dd></dl>
         <!-- BEGIN switch_dhow_mp -->
         <dl><dt>{L_PRIVATE_MSG}:</dt> <dd>{PRIVATE_MSG}</dd></dl>
         <!-- END switch_dhow_mp -->
      </fieldset>
   </div>

   <!-- BEGIN switch_rpg -->
   <div class="main-head">
      <div class="subtitle">{L_VIEWING_RPG}</div>
   </div>

   <div class="main-content frm clearfix">
      <fieldset class="frm-set multi">
         <dl>
            <dt>{RPG_IMAGE}</dt>
            <dd>&nbsp;</dd>
         </dl>
      </fieldset>

      <fieldset class="frm-set left rpg">
      <!-- BEGIN rpg_fields_left -->
         <dl>
            <dt>{switch_rpg.rpg_fields_left.F_NAME} :</dt>
            <dd>{switch_rpg.rpg_fields_left.F_VALUE_NEW}</dd>
         </dl>
      <!-- END rpg_fields_left -->
      </fieldset>

      <fieldset class="frm-set right rpg">
      <!-- BEGIN rpg_fields -->
         <dl>
            <dt>{switch_rpg.rpg_fields.F_NAME} :</dt>
            <dd>{switch_rpg.rpg_fields.F_VALUE_NEW}</dd>
         </dl>
      <!-- END rpg_fields -->
      </fieldset>
      <br class="clear" />
      <fieldset class="frm-set clearfix">
         <div class="frm-buttons">
            {U_ADMIN_RPG}
         </div>
      </fieldset>
      <br />
   </div>
   <!-- END switch_rpg -->
</div>
<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>

Como junto os dois deixando apenas o que estou editando aparecendo e que ele busque as informações no escondido?
Tom Chandler

Tom Chandler
*

Membro desde : 18/09/2014
Mensagens : 40
Pontos : 60

http://www.thelastship.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Campo personalizado para perfil

Mensagem por Tom Chandler 06.10.14 19:03

up....
Tom Chandler

Tom Chandler
*

Membro desde : 18/09/2014
Mensagens : 40
Pontos : 60

http://www.thelastship.com.br

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Campo personalizado para perfil

Mensagem por Shek 10.10.14 20:37

Qual o código que uso para adicionar este campo no template profile_view_body?
Se você excluiu ou criou perfis personalizados pelo ACP, eles vão aparecer no template se você manter a variável no template correspondente aos perfis personalizados. Sinceramente eu não compreendi bem sua dúvida. Tens o campo e quer que aconteça exatamente o quê?
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Campo personalizado para perfil

Mensagem por Sennior 19.10.14 6:25

Perfil - Campo personalizado para perfil Symbol10Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para Questões resolvidas.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

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