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 Mon 23 Jan - 7:59

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 Sat 24 Jun - 4:57; edited 8 times in total
كونان2000
كونان2000
Forumember

Male Posts : 204
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 Mon 23 Jan - 8:04

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 : 51503
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 Mon 23 Jan - 8:11

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 : 204
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 Mon 23 Jan - 11:48

nice idea thanks for sharing Very good
skouliki
skouliki
Manager
Manager

Female Posts : 15161
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 Wed 25 Jan - 7:04

Thank you, @skouliki :rose:

Now the code is working on the PunBB version Very Happy
كونان2000
كونان2000
Forumember

Male Posts : 204
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 Wed 25 Jan - 19:32

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 Thu 26 Jan - 1:49

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 Fri 27 Jan - 15:18

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 : 204
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 Fri 27 Jan - 19:35

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 : 19147
Reputation : 1994
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 Sun 29 Jan - 4:23

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 : 204
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 Fri 12 May - 15:10

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 Fri 12 May - 16:36

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 Fri 12 May - 18:07

Thanks @YoshiGM and @Beyonder ^^
كونان2000
كونان2000
Forumember

Male Posts : 204
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 Sat 13 May - 1:31

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 Sat 13 May - 5:07

Thanks @BlackScorpion ^^
كونان2000
كونان2000
Forumember

Male Posts : 204
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 Tue 16 May - 19:46

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