MyBB.de Forum

Zitat:Show in the postbit, member profile, member list, the time of user service based on their registration date. It can be used as alternative (or concurrently) to the user registration date.

Plugin variables are added in the corresponding templates during plugin activation, after the user stars.
If they are not added, add manually:

• Code:

  {$post['yearsofservicePostbit']}
  in postbit/postbit_classic.
  
  
• Code:

  {$yearsofserviceMemberProfile}
  in member_profile.
  
  
• Code:

  {$yearsofserviceMemberList}
  in memberlist_user.
  

NB! If you are upgrading from 1.0 to 2.0:

1. remove plugin parts that have been added in version 1.0 in postbit and member_profile templates (
   Code:

   <div class="user-service...
   );
   
   
2. uninstall the plugin (in the ACP);
   
   
3. upload new plugin files;
   
   
4. install the plugin (in the ACP);
   
   
5. (facoltative) update CSS too or if you customized it check the new sample.
   

CSS Sample
You can use this sample to assign a basic style to the user service (add it at the end of global.css for example).

Code:

.user-service {
    display: table;
    background-color: #474747;
    border-radius: 3px;
    margin: 5px 0;
    padding: 3px 8px;
}

.user-service--postbit {
    margin-left: auto;
    margin-right: auto;
}

.user-service span {
    color: Snow;
    font-weight: bold;
    font-size: 12px;
}

.user-service span[data-years] {
    color: LightSkyBlue;
}

.user-service span[data-months] {
    color: Orange;
}

.user-service span[data-weeks] {
}

.user-service span[data-days] {
}

.user-service span[data-hours] {
}

.user-service span[data-minutes] {
}

.user-service span[data-years="5"],
.user-service span[data-years="6"],
.user-service span[data-years="7"],
.user-service span[data-years="8"],
.user-service span[data-years="9"],
.user-service span[data-years="10"] {
    background: linear-gradient(to right, Orange , Yellow, Green, Cyan, Blue, Violet);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}