Campo personalizado para perfil

• 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

• Informações:

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

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>

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>

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