Zacznijmy od prostego dodania kodu css (można go zrobić według swojego sposobu (wygląd) lub taki jak ja ukazałem na screenie powyżej). 1 KOD:
.status {
display: inline-block;
height: 16px;
line-height: 16px;
padding: 0 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-shadow: #000 0px 0px 5px;
border-radius: 5px;
}
2 i 3 KOD:
.on {
background: #00a11b;
color: #fff;
min-width: 30px;
text-align: center;
}
.off {
background: #ff1a1a;
color: #fff;
min-width: 30px;
text-align: center;
}
3. Dodanie class do działu.
Tworząc/Edytując dział w dziale np. Rekrutacji dajemy podany kod:
Grafik <span class="status on reset_cursor">ON</span>
Moderator <span class="status off reset_cursor">OFF</span>
Efekt końcowy: