Detalhes da questão

Endereço do fórum: http://www.libertytelecom.com.br
Versão do fórum: ModernBB

Descrição

Boa tarde,

Hoje estarei lançando a 3ª temporada desta minha dúvida que vem desde meados de 2017... 

Resumindo os capítulos, preciso criar um widget para o /portal que contenha o seguinte(na sequência):

- Nickname
- Avatar
- Rank
- Total de pontos(campo 'pontos' do perfil /u+id)

Atualmente uso este código(eu <3 a Forumeiros por economizar 90% do meu serviço):

Template Portal > mod_login

Código:

  <!-- BEGIN switch_user_logged_out -->
<style>.header-two-bars{display:none!important;
body {
background: url(https://i.imgur.com/EwiXatx.png)!important;
    background-size: 100%;
    background-color: #004691;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow-y: hidden;
      min-height: 100vh;
      height: 100vh;
      max-heght: 100vh;
    }
</style>
<!-- END switch_user_logged_out -->

<div class="module">
   <!-- BEGIN switch_login -->
   <div class="h3"><i class="ion-log-in"></i>{L_LOGIN}</div>
   <form action="{S_LOGIN_ACTION}" method="post">

   <fieldset class="fields1">
      <p><input placeholder="{L_USERNAME}" type="text" tabindex="1" name="username" id="username" size="20" maxlength="40" value="{USERNAME}" class="inputbox" /></p>
      <p><input placeholder="{L_PASSWORD}" type="password" tabindex="2" id="password" name="password" size="20" maxlength="25" class="inputbox" /></p>
      <p align="center"><a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a></p>
      <p align="center"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {AUTOLOGIN_CHECKED} /><label for="autologin"> {L_AUTO_LOGIN}</label></p>
      <p align="center"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></p>
      <!-- BEGIN switch_social_login -->
        <div align="center">
            <div class="fb_or">{switch_login.switch_social_login.L_OR}</div>
        </div>
        <div align="center">
            <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <!-- BEGIN topicit_connect -->
                <div class="ti-connect"></div>
                <!-- END topicit_connect -->
            </div>
        </div>
        <!-- END switch_social_login -->
   </fieldset>
   </form>
   <!-- END switch_login -->
   
        <!-- BEGIN switch_login_small -->
   <div class="h3"><i class="ion-log-in"></i>{L_LOGIN}</div>
   <form action="{S_LOGIN_ACTION}" method="post" class="mod-login">
      <p><input placeholder="{L_USERNAME}" type="text" name="username" id="username" size="15" maxlength="40" value="{USERNAME}" class="inputbox" /></p>
      <p><input placeholder="{L_PASSWORD}" type="password" id="password" name="password" size="15" maxlength="25" class="inputbox" /></p>
      <p align="center"><a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a></p>
      <p align="center"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {AUTOLOGIN_CHECKED} /><label for="autologin"> {L_AUTO_LOGIN}</label></p>
      <p align="center"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></p>
      <!-- BEGIN switch_social_login -->
        <div class="mt10 center">
            <div class="fb_or">{switch_login_small.switch_social_login.L_OR}</div>
            <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <!-- BEGIN topicit_connect -->
                <div class="ti-connect"></div>
                <!-- END topicit_connect -->
            </div>
        </div>
        <!-- END switch_social_login -->
   </form>
   <!-- END switch_login_small -->

   
        <!-- BEGIN switch_profile_old -->
   <div class="h3"><i class="fa fa-id-badge"></i>{USERNAME}</div>
   <div class="mod-login-avatar">
      {USERNAME_AVATAR}
   </div>
   <dl class="mod-login">
      <dt>{L_MESSAGES}:</dt>
      <dd>{NB_MESSAGES}</dd>
      <dt>{L_PM}:</dt>
      <dd>{NB_PM_UNREAD} / {NB_PM_READ}</dd>
   </dl>
   <a href="{U_PROFILE}" class="module-footer">{L_MY_PROFILE}</a>
   <!-- END switch_profile_old -->

   <!-- BEGIN switch_profile -->
  <div class="mod-login-username"> <center><i class="fa fa-address-card-o" aria-hidden="true"></i> {USERNAME}</center></div>
   <div class="mod-login-avatar">
      {USERNAME_AVATAR}
   </div>
   <dl class="mod-login">
     <span class="myPoints"></span>
<a href="/login?logout" title="Clique aqui para Sair" alt="Clique aqui para Sair" class="logout-button">Sair <i class="fa fa-window-close-o" aria-hidden="true"></i></a>
   </dl>
   <!-- END switch_profile -->
</div>

<script type="text/javascript">
   jQuery.ajax({
        url: '/u' + _userdata.user_id,
        type: 'GET',
        success: function(responseHtml)
        {
        var myPoints = jQuery('#field_id-13 dd', responseHtml).text();
        jQuery('.myPoints').html('Meu saldo de pontos: <span class="totalPoints">' + myPoints + '</span>');
        },
        error: function(err)
        {
          console.log("AJAX error in request (Store points)");
        }
      });
  });
</script>


<style>
.mod-login-username {
    color: #ffffff!IMPORTANT;
    BACKGROUND: #2c3e50;
    font-size: 1.4em;
    margin: 0px auto;
    border-radius: 0pc 0pc 20pc 20pc;
    position: relative;
    bottom: 18px;
}</style>

E o resultado é esse:


Caso queira, você pode acompanhar as outras temporadas em: ]
https://ajuda.forumeiros.com/t111101-importar-field-do-perfil-para-widget#783475
https://ajuda.forumeiros.com/t111022-codigo-de-widget



Até mais

2º capitulo, 

1up

Olá,
Tente usar este template

Código:

<!--    BEGIN switch_user_logged_out    --><style>.header-two-bars{display:none!important;
body {
background: url(https://i.imgur.com/EwiXatx.png)!important;
    background-size: 100%;
    background-color: #004691;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow-y: hidden;
      min-height: 100vh;
      height: 100vh;
      max-heght: 100vh;
    }
</style>
<!--    END switch_user_logged_out    -->
<div class="module">
          
   <!--    BEGIN switch_login    -->     
   <div class="h3">
        <em class="ion-log-in"> </em>{L_LOGIN} 
   </div>
          
   <form action="{S_LOGIN_ACTION}" method="post">
            <fieldset class="fields1">      </fieldset> 
      <p style="">
           <input placeholder="{L_USERNAME}" type="text" tabindex="1" name="username" id="username" size="20" maxlength="40" value="{USERNAME}" class="inputbox" /> 
      </p><fieldset class="fields1">      </fieldset> 
      <p style="">
           <input placeholder="{L_PASSWORD}" type="password" tabindex="2" id="password" name="password" size="20" maxlength="25" class="inputbox" /> 
      </p><fieldset class="fields1">      </fieldset> 
      <p align="center" style="">
           <a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a> 
      </p><fieldset class="fields1">      </fieldset> 
      <p align="center" style="">
           <input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {autologin_checked}="" /><label for="autologin"> {L_AUTO_LOGIN}</label> 
      </p><fieldset class="fields1">      </fieldset> 
      <p align="center" style="">
           <input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /> 
      </p><fieldset class="fields1">       
         <!--    BEGIN switch_social_login    -->        </fieldset> 
      <div align="center" style="">
                          
         <div class="fb_or">
              {switch_login.switch_social_login.L_OR} 
         </div>
                      
      </div><fieldset class="fields1">        </fieldset> 
      <div align="center" style="">
                          
         <div class="social_btn">
                                 
            <!--    BEGIN fb_connect    -->                 
            <div class="fb-login-button">
                  
            </div>
                                 
            <!--    END fb_connect    -->                 
            <!--    BEGIN topicit_connect    -->                 
            <div class="ti-connect">
                  
            </div>
                                 
            <!--    END topicit_connect    -->             
         </div>
                      
      </div><fieldset class="fields1">         
         <!--    END switch_social_login    -->  </fieldset>     
   </form>
          
   <!--    END switch_login    -->             
   <!--    BEGIN switch_login_small    -->     
   <div class="h3">
        <em class="ion-log-in"> </em>{L_LOGIN} 
   </div>
          
   <form action="{S_LOGIN_ACTION}" method="post" class="mod-login">
                 
      <p>
           <input placeholder="{L_USERNAME}" type="text" name="username" id="username" size="15" maxlength="40" value="{USERNAME}" class="inputbox" /> 
      </p>
                 
      <p>
           <input placeholder="{L_PASSWORD}" type="password" id="password" name="password" size="15" maxlength="25" class="inputbox" /> 
      </p>
                 
      <p align="center">
           <a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a> 
      </p>
                 
      <p align="center">
           <input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {autologin_checked}="" /><label for="autologin"> {L_AUTO_LOGIN}</label> 
      </p>
                 
      <p align="center">
           <input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /> 
      </p>
                 
      <!--    BEGIN switch_social_login    -->         
      <div class="mt10 center">
                          
         <div class="fb_or">
              {switch_login_small.switch_social_login.L_OR} 
         </div>
                          
         <div class="social_btn">
                                 
            <!--    BEGIN fb_connect    -->                 
            <div class="fb-login-button">
                  
            </div>
                                 
            <!--    END fb_connect    -->                 
            <!--    BEGIN topicit_connect    -->                 
            <div class="ti-connect">
                  
            </div>
                                 
            <!--    END topicit_connect    -->             
         </div>
                      
      </div>
                   
      <!--    END switch_social_login    -->     
   </form>
          
   <!--    END switch_login_small    -->               
   <!--    BEGIN switch_profile_old    -->     
   <div class="h3">
        <em class="fa fa-id-badge"> </em>{USERNAME} 
   </div>
          
   <div class="mod-login-avatar">
              {USERNAME_AVATAR}     
   </div>
         <dl class="mod-login">      <dt>{L_MESSAGES}:</dt>      <dd>{NB_MESSAGES}</dd>      <dt>{L_PM}:</dt>      <dd>{NB_PM_UNREAD} / {NB_PM_READ}</dd>  </dl>  <a href="{U_PROFILE}" class="module-footer">{L_MY_PROFILE}</a>     
   <!--    END switch_profile_old    -->     
   <!--    BEGIN switch_profile    -->   
   <div class="mod-login-username">
           
      <center>
           <em aria-hidden="true" class="fa fa-address-card-o"> </em> {USERNAME} 
      </center>
         
   </div>
          
   <div class="mod-login-avatar">
              {USERNAME_AVATAR}     
   </div>
         <dl class="mod-login">    <span id="point"></span> <script>
var level = _userdata["user_level"];

if ( level === 1 ) {
document.write ("Administrador");
} else if ( level === 2 ) {
document.write ("Moderador");
} else {
document.write ("Membro");
}
</script><a href="/login?logout" title="Clique aqui para Sair" alt="Clique aqui para Sair" class="logout-button">Sair <em aria-hidden="true" class="fa fa-window-close-o"></em></a>  </dl>     
   <!--    END switch_profile    -->
</div>
 <script type="text/javascript">
  jQuery(function(){
          var point = _userdata["point_reputation"];
        jQuery('#point').append(point);

        var posts = _userdata["user_posts"];
        jQuery('#posts').append(posts);

    });
</script>      <style>
.mod-login-username {
    color: #ffffff!IMPORTANT;
    BACKGROUND: #2c3e50;
    font-size: 1.4em;
    margin: 0px auto;
    border-radius: 0pc 0pc 20pc 20pc;
    position: relative;
    bottom: 18px;
}</style>


teste e veja se dá exatamente o que você quer

obrigado,

Pedxz escreveu:Olá,
Tente usar este template

Código:

<!--     BEGIN switch_user_logged_out     --><style>.header-two-bars{display:none!important;
body {
background: url(https://i.imgur.com/EwiXatx.png)!important;
    background-size: 100%;
    background-color: #004691;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow-y: hidden;
      min-height: 100vh;
      height: 100vh;
      max-heght: 100vh;
    }
</style>
<!--     END switch_user_logged_out     -->
<div class="module">
           
   <!--     BEGIN switch_login     -->      
   <div class="h3">
         <em class="ion-log-in"> </em>{L_LOGIN}  
   </div>
           
   <form action="{S_LOGIN_ACTION}" method="post">
             <fieldset class="fields1">      </fieldset>  
      <p style="">
            <input placeholder="{L_USERNAME}" type="text" tabindex="1" name="username" id="username" size="20" maxlength="40" value="{USERNAME}" class="inputbox" />  
      </p><fieldset class="fields1">      </fieldset>  
      <p style="">
            <input placeholder="{L_PASSWORD}" type="password" tabindex="2" id="password" name="password" size="20" maxlength="25" class="inputbox" />  
      </p><fieldset class="fields1">      </fieldset>  
      <p align="center" style="">
            <a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a>  
      </p><fieldset class="fields1">      </fieldset>  
      <p align="center" style="">
            <input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {autologin_checked}="" /><label for="autologin"> {L_AUTO_LOGIN}</label>  
      </p><fieldset class="fields1">      </fieldset>  
      <p align="center" style="">
            <input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" />  
      </p><fieldset class="fields1">        
         <!--     BEGIN switch_social_login     -->        </fieldset>  
      <div align="center" style="">
                           
         <div class="fb_or">
               {switch_login.switch_social_login.L_OR}  
         </div>
                       
      </div><fieldset class="fields1">        </fieldset>  
      <div align="center" style="">
                           
         <div class="social_btn">
                                  
            <!--     BEGIN fb_connect     -->                  
            <div class="fb-login-button">
                   
            </div>
                                  
            <!--     END fb_connect     -->                  
            <!--     BEGIN topicit_connect     -->                  
            <div class="ti-connect">
                   
            </div>
                                  
            <!--     END topicit_connect     -->              
         </div>
                       
      </div><fieldset class="fields1">          
         <!--     END switch_social_login     -->   </fieldset>      
   </form>
           
   <!--     END switch_login     -->              
   <!--     BEGIN switch_login_small     -->      
   <div class="h3">
         <em class="ion-log-in"> </em>{L_LOGIN}  
   </div>
           
   <form action="{S_LOGIN_ACTION}" method="post" class="mod-login">
                  
      <p>
            <input placeholder="{L_USERNAME}" type="text" name="username" id="username" size="15" maxlength="40" value="{USERNAME}" class="inputbox" />  
      </p>
                  
      <p>
            <input placeholder="{L_PASSWORD}" type="password" id="password" name="password" size="15" maxlength="25" class="inputbox" />  
      </p>
                  
      <p align="center">
            <a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a>  
      </p>
                  
      <p align="center">
            <input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {autologin_checked}="" /><label for="autologin"> {L_AUTO_LOGIN}</label>  
      </p>
                  
      <p align="center">
            <input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" />  
      </p>
                  
      <!--     BEGIN switch_social_login     -->          
      <div class="mt10 center">
                           
         <div class="fb_or">
               {switch_login_small.switch_social_login.L_OR}  
         </div>
                           
         <div class="social_btn">
                                  
            <!--     BEGIN fb_connect     -->                  
            <div class="fb-login-button">
                   
            </div>
                                  
            <!--     END fb_connect     -->                  
            <!--     BEGIN topicit_connect     -->                  
            <div class="ti-connect">
                   
            </div>
                                  
            <!--     END topicit_connect     -->              
         </div>
                       
      </div>
                    
      <!--     END switch_social_login     -->      
   </form>
           
   <!--     END switch_login_small     -->                
   <!--     BEGIN switch_profile_old     -->      
   <div class="h3">
         <em class="fa fa-id-badge"> </em>{USERNAME}  
   </div>
           
   <div class="mod-login-avatar">
               {USERNAME_AVATAR}      
   </div>
         <dl class="mod-login">      <dt>{L_MESSAGES}:</dt>      <dd>{NB_MESSAGES}</dd>      <dt>{L_PM}:</dt>      <dd>{NB_PM_UNREAD} / {NB_PM_READ}</dd>   </dl>   <a href="{U_PROFILE}" class="module-footer">{L_MY_PROFILE}</a>      
   <!--     END switch_profile_old     -->      
   <!--     BEGIN switch_profile     -->    
   <div class="mod-login-username">
            
      <center>
            <em aria-hidden="true" class="fa fa-address-card-o"> </em> {USERNAME}  
      </center>
          
   </div>
           
   <div class="mod-login-avatar">
               {USERNAME_AVATAR}      
   </div>
         <dl class="mod-login">     <span id="point"></span> <script>
var level = _userdata["user_level"];

if ( level === 1 ) {
document.write ("Administrador");
} else if ( level === 2 ) {
document.write ("Moderador");
} else {
document.write ("Membro");
}
</script><a href="/login?logout" title="Clique aqui para Sair" alt="Clique aqui para Sair" class="logout-button">Sair <em aria-hidden="true" class="fa fa-window-close-o"></em></a>   </dl>      
   <!--     END switch_profile     -->
</div>
 <script type="text/javascript">
   jQuery(function(){
           var point = _userdata["point_reputation"];
        jQuery('#point').append(point);

        var posts = _userdata["user_posts"];
        jQuery('#posts').append(posts);

    });
</script>       <style>
.mod-login-username {
    color: #ffffff!IMPORTANT;
    BACKGROUND: #2c3e50;
    font-size: 1.4em;
    margin: 0px auto;
    border-radius: 0pc 0pc 20pc 20pc;
    position: relative;
    bottom: 18px;
}</style>


teste e veja se dá exatamente o que você quer

obrigado,

Muito obrigaaado! Já é uma luz para está minha dúvida

Acredito que seja isso mesmo, mas quando adicionei o código ficou assim:



Esta parte do código:

Código:

 <script type="text/javascript">
  jQuery(function(){
          var point = _userdata["point_reputation"];
        jQuery('#point').append(point);


Ele gera o valor do campo pontos ou reputação?

Até mais

Troubleshoot escreveu:

Pedxz escreveu:Olá,
Tente usar este template

Código:

<!--     BEGIN switch_user_logged_out     --><style>.header-two-bars{display:none!important;
body {
background: url(https://i.imgur.com/EwiXatx.png)!important;
    background-size: 100%;
    background-color: #004691;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow-y: hidden;
      min-height: 100vh;
      height: 100vh;
      max-heght: 100vh;
    }
</style>
<!--     END switch_user_logged_out     -->
<div class="module">
           
   <!--     BEGIN switch_login     -->      
   <div class="h3">
         <em class="ion-log-in"> </em>{L_LOGIN}  
   </div>
           
   <form action="{S_LOGIN_ACTION}" method="post">
             <fieldset class="fields1">      </fieldset>  
      <p style="">
            <input placeholder="{L_USERNAME}" type="text" tabindex="1" name="username" id="username" size="20" maxlength="40" value="{USERNAME}" class="inputbox" />  
      </p><fieldset class="fields1">      </fieldset>  
      <p style="">
            <input placeholder="{L_PASSWORD}" type="password" tabindex="2" id="password" name="password" size="20" maxlength="25" class="inputbox" />  
      </p><fieldset class="fields1">      </fieldset>  
      <p align="center" style="">
            <a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a>  
      </p><fieldset class="fields1">      </fieldset>  
      <p align="center" style="">
            <input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {autologin_checked}="" /><label for="autologin"> {L_AUTO_LOGIN}</label>  
      </p><fieldset class="fields1">      </fieldset>  
      <p align="center" style="">
            <input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" />  
      </p><fieldset class="fields1">        
         <!--     BEGIN switch_social_login     -->        </fieldset>  
      <div align="center" style="">
                           
         <div class="fb_or">
               {switch_login.switch_social_login.L_OR}  
         </div>
                       
      </div><fieldset class="fields1">        </fieldset>  
      <div align="center" style="">
                           
         <div class="social_btn">
                                  
            <!--     BEGIN fb_connect     -->                  
            <div class="fb-login-button">
                   
            </div>
                                  
            <!--     END fb_connect     -->                  
            <!--     BEGIN topicit_connect     -->                  
            <div class="ti-connect">
                   
            </div>
                                  
            <!--     END topicit_connect     -->              
         </div>
                       
      </div><fieldset class="fields1">          
         <!--     END switch_social_login     -->   </fieldset>      
   </form>
           
   <!--     END switch_login     -->              
   <!--     BEGIN switch_login_small     -->      
   <div class="h3">
         <em class="ion-log-in"> </em>{L_LOGIN}  
   </div>
           
   <form action="{S_LOGIN_ACTION}" method="post" class="mod-login">
                  
      <p>
            <input placeholder="{L_USERNAME}" type="text" name="username" id="username" size="15" maxlength="40" value="{USERNAME}" class="inputbox" />  
      </p>
                  
      <p>
            <input placeholder="{L_PASSWORD}" type="password" id="password" name="password" size="15" maxlength="25" class="inputbox" />  
      </p>
                  
      <p align="center">
            <a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a>  
      </p>
                  
      <p align="center">
            <input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {autologin_checked}="" /><label for="autologin"> {L_AUTO_LOGIN}</label>  
      </p>
                  
      <p align="center">
            <input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" />  
      </p>
                  
      <!--     BEGIN switch_social_login     -->          
      <div class="mt10 center">
                           
         <div class="fb_or">
               {switch_login_small.switch_social_login.L_OR}  
         </div>
                           
         <div class="social_btn">
                                  
            <!--     BEGIN fb_connect     -->                  
            <div class="fb-login-button">
                   
            </div>
                                  
            <!--     END fb_connect     -->                  
            <!--     BEGIN topicit_connect     -->                  
            <div class="ti-connect">
                   
            </div>
                                  
            <!--     END topicit_connect     -->              
         </div>
                       
      </div>
                    
      <!--     END switch_social_login     -->      
   </form>
           
   <!--     END switch_login_small     -->                
   <!--     BEGIN switch_profile_old     -->      
   <div class="h3">
         <em class="fa fa-id-badge"> </em>{USERNAME}  
   </div>
           
   <div class="mod-login-avatar">
               {USERNAME_AVATAR}      
   </div>
         <dl class="mod-login">      <dt>{L_MESSAGES}:</dt>      <dd>{NB_MESSAGES}</dd>      <dt>{L_PM}:</dt>      <dd>{NB_PM_UNREAD} / {NB_PM_READ}</dd>   </dl>   <a href="{U_PROFILE}" class="module-footer">{L_MY_PROFILE}</a>      
   <!--     END switch_profile_old     -->      
   <!--     BEGIN switch_profile     -->    
   <div class="mod-login-username">
            
      <center>
            <em aria-hidden="true" class="fa fa-address-card-o"> </em> {USERNAME}  
      </center>
          
   </div>
           
   <div class="mod-login-avatar">
               {USERNAME_AVATAR}      
   </div>
         <dl class="mod-login">     <span id="point"></span> <script>
var level = _userdata["user_level"];

if ( level === 1 ) {
document.write ("Administrador");
} else if ( level === 2 ) {
document.write ("Moderador");
} else {
document.write ("Membro");
}
</script><a href="/login?logout" title="Clique aqui para Sair" alt="Clique aqui para Sair" class="logout-button">Sair <em aria-hidden="true" class="fa fa-window-close-o"></em></a>   </dl>      
   <!--     END switch_profile     -->
</div>
 <script type="text/javascript">
   jQuery(function(){
           var point = _userdata["point_reputation"];
        jQuery('#point').append(point);

        var posts = _userdata["user_posts"];
        jQuery('#posts').append(posts);

    });
</script>       <style>
.mod-login-username {
    color: #ffffff!IMPORTANT;
    BACKGROUND: #2c3e50;
    font-size: 1.4em;
    margin: 0px auto;
    border-radius: 0pc 0pc 20pc 20pc;
    position: relative;
    bottom: 18px;
}</style>


teste e veja se dá exatamente o que você quer

obrigado,

Muito obrigaaado! Já é uma luz para está minha dúvida

Acredito que seja isso mesmo, mas quando adicionei o código ficou assim:



Esta parte do código:

Código:

 <script type="text/javascript">
  jQuery(function(){
          var point = _userdata["point_reputation"];
        jQuery('#point').append(point);


Ele gera o valor do campo pontos ou reputação?

Até mais

Era para a reputação, bem mude para este

Código:

<!--    BEGIN switch_user_logged_out    --><style>.header-two-bars{display:none!important;
body {
background: url(https://i.imgur.com/EwiXatx.png)!important;
    background-size: 100%;
    background-color: #004691;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow-y: hidden;
      min-height: 100vh;
      height: 100vh;
      max-heght: 100vh;
    }
</style>
<!--    END switch_user_logged_out    -->
<div class="module">
           
  <!--    BEGIN switch_login    -->     
  <div class="h3">
        <em class="ion-log-in"> </em>{L_LOGIN} 
  </div>
           
  <form action="{S_LOGIN_ACTION}" method="post">
            <fieldset class="fields1">      </fieldset> 
      <p style="">
            <input placeholder="{L_USERNAME}" type="text" tabindex="1" name="username" id="username" size="20" maxlength="40" value="{USERNAME}" class="inputbox" /> 
      </p><fieldset class="fields1">      </fieldset> 
      <p style="">
            <input placeholder="{L_PASSWORD}" type="password" tabindex="2" id="password" name="password" size="20" maxlength="25" class="inputbox" /> 
      </p><fieldset class="fields1">      </fieldset> 
      <p align="center" style="">
            <a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a> 
      </p><fieldset class="fields1">      </fieldset> 
      <p align="center" style="">
            <input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {autologin_checked}="" /><label for="autologin"> {L_AUTO_LOGIN}</label> 
      </p><fieldset class="fields1">      </fieldset> 
      <p align="center" style="">
            <input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /> 
      </p><fieldset class="fields1">       
        <!--    BEGIN switch_social_login    -->        </fieldset> 
      <div align="center" style="">
                         
        <div class="fb_or">
              {switch_login.switch_social_login.L_OR} 
        </div>
                     
      </div><fieldset class="fields1">        </fieldset> 
      <div align="center" style="">
                         
        <div class="social_btn">
                                 
            <!--    BEGIN fb_connect    -->                 
            <div class="fb-login-button">
                   
            </div>
                                 
            <!--    END fb_connect    -->                 
            <!--    BEGIN topicit_connect    -->                 
            <div class="ti-connect">
                   
            </div>
                                 
            <!--    END topicit_connect    -->             
        </div>
                     
      </div><fieldset class="fields1">         
        <!--    END switch_social_login    -->  </fieldset>     
  </form>
           
  <!--    END switch_login    -->             
  <!--    BEGIN switch_login_small    -->     
  <div class="h3">
        <em class="ion-log-in"> </em>{L_LOGIN} 
  </div>
           
  <form action="{S_LOGIN_ACTION}" method="post" class="mod-login">
                 
      <p>
            <input placeholder="{L_USERNAME}" type="text" name="username" id="username" size="15" maxlength="40" value="{USERNAME}" class="inputbox" /> 
      </p>
                 
      <p>
            <input placeholder="{L_PASSWORD}" type="password" id="password" name="password" size="15" maxlength="25" class="inputbox" /> 
      </p>
                 
      <p align="center">
            <a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a> 
      </p>
                 
      <p align="center">
            <input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {autologin_checked}="" /><label for="autologin"> {L_AUTO_LOGIN}</label> 
      </p>
                 
      <p align="center">
            <input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /> 
      </p>
                 
      <!--    BEGIN switch_social_login    -->         
      <div class="mt10 center">
                         
        <div class="fb_or">
              {switch_login_small.switch_social_login.L_OR} 
        </div>
                         
        <div class="social_btn">
                                 
            <!--    BEGIN fb_connect    -->                 
            <div class="fb-login-button">
                   
            </div>
                                 
            <!--    END fb_connect    -->                 
            <!--    BEGIN topicit_connect    -->                 
            <div class="ti-connect">
                   
            </div>
                                 
            <!--    END topicit_connect    -->             
        </div>
                     
      </div>
                   
      <!--    END switch_social_login    -->     
  </form>
           
  <!--    END switch_login_small    -->               
  <!--    BEGIN switch_profile_old    -->     
  <div class="h3">
        <em class="fa fa-id-badge"> </em>{USERNAME} 
  </div>
           
  <div class="mod-login-avatar">
              {USERNAME_AVATAR}     
  </div>
        <dl class="mod-login">      <dt>{L_MESSAGES}:</dt>      <dd>{NB_MESSAGES}</dd>      <dt>{L_PM}:</dt>      <dd>{NB_PM_UNREAD} / {NB_PM_READ}</dd>  </dl>  <a href="{U_PROFILE}" class="module-footer">{L_MY_PROFILE}</a>     
  <!--    END switch_profile_old    -->     
  <!--    BEGIN switch_profile    -->   
  <div class="mod-login-username">
           
      <center>
            <em aria-hidden="true" class="fa fa-address-card-o"> </em> {USERNAME} 
      </center>
         
  </div>
           
  <div class="mod-login-avatar">
              {USERNAME_AVATAR}     
  </div>
        <dl class="mod-login">   
Pontos : <span id="points_value"></span>
<script type="text/javascript">//<![CDATA[
jQuery.get('/u' + _userdata.user_id, function(d) {
  var points = $('#field_id-13 .field_uneditable', d)[0];
  if (points) document.getElementById('points_value').innerHTML = points.innerHTML;
});
//]]></script><br />
 <script>
var level = _userdata["user_level"];

if ( level === 1 ) {
document.write ("Administrador");
} else if ( level === 2 ) {
document.write ("Moderador");
} else {
document.write ("Membro");
}
</script><a href="/login?logout" title="Clique aqui para Sair" alt="Clique aqui para Sair" class="logout-button">Sair <em aria-hidden="true" class="fa fa-window-close-o"></em></a>  </dl>     
  <!--    END switch_profile    -->
</div>
<style>
.mod-login-username {
    color: #ffffff!IMPORTANT;
    BACKGROUND: #2c3e50;
    font-size: 1.4em;
    margin: 0px auto;
    border-radius: 0pc 0pc 20pc 20pc;
    position: relative;
    bottom: 18px;
}</style>



@Pedxz 
Agradecimentos são poucos meu caro! MUITOOOOOO OBRIGAAAAAAAAADO !!!!!!!!!!!!!!!






EDIT

Na parte do ranking, ele altera de acordo com o rank do usuário ou pelo código?

Att

O rank, é pela variável, isso é o level 1 = Administrador, 2 = Moderador e por fim o membro.
Se eu tivesse mais habilidade com JS, ajudava melhor com isso do rank, mas prontos.

Obrigado,

@Pedxz

E caso eu crie um campo no perfil, é possível fazer a importação para este widget da mesma forma que o campo pontos?

Neste novo campo, eu adicionaria os ranks. Até por que os usuários são limitados e não precisam de ferramentas administrativas/moderativas, só que apareça no perfil(widget) de cada usuário sua função na empresa.

Obrigado =D

Sim, nesse modo é possível

@Pedxz
Muito obrigado!!!

Vou fazer os "ranks" amanhã e posto aqui a id da div.

(forumeiroshek deveria colocar opção de contribuição $ no perfil do usuário)

Até mais