FCD Styles
Login is required

Join the forum, it's quick and easy

FCD Styles
Login is required
FCD Styles
Would you like to react to this message? Create an account in a few clicks or log in to continue.
FCD Styles

my design and notes studio...

Honoring Members on the Home Page

FCD Styles :: Helpful Things :: Styles-Codes

Go down

#1

Honoring Members on the Home Page Empty Honoring Members on the Home Page

Post by FaerieJewels Fri Nov 10, 2023 6:53 pm

puts a 'home page' table above the normal tables on the 'HOME' page.
cheers cherry santa
I'm sure it is customizable and does not have to look exactly like this....


Honoring Members on the Home Page Honorm10



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>
FaerieJewels
FaerieJewels

The FaerieQueen
     

Posts : 48
MAGICAL STARS : 1626
MAGICAL FLOWERS MAGICAL FLOWERS : 5
Location : Scenic Wyoming

http://faeriecharmdesigns.com

Back to top Go down

Back to top

- Similar topics

FCD Styles :: Helpful Things :: Styles-Codes

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