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.

[Automatic] Honoring three users on the homepage

+4
Obscure
skouliki
SLGray
كونان2000
8 posters

Go down

[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
كونان2000
كونان2000
Forumember

Male Posts : 206
Reputation : 93
Language : Arabic

https://anime.forumperso.com/

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

Back to top Go down

[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.
SLGray
SLGray
Administrator
Administrator

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

https://forumsclub.com/gc/128-link-directory/

كونان2000 likes this post

Back to top Go down

[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
كونان2000
كونان2000
Forumember

Male Posts : 206
Reputation : 93
Language : Arabic

https://anime.forumperso.com/

TonnyKamper likes this post

Back to top Go down

[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
skouliki
skouliki
Manager
Manager

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

http://iconskouliki.forumgreek.com

TonnyKamper and كونان2000 like this post

Back to top Go down

[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
كونان2000
كونان2000
Forumember

Male Posts : 206
Reputation : 93
Language : Arabic

https://anime.forumperso.com/

skouliki likes this post

Back to top Go down

[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!
Obscure
Obscure
Forumember

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

http://imgtest.forumotion.com/

كونان2000 likes this post

Back to top Go down

[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
BlackScorpion
BlackScorpion
Graphic Designer
Graphic Designer

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

https://help.forumotion.com/f6-graphic-design-section

SarkZKalie and كونان2000 like this post

Back to top Go down

[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
كونان2000
كونان2000
Forumember

Male Posts : 206
Reputation : 93
Language : Arabic

https://anime.forumperso.com/

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

Back to top Go down

[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
Ape
Ape
Administrator
Administrator

Male Posts : 19163
Reputation : 1995
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

كونان2000 likes this post

Back to top Go down

[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:
كونان2000
كونان2000
Forumember

Male Posts : 206
Reputation : 93
Language : Arabic

https://anime.forumperso.com/

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

Back to top Go down

[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!!!
Beyonder
Beyonder
Forumember

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

http://fictionalomniverse.forumotion.com/

كونان2000 likes this post

Back to top Go down

[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
YoshiGM
YoshiGM
Active Poster

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

http://asistencia.foroactivo.com/u21373

كونان2000 likes this post

Back to top Go down

[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 ^^
كونان2000
كونان2000
Forumember

Male Posts : 206
Reputation : 93
Language : Arabic

https://anime.forumperso.com/

Back to top Go down

[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
BlackScorpion
BlackScorpion
Graphic Designer
Graphic Designer

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

https://help.forumotion.com/f6-graphic-design-section

كونان2000 likes this post

Back to top Go down

[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 ^^
كونان2000
كونان2000
Forumember

Male Posts : 206
Reputation : 93
Language : Arabic

https://anime.forumperso.com/

Back to top Go down

[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!
Beyonder
Beyonder
Forumember

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

http://fictionalomniverse.forumotion.com/

كونان2000 likes this post

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum