[Automatic] Honoring three users on the homepage Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
+4
Obscure
skouliki
SLGray
كونان2000
8 posters

    [Automatic] Honoring three users on the homepage

    كونان2000
    كونان2000
    Forumember


    Male Posts : 205
    Reputation : 93
    Language : Arabic

    [Automatic] Honoring three users on the homepage Empty [Automatic] Honoring three users on the homepage

    Post by كونان2000 January 23rd 2023, 7:59 am

    Hello all
    [Automatic] Honoring three users on the homepage

    [Automatic] Honoring three users on the homepage Ocia-a27

    The following tutorial will help you to add three users in the home page,

    1: The user with the most posts in the forum ~1~

    2: The user with the most points in the forum :rose:

    3: The user with the most posts in the last day

    ----------------------------------------------------

    Go to Administration Panel > Display > Generalities

    Add the following code

    AwesomeBB & ModernBB & Phpbb3
    Code:
    <div align="center">
     
     <div class="widget-postss">
     
     <table border="0">
                    <tbody> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>      <tbody></tbody>
     <tr style="">
                                    
     <td>
                              
     <div align="center">
                                      
     <div class="widget-posts-img">
                              <img src="https://i.servimg.com/u/f20/16/85/77/67/ocia-a24.png" />                  
     </div>
                                    
     </div>
                                    
     <div class="widget-posts">
                      <br />(write here1)<br />              
     <div class="widget-posts1">
                                                        
     </div>
                                                      
     <div class="widget-posts2">
                                                        
     </div>
                                                      
     <div class="widget-posts3">
                                                        
     </div>
                                                  
     </div>
                                
     </td>
                              
     <td>
                                
     <div class="widget-points-img">
                          <img src="https://i.servimg.com/u/f20/16/85/77/67/ocia-a23.png" />                
     </div>
                                      
     <div class="widget-points">
                            <br />(write here2)<br />                  
     <div class="widget-points1">
                                                        
     </div>
                                                      
     <div class="widget-points2">
                                                        
     </div>
                                                      
     <div class="widget-points3">
                                                        
     </div>
                                                  
     </div>
                                    
     </td>
                                
     <td>
                                
     <div class="widget-Today-img">
                          <img src="https://i.servimg.com/u/f20/16/85/77/67/ocia-a25.png" />                
     </div>
                                      
     <div class="widget-Today">
                              <br />(write here3)<br />                  
     <div class="widget-Today1">
                                                                                          
     </div>
                                                      
     <div class="widget-Today2">
                      0                                    
     </div>
                                                      
     <div class="widget-Today3">
                                                      
     </div>
                                                  
     </div>
                                
     </td>
                                  
     </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody>
     </table>
     </div>
    </div>
     <style>
    .widget-points3:before,.widget-posts3:before,.widget-Today3:before  {
        content: "Last visit:";
        color: #5a0000;
    }
    .widget-Today1, .widget-points1, .widget-posts1 {
        display: flex;
        text-align: center;
        justify-content: center;
    }
    .widget-posts1 img, .widget-points1 img, .widget-Today1 img {
        border-radius: 10px;
        border: solid #9e9e9e 1px;
        width: 130px;
        height: 130px;
        display: flex;
    }
    .widget-posts-img, .widget-points-img, .widget-Today-img {
        display: flex;
        position: relative;
        justify-content: center;
        top: 25px;
    }
    .widget-posts-img img, .widget-points-img img, .widget-Today-img img{
        padding: 3px;
        height: 50px;
        width: 50px;
    }
    .widget-posts-img img {
        background: #d10104c7;
        border: solid 3px #d10104;
        border-radius: 100px;
    }
    .widget-points-img img {
        background: #051b6fbf;
        border: solid 3px #051b6f;
        border-radius: 100px;
    }
    .widget-Today-img img {
        background: #007431bf;
        border: solid 3px #007431;
        border-radius: 100px;
    }

    .widget-posts {
      font-weight: 900;
      text-align: center;
        padding: 9px;
        background: #e91e6326;
        border: solid 3px #d10104;
        height: 245px;
    }
    .widget-points {
      font-weight: 900;
      text-align: center;
        padding: 9px;
        background: #03a9f429;
        border: solid 3px #051b6f;
        height: 245px;
    }
    .widget-Today {
      font-weight: 900;
      text-align: center;
        padding: 9px;
        background: #14a9004d;
        border: solid 3px #007431;
        height: 245px;
    }
     .widget-posts2:before {
    margin-right: 3px;
        content: "posts";
        color: #5a0000;
    }
    .widget-points2:before {
    margin-right: 3px;
        content: "points";
        color: #5a0000;
    }
    .widget-Today2:before {
    margin-right: 3px;
        content: "His posts today";
        color: #5a0000;
    }
    </style> <script>
          $(function() {
    jQuery(function() {
    $(function(){var pa=$('.widget-posts1');
    $.get('/memberlist?mode=posts&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('td.avatar-mini:first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-posts2');
    $.get('/memberlist?mode=posts&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('#memberlist td:nth-child(6):first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-posts3');
    $.get('/memberlist?mode=posts&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('#memberlist td:nth-child(5):first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-points1');
    $.get('/memberlist?mode=point&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('td.avatar-mini:first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-points2');
    $.get('/memberlist?mode=point&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('#memberlist td:nth-child(3):first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-points3');
    $.get('/memberlist?mode=point&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('#memberlist td:nth-child(6):first').html();pa.html(h);});});


    $(function(){var pa=$('.widget-Today1');
    $.get('/memberlist?mode=today_posters' , function(data){
      var h= $(data).find('td.avatar-mini:first, .table1 tbody tr:last-child td:last-child').html();pa.html(h);});});
    $(function(){var pa=$('.widget-Today2');
    $.get('/memberlist?mode=today_posters' , function(data){
      var h= $(data).find('#memberlist td:nth-child(6):first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-Today3');
    $.get('/memberlist?mode=today_posters' , function(data){
      var h= $(data).find('#memberlist td:nth-child(5):first').html();pa.html(h);});});
      });
      //بواسطة: كونان2000
     // by: كونان2000
    });
        </script>

    PunBB
    Code:
    <div align="center">
            
       <div class="widget-postss">
               
          <table border="0">
                               <tbody> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>      <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
             <tr style="">
                                                     
                <td>
                                                  
                   <div align="center">
                                                             
                      <div class="widget-posts-img">
                                                     <img src="https://i.servimg.com/u/f20/16/85/77/67/ocia-a24.png" />                   
                      </div>
                                                           
                   </div>
                                                        
                   <div class="widget-posts">
                                          <br />(write here1)<br />               
                      <div class="widget-posts1">
                                                                                  
                      </div>
                                                                             
                      <div class="widget-posts2">
                                                                                  
                      </div>
                                                                             
                      <div class="widget-posts3">
                                                                                  
                      </div>
                                                                         
                   </div>
                                                    
                </td>
                                               
                <td>
                                                    
                   <div class="widget-points-img">
                                              <img src="https://i.servimg.com/u/f20/16/85/77/67/ocia-a23.png" />                 
                   </div>
                                                          
                   <div class="widget-points">
                                                <br />(write here2)<br />                   
                      <div class="widget-points1">
                                                                                  
                      </div>
                                                                             
                      <div class="widget-points2">
                                                                                  
                      </div>
                                                                             
                      <div class="widget-points3">
                                                                                  
                      </div>
                                                                         
                   </div>
                                                        
                </td>
                                                 
                <td>
                                                    
                   <div class="widget-Today-img">
                                              <img src="https://i.servimg.com/u/f20/16/85/77/67/ocia-a25.png" />                 
                   </div>
                                                          
                   <div class="widget-Today">
                                                  <br />(write here3)<br />                   
                      <div class="widget-Today1">
                                                                                                                    
                      </div>
                                                                             
                      <div class="widget-Today2">
                                             0                                       
                      </div>
                                                                             
                      <div class="widget-Today3">
                                                                                
                      </div>
                                                                         
                   </div>
                                                    
                </td>
                                                   
             </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody> 
          </table>
             
       </div>
    </div>
     <style>
    .widget-points3:before,.widget-posts3:before,.widget-Today3:before  {
        content: "Last visit:";
        color: #5a0000;
    }
    .widget-Today1, .widget-points1, .widget-posts1 {
        display: flex;
        text-align: center;
        justify-content: center;
    }
    .widget-posts1 img, .widget-points1 img, .widget-Today1 img {
        border-radius: 10px;
        border: solid #9e9e9e 1px;
        width: 130px;
        height: 130px;
        display: flex;
    }
    .widget-posts-img, .widget-points-img, .widget-Today-img {
        display: flex;
        position: relative;
        justify-content: center;
        top: 25px;
    }
    .widget-posts-img img, .widget-points-img img, .widget-Today-img img{
        padding: 3px;
        height: 50px;
        width: 50px;
    }
    .widget-posts-img img {
        background: #d10104c7;
        border: solid 3px #d10104;
        border-radius: 100px;
    }
    .widget-points-img img {
        background: #051b6fbf;
        border: solid 3px #051b6f;
        border-radius: 100px;
    }
    .widget-Today-img img {
        background: #007431bf;
        border: solid 3px #007431;
        border-radius: 100px;
    }
     
    .widget-posts {
      font-weight: 900;
      text-align: center;
        padding: 9px;
        background: #e91e6326;
        border: solid 3px #d10104;
        height: 245px;
    }
    .widget-points {
      font-weight: 900;
      text-align: center;
        padding: 9px;
        background: #03a9f429;
        border: solid 3px #051b6f;
        height: 245px;
    }
    .widget-Today {
      font-weight: 900;
      text-align: center;
        padding: 9px;
        background: #14a9004d;
        border: solid 3px #007431;
        height: 245px;
    }
     .widget-posts2:before {
    margin-right: 3px;
        content: "posts";
        color: #5a0000;
    }
    .widget-points2:before {
    margin-right: 3px;
        content: "points";
        color: #5a0000;
    }
    .widget-Today2:before {
    margin-right: 3px;
        content: "His posts today";
        color: #5a0000;
    }
    </style><script>
    $(function() {
    jQuery(function() {
    $(function(){var pa=$('.widget-posts1');
    $.get('/memberlist?mode=posts&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('td.avatar-mini:first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-posts2');
    $.get('/memberlist?mode=posts&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('div.main.frm td:nth-child(5):first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-posts3');
    $.get('/memberlist?mode=posts&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('div.main.frm td:nth-child(4):first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-points1');
    $.get('/memberlist?mode=point&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('td.avatar-mini:first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-points2');
    $.get('/memberlist?mode=point&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('div.main.frm td:nth-child(2):first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-points3');
    $.get('/memberlist?mode=point&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('div.main.frm td:nth-child(4):first').html();pa.html(h);});});
     
     
    $(function(){var pa=$('.widget-Today1');
    $.get('/memberlist?mode=today_posters' , function(data){
      var h= $(data).find('td.avatar-mini:first, .table1 tbody tr:last-child td:last-child').html();pa.html(h);});});
    $(function(){var pa=$('.widget-Today2');
    $.get('/memberlist?mode=today_posters' , function(data){
      var h= $(data).find('div.main.frm td:nth-child(5):first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-Today3');
    $.get('/memberlist?mode=today_posters' , function(data){
      var h= $(data).find('div.main.frm td:nth-child(4):first').html();pa.html(h);});});
      });
      //بواسطة: كونان2000
     // by: كونان2000
    });
     </script>

    Phpbb2
    Code:
    <div align="center">
          
       <div class="widget-postss">
             
          <table border="0">
                             <tbody> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>      <tbody></tbody> <tbody></tbody> <tbody></tbody>
             <tr style="">
                                                   
                <td>
                                                
                   <div align="center">
                                                           
                      <div class="widget-posts-img">
                                                   <img src="https://i.servimg.com/u/f20/16/85/77/67/ocia-a24.png" />                   
                      </div>
                                                         
                   </div>
                                                      
                   <div class="widget-posts">
                                        <br />(write here1)<br />               
                      <div class="widget-posts1">
                                                                                
                      </div>
                      <div class="widget-posts4">
                                                                                
                      </div>
                                                                           
                      <div class="widget-posts2">
                                                                                
                      </div>
                                                                           
                      <div class="widget-posts3">
                                                                                
                      </div>
                                                                       
                   </div>
                                                  
                </td>
                                             
                <td>
                                                  
                   <div class="widget-points-img">
                                            <img src="https://i.servimg.com/u/f20/16/85/77/67/ocia-a23.png" />                 
                   </div>
                                                        
                   <div class="widget-points">
                                              <br />(write here2)<br />                   
                      <div class="widget-points1">
                                                                                
                      </div>
                           
                      <div class="widget-points4">
                                                                                
                      </div>
                                                                     
                      <div class="widget-points2">
                                                                                
                      </div>
                                                                           
                      <div class="widget-points3">
                                                                                
                      </div>
                                                                       
                   </div>
                                                      
                </td>
                                               
                <td>
                                                  
                   <div class="widget-Today-img">
                                            <img src="https://i.servimg.com/u/f20/16/85/77/67/ocia-a25.png" />                 
                   </div>
                                                        
                   <div class="widget-Today">
                                                <br />(write here3)<br />                   
                      <div class="widget-Today1">
                                                                                                                  
                      </div>
                         
                      <div class="widget-Today4">
                                                                                                                  
                      </div>
                                                                     
                      <div class="widget-Today2">
                                           0                                     
                      </div>
                                                                           
                      <div class="widget-Today3">
                                                                              
                      </div>
                                                                       
                   </div>
                                                  
                </td>
                                                 
             </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody> 
          </table>
           
       </div>
    </div>
     <style>
    .widget-points3:before,.widget-posts3:before,.widget-Today3:before  {
        content: "Last visit:";
        color: #5a0000;
    }
    .widget-Today1, .widget-points1, .widget-posts1 {
        display: flex;
        text-align: center;
        justify-content: center;
    }
    .widget-posts1 img, .widget-points1 img, .widget-Today1 img {
        border-radius: 10px;
        border: solid #9e9e9e 1px;
        width: 130px;
        height: 130px;
        display: flex;
    }
    .widget-posts-img, .widget-points-img, .widget-Today-img {
        display: flex;
        position: relative;
        justify-content: center;
        top: 25px;
    }
    .widget-posts-img img, .widget-points-img img, .widget-Today-img img{
        padding: 3px;
        height: 50px;
        width: 50px;
    }
    .widget-posts-img img {
        background: #d10104c7;
        border: solid 3px #d10104;
        border-radius: 100px;
    }
    .widget-points-img img {
        background: #051b6fbf;
        border: solid 3px #051b6f;
        border-radius: 100px;
    }
    .widget-Today-img img {
        background: #007431bf;
        border: solid 3px #007431;
        border-radius: 100px;
    }
     
    .widget-posts {
      font-weight: 900;
      text-align: center;
        padding: 9px;
        background: #e91e6326;
        border: solid 3px #d10104;
        height: 245px;
    }
    .widget-points {
      font-weight: 900;
      text-align: center;
        padding: 9px;
        background: #03a9f429;
        border: solid 3px #051b6f;
        height: 245px;
    }
    .widget-Today {
      font-weight: 900;
      text-align: center;
        padding: 9px;
        background: #14a9004d;
        border: solid 3px #007431;
        height: 245px;
    }
     .widget-posts2:before {
    margin-right: 3px;
        content: "posts";
        color: #5a0000;
    }
    .widget-points2:before {
    margin-right: 3px;
        content: "points";
        color: #5a0000;
    }
    .widget-Today2:before {
    margin-right: 3px;
        content: "His posts today";
        color: #5a0000;
    }
    </style>  <script>
          $(function() {
    jQuery(function() {
    $(function(){var pa=$('.widget-posts1');
    $.get('/memberlist?mode=posts&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('.forumline td:nth-child(2):first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-posts2');
    $.get('/memberlist?mode=posts&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('.forumline td:nth-child(7):first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-posts3');
    $.get('/memberlist?mode=posts&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('.forumline td:nth-child(6):first').html();pa.html(h);});}); 
     $(function(){var pa=$('.widget-posts4');
    $.get('/memberlist?mode=posts&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('.forumline td:nth-child(3):first').html();pa.html(h);});});
     
    $(function(){var pa=$('.widget-points1');
    $.get('/memberlist?mode=point&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('.forumline td:nth-child(2):first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-points2');
    $.get('/memberlist?mode=point&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('.forumline td:nth-child(4):first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-points3');
    $.get('/memberlist?mode=point&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('.forumline td:nth-child(7):first').html();pa.html(h);});});
     $(function(){var pa=$('.widget-points4');
    $.get('/memberlist?mode=point&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('.forumline td:nth-child(3):first').html();pa.html(h);});});
     
    $(function(){var pa=$('.widget-Today1');
    $.get('/memberlist?mode=today_posters' , function(data){
      var h= $(data).find('.forumline td:nth-child(2):first, .table1 tbody tr:last-child td:last-child').html();pa.html(h);});});
    $(function(){var pa=$('.widget-Today2');
    $.get('/memberlist?mode=today_posters' , function(data){
      var h= $(data).find('.forumline td:nth-child(7):first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-Today3');
    $.get('/memberlist?mode=today_posters' , function(data){
      var h= $(data).find('.forumline td:nth-child(6):first').html();pa.html(h);});});
     $(function(){var pa=$('.widget-Today4');
    $.get('/memberlist?mode=today_posters' , function(data){
      var h= $(data).find('.forumline td:nth-child(3):first').html();pa.html(h);});});
      });
      //بواسطة: كونان2000
     // by: كونان2000
    });
    </script>
    -------------------

    Invision
    Find the next part in memberlist_body template
    Code:
    {memberrow.POSTS}

    replace it with
    Code:
    {memberrow.POSTS}
                              <br />
                              <span class="L_POS-TS">{memberrow.POSTS}</span>
                              <span class="L_POI-NT">{memberrow.POINTS}</span>
                              <span class="LASTVIS-IT">{memberrow.LASTVISIT}</span>
                              <br />
                              <style>
                              span.LASTVIS-IT, span.L_POS-TS, span.L_POI-NT {
        font-size: 0;
    }
     </style> 

    Go to Administration Panel > Display > Generalities
    Add the following code
    Code:
    <div align="center">
                      
       <div class="widget-postss">
                               
          <table border="0">
                                         <tbody> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>      <tbody></tbody> <tbody></tbody> <tbody></tbody>        <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
             <tr style="">
                                                                                 
                <td>
                                                                                    
                   <div align="center">
                                                                                                     
                      <div class="widget-posts-img">
                                                                           <img src="https://i.servimg.com/u/f20/16/85/77/67/ocia-a24.png" />                                       
                      </div>
                                                                                               
                   </div>
                                                                                          
                   <div class="widget-posts">
                                                            <br />(write here1)<br />                                   
                      <div class="widget-posts1">
                                                                                                                            
                      </div>
                                             
                      <div class="widget-posts4">
                                                                                                                            
                      </div>
                                                                                                                     
                      <div class="widget-posts2">
                                                                                                                            
                      </div>
                                                                                                                     
                      <div class="widget-posts3">
                                                                                                                            
                      </div>
                                                                                                             
                   </div>
                                                                                  
                </td>
                                                                           
                <td>
                                                                                      
                   <div class="widget-points-img">
                                                                <img src="https://i.servimg.com/u/f20/16/85/77/67/ocia-a23.png" />                                 
                   </div>
                                                                                            
                   <div class="widget-points">
                                                                  <br />(write here2)<br />                                       
                      <div class="widget-points1">
                                                                                                                            
                      </div>
                                                                     
                      <div class="widget-points4">
                                                                                                                            
                      </div>
                                                                                                               
                      <div class="widget-points2">
                                                                                                                            
                      </div>
                                                                                                                     
                      <div class="widget-points3">
                                                                                                                            
                      </div>
                                                                                                             
                   </div>
                                                                                      
                </td>
                                                                             
                <td>
                                                                                      
                   <div class="widget-Today-img">
                                                                <img src="https://i.servimg.com/u/f20/16/85/77/67/ocia-a25.png" />                                 
                   </div>
                                                                                            
                   <div class="widget-Today">
                                                                    <br />(write here3)<br />                                       
                      <div class="widget-Today1">
                                                                                                                                                              
                      </div>
                                                                   
                      <div class="widget-Today4">
                                                                                                                                                              
                      </div>
                                                                                                               
                      <div class="widget-Today2">
                                                                   0                                                         
                      </div>
                                                                                                                     
                      <div class="widget-Today3">
                                                                                                                          
                      </div>
                                                                                                             
                   </div>
                                                                                  
                </td>
                                                                           
             </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody>         
          </table>
                         
       </div>
    </div>
     <style>
    .widget-points3:before,.widget-posts3:before,.widget-Today3:before  {
        content: "Last visit:";
        color: #5a0000;
    }
    .widget-Today1, .widget-points1, .widget-posts1 {
        display: flex;
        text-align: center;
        justify-content: center;
    }
    .widget-posts1 img, .widget-points1 img, .widget-Today1 img {
        border-radius: 10px;
        border: solid #9e9e9e 1px;
        width: 130px;
        height: 130px;
        display: flex;
    }
    .widget-posts-img, .widget-points-img, .widget-Today-img {
        display: flex;
        position: relative;
        justify-content: center;
        top: 25px;
    }
    .widget-posts-img img, .widget-points-img img, .widget-Today-img img{
        padding: 3px;
        height: 50px;
        width: 50px;
    }
    .widget-posts-img img {
        background: #d10104c7;
        border: solid 3px #d10104;
        border-radius: 100px;
    }
    .widget-points-img img {
        background: #051b6fbf;
        border: solid 3px #051b6f;
        border-radius: 100px;
    }
    .widget-Today-img img {
        background: #007431bf;
        border: solid 3px #007431;
        border-radius: 100px;
    }
     
    .widget-posts {
      font-weight: 900;
      text-align: center;
        padding: 9px;
        background: #e91e6326;
        border: solid 3px #d10104;
        height: 245px;
    }
    .widget-points {
      font-weight: 900;
      text-align: center;
        padding: 9px;
        background: #03a9f429;
        border: solid 3px #051b6f;
        height: 245px;
    }
    .widget-Today {
      font-weight: 900;
      text-align: center;
        padding: 9px;
        background: #14a9004d;
        border: solid 3px #007431;
        height: 245px;
    }
     .widget-posts2:before {
    margin-right: 3px;
        content: "posts";
        color: #5a0000;
    }
    .widget-points2:before {
    margin-right: 3px;
        content: "points";
        color: #5a0000;
    }
    .widget-Today2:before {
    margin-right: 3px;
        content: "His posts today";
        color: #5a0000;
    }
    </style>  <script>
          $(function() {
    jQuery(function() {
    $(function(){var pa=$('.widget-posts1');
    $.get('/memberlist?mode=posts&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('.mini-avatar:first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-posts2');
    $.get('/memberlist?mode=posts&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('span.L_POS-TS:first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-posts3');
    $.get('/memberlist?mode=posts&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('span.LASTVIS-IT:first').html();pa.html(h);});});
     $(function(){var pa=$('.widget-posts4');
    $.get('/memberlist?mode=posts&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('span.membername:first').html();pa.html(h);});});
     
    $(function(){var pa=$('.widget-points1');
    $.get('/memberlist?mode=point&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('.mini-avatar:first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-points2');
    $.get('/memberlist?mode=point&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('span.L_POI-NT:first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-points3');
    $.get('/memberlist?mode=point&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('span.LASTVIS-IT:first').html();pa.html(h);});});
     $(function(){var pa=$('.widget-points4');
    $.get('/memberlist?mode=point&order=DESC&submit=Ok&username' , function(data){
      var h= $(data).find('span.membername:first').html();pa.html(h);});});
     
    $(function(){var pa=$('.widget-Today1');
    $.get('/memberlist?mode=today_posters' , function(data){
      var h= $(data).find('.mini-avatar:first, .table1 tbody tr:last-child td:last-child').html();pa.html(h);});});
    $(function(){var pa=$('.widget-Today2');
    $.get('/memberlist?mode=today_posters' , function(data){
      var h= $(data).find('span.L_POS-TS:first').html();pa.html(h);});});
    $(function(){var pa=$('.widget-Today3');
    $.get('/memberlist?mode=today_posters' , function(data){
      var h= $(data).find('span.LASTVIS-IT:first').html();pa.html(h);});});
     $(function(){var pa=$('.widget-Today4');
    $.get('/memberlist?mode=today_posters' , function(data){
      var h= $(data).find('span.membername:first').html();pa.html(h);});});
      });
      //بواسطة: كونان2000
     // by: كونان2000
    });
    </script>
    Don't forget to save

    Go to Administration Panel > USERS & GROUPS > Special rights
    [Automatic] Honoring three users on the homepage Ocia_a46



    We hope you like this great little Trick and Tip on how to make the change.
    ______________________________
    This tutorial was written by @كونان2000,
    (The codes were written by @كونان2000, and @Milouze14 code was used in this thread)


    Last edited by كونان2000 on June 24th 2023, 4:57 am; edited 8 times in total

    Ape, YoshiGM, BlackScorpion, Niko, SarkZKalie, TonnyKamper, jucarese and Razor12345 like this post

    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51503
    Reputation : 3519
    Language : English
    Location : United States

    [Automatic] Honoring three users on the homepage Empty Re: [Automatic] Honoring three users on the homepage

    Post by SLGray January 23rd 2023, 8:04 am

    What is the WRITE HERE for?



    [Automatic] Honoring three users on the homepage Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.

    كونان2000 likes this post

    كونان2000
    كونان2000
    Forumember


    Male Posts : 205
    Reputation : 93
    Language : Arabic

    [Automatic] Honoring three users on the homepage Empty Re: [Automatic] Honoring three users on the homepage

    Post by كونان2000 January 23rd 2023, 8:11 am

    hi @SLGray
    SLGray wrote:What is the WRITE HERE for?
    Means replace it with any other writing Very Happy

    Replace
    Code:
    WRITE HERE
    with the text you want

    TonnyKamper likes this post

    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15161
    Reputation : 1696
    Language : English,Greek
    Location : Greece

    [Automatic] Honoring three users on the homepage Empty Re: [Automatic] Honoring three users on the homepage

    Post by skouliki January 23rd 2023, 11:48 am

    nice idea thanks for sharing Very good

    TonnyKamper and كونان2000 like this post

    كونان2000
    كونان2000
    Forumember


    Male Posts : 205
    Reputation : 93
    Language : Arabic

    [Automatic] Honoring three users on the homepage Empty Re: [Automatic] Honoring three users on the homepage

    Post by كونان2000 January 25th 2023, 7:04 am

    Thank you, @skouliki :rose:

    Now the code is working on the PunBB version Very Happy

    skouliki likes this post

    Obscure
    Obscure
    Forumember


    Female Posts : 48
    Reputation : 10
    Language : English
    Location : USA

    [Automatic] Honoring three users on the homepage Empty Re: [Automatic] Honoring three users on the homepage

    Post by Obscure January 25th 2023, 7:32 pm

    Awesome! Cool idea! Thank you!

    كونان2000 likes this post

    BlackScorpion
    BlackScorpion
    Graphic Designer
    Graphic Designer


    Male Posts : 7010
    Reputation : 919
    Language : English
    Location : USA

    [Automatic] Honoring three users on the homepage Empty Re: [Automatic] Honoring three users on the homepage

    Post by BlackScorpion January 26th 2023, 1:49 am

    once again, my friend, you've done a great job, this will definitely be useful for forums. Thanks for sharing this and the others with the community. Very good

    SarkZKalie and كونان2000 like this post

    كونان2000
    كونان2000
    Forumember


    Male Posts : 205
    Reputation : 93
    Language : Arabic

    [Automatic] Honoring three users on the homepage Empty Re: [Automatic] Honoring three users on the homepage

    Post by كونان2000 January 27th 2023, 3:18 pm

    Thank you my friends
    @BlackScorpion @skouliki @Obscure
    :rose: :rose: :rose:
    [Automatic] Honoring three users on the homepage 45133

    Now the code is working on the Phpbb2 version

    skouliki, Ape, BlackScorpion, TonnyKamper and Obscure like this post

    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19147
    Reputation : 1994
    Language : fluent in dork / mumbojumbo & English haha

    [Automatic] Honoring three users on the homepage Empty Re: [Automatic] Honoring three users on the homepage

    Post by Ape January 27th 2023, 7:35 pm

    Nice work Smile



    [Automatic] Honoring three users on the homepage Left1212[Automatic] Honoring three users on the homepage Center11[Automatic] Honoring three users on the homepage Right112
    [Automatic] Honoring three users on the homepage Ape_b110
    [Automatic] Honoring three users on the homepage Ape1010

    كونان2000 likes this post

    كونان2000
    كونان2000
    Forumember


    Male Posts : 205
    Reputation : 93
    Language : Arabic

    [Automatic] Honoring three users on the homepage Empty Re: [Automatic] Honoring three users on the homepage

    Post by كونان2000 January 29th 2023, 4:23 am

    Thank you my friend  @Ape   [Automatic] Honoring three users on the homepage Oops

    Now the code is working on the all version  :rose:

    skouliki, Ape, SLGray, BlackScorpion and TonnyKamper like this post

    Beyonder
    Beyonder
    Forumember


    Male Posts : 723
    Reputation : 29
    Language : English
    Location : Beyond Realm

    [Automatic] Honoring three users on the homepage Empty Re: [Automatic] Honoring three users on the homepage

    Post by Beyonder May 12th 2023, 3:10 pm

    Interesting nice job!!!

    كونان2000 likes this post

    YoshiGM
    YoshiGM
    Active Poster


    Male Posts : 1502
    Reputation : 144
    Language : Spanish & English
    Location : Mexico

    [Automatic] Honoring three users on the homepage Empty Re: [Automatic] Honoring three users on the homepage

    Post by YoshiGM May 12th 2023, 4:36 pm

    This is like a top poster widget but only with the most 3 active members.

    Nice tutorial! ;D

    كونان2000 likes this post

    كونان2000
    كونان2000
    Forumember


    Male Posts : 205
    Reputation : 93
    Language : Arabic

    [Automatic] Honoring three users on the homepage Empty Re: [Automatic] Honoring three users on the homepage

    Post by كونان2000 May 12th 2023, 6:07 pm

    Thanks @YoshiGM and @Beyonder ^^
    BlackScorpion
    BlackScorpion
    Graphic Designer
    Graphic Designer


    Male Posts : 7010
    Reputation : 919
    Language : English
    Location : USA

    [Automatic] Honoring three users on the homepage Empty Re: [Automatic] Honoring three users on the homepage

    Post by BlackScorpion May 13th 2023, 1:31 am

    Great job as always.. Thanks for sharing... AGAIN.. LOL

    كونان2000 likes this post

    كونان2000
    كونان2000
    Forumember


    Male Posts : 205
    Reputation : 93
    Language : Arabic

    [Automatic] Honoring three users on the homepage Empty Re: [Automatic] Honoring three users on the homepage

    Post by كونان2000 May 13th 2023, 5:07 am

    Thanks @BlackScorpion ^^
    Beyonder
    Beyonder
    Forumember


    Male Posts : 723
    Reputation : 29
    Language : English
    Location : Beyond Realm

    [Automatic] Honoring three users on the homepage Empty Re: [Automatic] Honoring three users on the homepage

    Post by Beyonder May 16th 2023, 7:46 pm

    كونان2000 wrote:Thanks @YoshiGM and @Beyonder ^^

    No problem!

    كونان2000 likes this post