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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8070
Pontos Ativos : 12062

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8070
Pontos Ativos : 12062

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
avatar

Shek
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17674
Pontos Ativos : 21859

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

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

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16347
Pontos Ativos : 20850

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/gladston.henrique.940

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


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum