Campo personalizado para perfil

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

Resolvido Campo personalizado para perfil

Mensagem por Tom Chandler em 03/10/14, 11:22 am

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



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

avatar

Tom Chandler
Nível 5

Masculino
Inscrito dia : 17/09/2014
Mensagens : 40
Pontos Ativos : 60

Ver perfil do usuário http://www.thelastship.com.br

Resolvido Re: Campo personalizado para perfil

Mensagem por Hancki em 04/10/14, 06:26 am

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Campo personalizado para perfil

Mensagem por Tom Chandler em 04/10/14, 10:09 am

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

Tom Chandler
Nível 5

Masculino
Inscrito dia : 17/09/2014
Mensagens : 40
Pontos Ativos : 60

Ver perfil do usuário http://www.thelastship.com.br

Resolvido Re: Campo personalizado para perfil

Mensagem por Hancki em 04/10/14, 04:39 pm

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

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Campo personalizado para perfil

Mensagem por Tom Chandler em 05/10/14, 09:10 am

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

Tom Chandler
Nível 5

Masculino
Inscrito dia : 17/09/2014
Mensagens : 40
Pontos Ativos : 60

Ver perfil do usuário http://www.thelastship.com.br

Resolvido Re: Campo personalizado para perfil

Mensagem por Tom Chandler em 06/10/14, 03:03 pm

up....
avatar

Tom Chandler
Nível 5

Masculino
Inscrito dia : 17/09/2014
Mensagens : 40
Pontos Ativos : 60

Ver perfil do usuário http://www.thelastship.com.br

Resolvido Re: Campo personalizado para perfil

Mensagem por Shek em 10/10/14, 04:37 pm

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17135
Pontos Ativos : 21397

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Campo personalizado para perfil

Mensagem por Sennior em 19/10/14, 03:25 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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