This means that there is no need for the administrator to log in to the forum to know if there are users waiting for activation or not.
Also, the administrator can activate users directly from the forum without having to go to the administration panel,
After pressing the Activate button, the user will be activated
----------------------------------
note..
The (Activate) button is only visible to administrators and does not appear to other members,
Also, only five inactive members will appear
---------
Administration Panel > Modules > Portal & Widgets > Forum widgets management > Create a widget.
Create a Widget and add the following content
- ModernBB:
- Code:
<div class="Inactivebb">
                                                 Â
<div class="Inactive1">
                       Â
<div class="Inactivea">
                        Â
</div>
                       Â
<div class="Inactiveb">
                       Â
</div>
                     Â
</div>
                   Â
<div class="Inactive2">
                       Â
<div class="Inactivec">
                        Â
</div>
                       Â
<div class="Inactived">
                       Â
</div>
                     Â
</div>
                   Â
<div class="Inactive3">
                       Â
<div class="Inactivee">
                        Â
</div>
                       Â
<div class="Inactivef">
                       Â
</div>
                     Â
</div>
                   Â
<div class="Inactive4">
                       Â
<div class="Inactiveg">
                        Â
</div>
                       Â
<div class="Inactiveh">
                       Â
</div>
                     Â
</div>
                   Â
<div class="Inactive5">
                       Â
<div class="Inactivei">
                        Â
</div>
                       Â
<div class="Inactivej">
                       Â
</div>
                     Â
</div>
                 Â
</div>
   <script>
$(function(){var pa=$('.Inactivea');
$.get('/u1?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right > div.module > div.h3').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveb');
$.get('/u1?status=unregistered' , function(data){
var h= $(data).find('div#cp-main').html();pa.html(h);});});
$(function(){var pa=$('.Inactivec');
$.get('/u2?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right > div.module > div.h3').html();pa.html(h);});});
$(function(){var pa=$('.Inactived');
$.get('/u2?status=unregistered' , function(data){
var h= $(data).find('div#cp-main').html();pa.html(h);});});
$(function(){var pa=$('.Inactivee');
$.get('/u3?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right > div.module > div.h3').html();pa.html(h);});});
$(function(){var pa=$('.Inactivef');
$.get('/u3?status=unregistered' , function(data){
var h= $(data).find('div#cp-main').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveg');
$.get('/u4?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right > div.module > div.h3').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveh');
$.get('/u4?status=unregistered' , function(data){
var h= $(data).find('div#cp-main').html();pa.html(h);});});
$(function(){var pa=$('.Inactivei');
$.get('/u5?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right > div.module > div.h3').html();pa.html(h);});});
$(function(){var pa=$('.Inactivej');
$.get('/u5?status=unregistered' , function(data){
var h= $(data).find('div#cp-main').html();pa.html(h);});});
</script> Â Â Â Â Â Â Â Â Â Â Â <style>
span.rep-button.unregistered {
  border-radius: 100px;
  padding: 9px 15px;
  background: url(https://i.servimg.com/u/f22/16/12/67/23/notifi10.gif);
  background-size: 100% 100%;
  background-blend-mode: luminosity;
  background-attachment: local;
  border: solid 0px #f44336 !important;
  font-size: 0 !important;
}
.Inactivebb a {
  font-weight: bold;
  font-size: 0;
  color: aliceblue;
}
.Inactive1 span.rep-button, .Inactive2 span.rep-button, .Inactive3 span.rep-button, .Inactive4 span.rep-button, .Inactive5 span.rep-button {
  background-color: #5aa109;
  margin: 0px 0px 8px 0px;
  vertical-align: middle;
}
.Inactive1 span.rep-button a:after, Â .Inactive2 span.rep-button a:after, .Inactive3 span.rep-button a:after, Â .Inactive4 span.rep-button a:after, .Inactive5 span.rep-button a:after{
  content: "Activate";
  font-size: 15px;
  font-weight: bold;
}
span.rep-button.unregistered:after {
  content: none;
}
.Inactivebb {
  background: #ffe5e5;
  padding: 0px;
  text-align: center;
}
.unregistered-block {
  position: inherit !important;
}
.Inactive1 {
  margin-bottom: 5px;
  border: solid #e91e63 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive2 {
  margin-bottom: 5px;
  border: solid #4caf50 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive3 {
  margin-bottom: 5px;
  border: solid #2196f3 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive4 {
  margin-bottom: 5px;
  border: solid #ff9800 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive5 {
  margin-bottom: 5px;
  border: solid #3f51b5 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactiveb, .Inactived, Â .Inactivef, .Inactiveh, .Inactivej {
  font-size: 0;
}
.Inactivebb .panel:last-child {
  display: none;
  margin-bottom: 18px;
}
  </style>  Â
- phpBB3:
- Code:
<div class="Inactivebb">
                                                            Â
<div class="Inactive1">
                                     Â
<div class="Inactivea">
                                       Â
</div>
                                     Â
<div class="Inactiveb">
                                      Â
</div>
                                 Â
</div>
                              Â
<div class="Inactive2">
                                     Â
<div class="Inactivec">
                                       Â
</div>
                                     Â
<div class="Inactived">
                                      Â
</div>
                                 Â
</div>
                              Â
<div class="Inactive3">
                                     Â
<div class="Inactivee">
                                       Â
</div>
                                     Â
<div class="Inactivef">
                                      Â
</div>
                                 Â
</div>
                              Â
<div class="Inactive4">
                                     Â
<div class="Inactiveg">
                                       Â
</div>
                                     Â
<div class="Inactiveh">
                                      Â
</div>
                                 Â
</div>
                              Â
<div class="Inactive5">
                                     Â
<div class="Inactivei">
                                       Â
</div>
                                     Â
<div class="Inactivej">
                                      Â
</div>
                                 Â
</div>
                         Â
</div>
   <script>
$(function(){var pa=$('.Inactivea');
$.get('/u1?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right > div.module > div > div.h3').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveb');
$.get('/u1?status=unregistered' , function(data){
var h= $(data).find('#cp-main .panel').html();pa.html(h);});});
$(function(){var pa=$('.Inactivec');
$.get('/u2?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right > div.module > div > div.h3').html();pa.html(h);});});
$(function(){var pa=$('.Inactived');
$.get('/u2?status=unregistered' , function(data){
var h= $(data).find('#cp-main .panel').html();pa.html(h);});});
$(function(){var pa=$('.Inactivee');
$.get('/u3?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right > div.module > div > div.h3').html();pa.html(h);});});
$(function(){var pa=$('.Inactivef');
$.get('/u3?status=unregistered' , function(data){
var h= $(data).find('#cp-main .panel').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveg');
$.get('/u4?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right > div.module > div > div.h3').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveh');
$.get('/u4?status=unregistered' , function(data){
var h= $(data).find('#cp-main .panel').html();pa.html(h);});});
$(function(){var pa=$('.Inactivei');
$.get('/u5?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right > div.module > div > div.h3').html();pa.html(h);});});
$(function(){var pa=$('.Inactivej');
$.get('/u5?status=unregistered' , function(data){
var h= $(data).find('#cp-main .panel').html();pa.html(h);});});
</script> Â Â Â Â Â Â Â Â Â Â Â <style>
span.rep-button.unregistered {
  border-radius: 100px;
  padding: 9px 15px;
  background: url(https://i.servimg.com/u/f22/16/12/67/23/notifi10.gif);
  background-size: 100% 100%;
  background-blend-mode: luminosity;
  background-attachment: local;
  border: solid 0px #f44336 !important;
  font-size: 0 !important;
}
.Inactivebb a {
  font-weight: bold;
  font-size: 0;
  color: aliceblue;
}
div.Inactivebb span:nth-child(2) {
  background: #4caf50 !important;
}
.Inactive1 span.rep-button a:after, Â .Inactive2 span.rep-button a:after, .Inactive3 span.rep-button a:after, Â .Inactive4 span.rep-button a:after, .Inactive5 span.rep-button a:after{
  content: "Activate";
  font-size: 15px;
  font-weight: bold;
}
span.rep-button.unregistered:after {
  content: none;
}
.Inactivebb {
  background: #ffe5e5;
  padding: 0px;
  text-align: center;
}
.unregistered-block {
  position: inherit !important;
}
.Inactive1 {
  margin-bottom: 5px;
  border: solid #e91e63 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive2 {
  margin-bottom: 5px;
  border: solid #4caf50 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive3 {
  margin-bottom: 5px;
  border: solid #2196f3 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive4 {
  margin-bottom: 5px;
  border: solid #ff9800 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive5 {
  margin-bottom: 5px;
  border: solid #3f51b5 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactiveb, .Inactived, .Inactivef, .Inactiveh, .Inactivej {
  display: flex;
  font-size: 0;
  justify-content: center;
}
div.Inactivebb div.middleline {
  display: none;
}
  </style>  Â
- Invision:
- Code:
<div class="Inactivebb">
                                     Â
<div class="Inactive1">
        Â
<div class="Inactivea">
        Â
</div>
        Â
<div class="Inactiveb">
       Â
</div>
        Â
</div>
       Â
<div class="Inactive2">
        Â
<div class="Inactivec">
        Â
</div>
        Â
<div class="Inactived">
       Â
</div>
        Â
</div>
       Â
<div class="Inactive3">
        Â
<div class="Inactivee">
        Â
</div>
        Â
<div class="Inactivef">
       Â
</div>
        Â
</div>
       Â
<div class="Inactive4">
        Â
<div class="Inactiveg">
        Â
</div>
        Â
<div class="Inactiveh">
       Â
</div>
        Â
</div>
       Â
<div class="Inactive5">
        Â
<div class="Inactivei">
        Â
</div>
        Â
<div class="Inactivej">
       Â
</div>
        Â
</div>
       Â
</div>
   <script>
$(function(){var pa=$('.Inactivea');
$.get('/u1?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right div.maintitle').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveb');
$.get('/u1?status=unregistered' , function(data){
var h= $(data).find('.unregistered-block').html();pa.html(h);});});
$(function(){var pa=$('.Inactivec');
$.get('/u2?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right div.maintitle').html();pa.html(h);});});
$(function(){var pa=$('.Inactived');
$.get('/u2?status=unregistered' , function(data){
var h= $(data).find('.unregistered-block').html();pa.html(h);});});
$(function(){var pa=$('.Inactivee');
$.get('/u3?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right div.maintitle').html();pa.html(h);});});
$(function(){var pa=$('.Inactivef');
$.get('/u3?status=unregistered' , function(data){
var h= $(data).find('.unregistered-block').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveg');
$.get('/u4?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right div.maintitle').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveh');
$.get('/u4?status=unregistered' , function(data){
var h= $(data).find('.unregistered-block').html();pa.html(h);});});
$(function(){var pa=$('.Inactivei');
$.get('/u5?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right div.maintitle').html();pa.html(h);});});
$(function(){var pa=$('.Inactivej');
$.get('/u5?status=unregistered' , function(data){
var h= $(data).find('.unregistered-block').html();pa.html(h);});});
</script> Â Â Â Â Â Â Â Â Â Â Â <style>
span.rep-button.unregistered {
  border-radius: 100px;
  padding: 9px 15px;
  background: url(https://i.servimg.com/u/f22/16/12/67/23/notifi10.gif);
  background-size: 100% 100%;
  background-blend-mode: luminosity;
  background-attachment: local;
  border: solid 0px #f44336 !important;
  font-size: 0 !important;
}
.Inactivebb a {
  font-weight: bold;
  font-size: 0;
  color: aliceblue;
}
.Inactive1 span.rep-button, .Inactive2 span.rep-button, .Inactive3 span.rep-button, .Inactive4 span.rep-button, .Inactive5 span.rep-button {
  background-color: #5aa109;
  margin: 0px 0px 8px 0px;
  vertical-align: middle;
}
.Inactive1 span.rep-button a:after, Â .Inactive2 span.rep-button a:after, .Inactive3 span.rep-button a:after, Â .Inactive4 span.rep-button a:after, .Inactive5 span.rep-button a:after{
  content: "Activate";
  font-size: 15px;
  font-weight: bold;
}
span.rep-button.unregistered:after {
  content: none;
}
.Inactivebb {
  background: #ffe5e5;
  padding: 0px;
  text-align: center;
}
.unregistered-block {
  position: inherit !important;
}
.Inactive1 {
  margin-bottom: 5px;
  border: solid #e91e63 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive2 {
  margin-bottom: 5px;
  border: solid #4caf50 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive3 {
  margin-bottom: 5px;
  border: solid #2196f3 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive4 {
  margin-bottom: 5px;
  border: solid #ff9800 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive5 {
  margin-bottom: 5px;
  border: solid #3f51b5 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactiveb, .Inactived, Â .Inactivef, .Inactiveh, .Inactivej {
  font-size: 0;
}
  </style>  Â
- PunBB:
- Code:
<div class="Inactivebb">
                                       Â
<div class="Inactive1">
          Â
<div class="Inactivea">
          Â
</div>
          Â
<div class="Inactiveb">
         Â
</div>
          Â
</div>
         Â
<div class="Inactive2">
          Â
<div class="Inactivec">
          Â
</div>
          Â
<div class="Inactived">
         Â
</div>
          Â
</div>
         Â
<div class="Inactive3">
          Â
<div class="Inactivee">
          Â
</div>
          Â
<div class="Inactivef">
         Â
</div>
          Â
</div>
         Â
<div class="Inactive4">
          Â
<div class="Inactiveg">
          Â
</div>
          Â
<div class="Inactiveh">
         Â
</div>
          Â
</div>
         Â
<div class="Inactive5">
          Â
<div class="Inactivei">
          Â
</div>
          Â
<div class="Inactivej">
         Â
</div>
          Â
</div>
         Â
</div>
   <script>
$(function(){var pa=$('.Inactivea');
$.get('/u1?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right div.main-head').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveb');
$.get('/u1?status=unregistered' , function(data){
var h= $(data).find('.unregistered-block').html();pa.html(h);});});
$(function(){var pa=$('.Inactivec');
$.get('/u2?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right div.main-head').html();pa.html(h);});});
$(function(){var pa=$('.Inactived');
$.get('/u2?status=unregistered' , function(data){
var h= $(data).find('.unregistered-block').html();pa.html(h);});});
$(function(){var pa=$('.Inactivee');
$.get('/u3?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right div.main-head').html();pa.html(h);});});
$(function(){var pa=$('.Inactivef');
$.get('/u3?status=unregistered' , function(data){
var h= $(data).find('.unregistered-block').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveg');
$.get('/u4?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right div.main-head').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveh');
$.get('/u4?status=unregistered' , function(data){
var h= $(data).find('.unregistered-block').html();pa.html(h);});});
$(function(){var pa=$('.Inactivei');
$.get('/u5?status=unregistered' , function(data){
var h= $(data).find('#profile-advanced-right div.main-head').html();pa.html(h);});});
$(function(){var pa=$('.Inactivej');
$.get('/u5?status=unregistered' , function(data){
var h= $(data).find('.unregistered-block').html();pa.html(h);});});
</script> Â Â Â Â Â Â Â Â Â Â Â <style>
span.rep-button.unregistered {
  border-radius: 100px;
  padding: 9px 15px;
  background: url(https://i.servimg.com/u/f22/16/12/67/23/notifi10.gif);
  background-size: 100% 100%;
  background-blend-mode: luminosity;
  background-attachment: local;
  border: solid 0px #f44336 !important;
  font-size: 0 !important;
}
.Inactivebb a {
  font-weight: bold;
  font-size: 0;
  color: aliceblue;
}
div.main-content.clearfix span:nth-child(2) {
  text-decoration: auto;
  background: #c8ff89;
  color: azure !important;
  vertical-align: middle;
}
.Inactive1 span.rep-button a:after, Â .Inactive2 span.rep-button a:after, .Inactive3 span.rep-button a:after, Â .Inactive4 span.rep-button a:after, .Inactive5 span.rep-button a:after{
  content: "Activate";
  font-size: 15px;
  font-weight: bold;
}
span.rep-button.unregistered:after {
  content: none;
}
.Inactivebb {
  background: #ffe5e5;
  padding: 0px;
  text-align: center;
}
.unregistered-block {
  position: inherit !important;
}
.Inactive1 {
  margin-bottom: 5px;
  border: solid #e91e63 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive2 {
  margin-bottom: 5px;
  border: solid #4caf50 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive3 {
  margin-bottom: 5px;
  border: solid #2196f3 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive4 {
  margin-bottom: 5px;
  border: solid #ff9800 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive5 {
  margin-bottom: 5px;
  border: solid #3f51b5 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactiveb, .Inactived, .Inactivef, .Inactiveh, .Inactivej {
  display: flex;
  font-size: 0;
  justify-content: center;
}
  </style>  Â
- phpBB2:
- Code:
<div class="Inactivebb">
                                            Â
<div class="Inactive1">
               Â
<div class="Inactivea">
               Â
</div>
               Â
<div class="Inactiveb">
              Â
</div>
               Â
</div>
              Â
<div class="Inactive2">
               Â
<div class="Inactivec">
               Â
</div>
               Â
<div class="Inactived">
              Â
</div>
               Â
</div>
              Â
<div class="Inactive3">
               Â
<div class="Inactivee">
               Â
</div>
               Â
<div class="Inactivef">
              Â
</div>
               Â
</div>
              Â
<div class="Inactive4">
               Â
<div class="Inactiveg">
               Â
</div>
               Â
<div class="Inactiveh">
              Â
</div>
               Â
</div>
              Â
<div class="Inactive5">
               Â
<div class="Inactivei">
               Â
</div>
               Â
<div class="Inactivej">
              Â
</div>
               Â
</div>
             Â
</div>
   <script>
$(function(){var pa=$('.Inactivea');
$.get('/u1?status=unregistered' , function(data){
var h= $(data).find('#emptyidcc tr:nth-child(1) > td > span').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveb');
$.get('/u1?status=unregistered' , function(data){
var h= $(data).find('.unregistered-block').html();pa.html(h);});});
$(function(){var pa=$('.Inactivec');
$.get('/u2?status=unregistered' , function(data){
var h= $(data).find('#emptyidcc tr:nth-child(1) > td > span').html();pa.html(h);});});
$(function(){var pa=$('.Inactived');
$.get('/u2?status=unregistered' , function(data){
var h= $(data).find('.unregistered-block').html();pa.html(h);});});
$(function(){var pa=$('.Inactivee');
$.get('/u3?status=unregistered' , function(data){
var h= $(data).find('#emptyidcc tr:nth-child(1) > td > span').html();pa.html(h);});});
$(function(){var pa=$('.Inactivef');
$.get('/u3?status=unregistered' , function(data){
var h= $(data).find('.unregistered-block').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveg');
$.get('/u4?status=unregistered' , function(data){
var h= $(data).find('#emptyidcc tr:nth-child(1) > td > span').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveh');
$.get('/u4?status=unregistered' , function(data){
var h= $(data).find('.unregistered-block').html();pa.html(h);});});
$(function(){var pa=$('.Inactivei');
$.get('/u5?status=unregistered' , function(data){
var h= $(data).find('#emptyidcc tr:nth-child(1) > td > span').html();pa.html(h);});});
$(function(){var pa=$('.Inactivej');
$.get('/u5?status=unregistered' , function(data){
var h= $(data).find('.unregistered-block').html();pa.html(h);});});
</script> Â Â Â Â Â Â Â Â Â Â Â <style>
span.rep-button.unregistered {
  border-radius: 100px;
  padding: 9px 15px;
  background: url(https://i.servimg.com/u/f22/16/12/67/23/notifi10.gif);
  background-size: 100% 100%;
  background-blend-mode: luminosity;
  background-attachment: local;
  border: solid 0px #f44336 !important;
  font-size: 0 !important;
}
.Inactivebb a {
  font-weight: bold;
  font-size: 0;
  color: aliceblue;
}
div.main-content.clearfix span:nth-child(2) {
  text-decoration: auto;
  background: #c8ff89;
  color: azure !important;
  vertical-align: middle;
}
.Inactive1 span.rep-button a:after, Â .Inactive2 span.rep-button a:after, .Inactive3 span.rep-button a:after, Â .Inactive4 span.rep-button a:after, .Inactive5 span.rep-button a:after{
  content: "Activate";
  font-size: 15px;
  font-weight: bold;
}
span.rep-button.unregistered:after {
  content: none;
}
.Inactivebb {
  background: #ffe5e5;
  padding: 0px;
  text-align: center;
}
.unregistered-block {
  position: inherit !important;
}
.Inactive1 {
  margin-bottom: 5px;
  border: solid #e91e63 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive2 {
  margin-bottom: 5px;
  border: solid #4caf50 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive3 {
  margin-bottom: 5px;
  border: solid #2196f3 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive4 {
  margin-bottom: 5px;
  border: solid #ff9800 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive5 {
  margin-bottom: 5px;
  border: solid #3f51b5 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactiveb, .Inactived, .Inactivef, .Inactiveh, .Inactivej {
  display: flex;
  text-align: center;
  font-size: 0;
  justify-content: center;
}
span.rep-button {
  vertical-align: middle;
  display: inline-block;
  background: #4caf50;
}
  </style>    Â
- AwesomeBB:
- Code:
<div class="Inactivebb">
                                     Â
 <div class="Inactive1">
         Â
   <div class="Inactivea">
           Â
   </div>
         Â
   <div class="Inactiveb">
          Â
   </div>
         Â
 </div>
       Â
 <div class="Inactive2">
         Â
   <div class="Inactivec">
           Â
   </div>
         Â
   <div class="Inactived">
          Â
   </div>
         Â
 </div>
       Â
 <div class="Inactive3">
         Â
   <div class="Inactivee">
           Â
   </div>
         Â
   <div class="Inactivef">
          Â
   </div>
         Â
 </div>
       Â
 <div class="Inactive4">
         Â
   <div class="Inactiveg">
           Â
   </div>
         Â
   <div class="Inactiveh">
          Â
   </div>
         Â
 </div>
       Â
 <div class="Inactive5">
         Â
   <div class="Inactivei">
           Â
   </div>
         Â
   <div class="Inactivej">
          Â
   </div>
         Â
 </div>
       Â
</div>
   <script>
$(function(){var pa=$('.Inactivea');
$.get('/u1?status=unregistered' , function(data){
var h= $(data).find('div.cp-sidebar.advanced-profile > div.box >div.box-head').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveb');
$.get('/u1?status=unregistered' , function(data){
var h= $(data).find('.block-header').html();pa.html(h);});});
$(function(){var pa=$('.Inactivec');
$.get('/u2?status=unregistered' , function(data){
var h= $(data).find('div.cp-sidebar.advanced-profile > div.box >div.box-head').html();pa.html(h);});});
$(function(){var pa=$('.Inactived');
$.get('/u2?status=unregistered' , function(data){
var h= $(data).find('.block-header').html();pa.html(h);});});
$(function(){var pa=$('.Inactivee');
$.get('/u3?status=unregistered' , function(data){
var h= $(data).find('div.cp-sidebar.advanced-profile > div.box >div.box-head').html();pa.html(h);});});
$(function(){var pa=$('.Inactivef');
$.get('/u3?status=unregistered' , function(data){
var h= $(data).find('.block-header').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveg');
$.get('/u4?status=unregistered' , function(data){
var h= $(data).find('div.cp-sidebar.advanced-profile > div.box >div.box-head').html();pa.html(h);});});
$(function(){var pa=$('.Inactiveh');
$.get('/u4?status=unregistered' , function(data){
var h= $(data).find('.block-header').html();pa.html(h);});});
$(function(){var pa=$('.Inactivei');
$.get('/u5?status=unregistered' , function(data){
var h= $(data).find('div.cp-sidebar.advanced-profile > div.box >div.box-head').html();pa.html(h);});});
$(function(){var pa=$('.Inactivej');
$.get('/u5?status=unregistered' , function(data){
var h= $(data).find('.block-header').html();pa.html(h);});});
</script> Â Â Â Â Â Â Â Â Â Â Â <style>
span.rep-button.unregistered {
  border-radius: 100px;
  padding: 9px 15px;
  background: url(https://i.servimg.com/u/f22/16/12/67/23/notifi10.gif);
  background-size: 100% 100%;
  background-blend-mode: luminosity;
  background-attachment: local;
  border: solid 0px #f44336 !important;
  font-size: 0 !important;
}
.Inactivebb a {
  font-weight: bold;
  font-size: 0;
  color: aliceblue;
}
.Inactive1 span.rep-button, .Inactive2 span.rep-button, .Inactive3 span.rep-button, .Inactive4 span.rep-button, .Inactive5 span.rep-button {
  background-color: #5aa109;
  margin: 0px 0px 8px 0px;
  vertical-align: middle;
}
.Inactive1 span.rep-button a:after, Â .Inactive2 span.rep-button a:after, .Inactive3 span.rep-button a:after, Â .Inactive4 span.rep-button a:after, .Inactive5 span.rep-button a:after{
  content: "Activate";
  font-size: 15px;
  font-weight: bold;
}
span.rep-button.unregistered:after {
  content: none;
}
.Inactivebb {
  background: #ffe5e5;
  padding: 0px;
  text-align: center;
}
.unregistered-block {
  position: inherit !important;
}
.Inactive1 {
  margin-bottom: 5px;
  border: solid #e91e63 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive2 {
  margin-bottom: 5px;
  border: solid #4caf50 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive3 {
  margin-bottom: 5px;
  border: solid #2196f3 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive4 {
  margin-bottom: 5px;
  border: solid #ff9800 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactive5 {
  margin-bottom: 5px;
  border: solid #3f51b5 1px;
font-size: 15px;
  display: flex;
  flex-direction: column;
}
.Inactiveb, .Inactived, Â .Inactivef, .Inactiveh, .Inactivej {
  font-size: 0;
}
  </style>  Â
Another note..
If you want to show inactive usernames to guests.
Administration Panel > Users & Groups > Special rights >
View the profile : Choose the guests,
You must delete cookies from your browser and refresh the page
To make sure the code is working properly
See you soon
--------------------------------
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 23rd 2023, 8:01 pm; edited 6 times in total