Inne Zmiana wyglądu informacji w poście

Witam chciałbym ustawić informacje czy użytkownik jest dostępny czy nie żeby wyglądało to w ten sposób jak na SS. Robiłem to kiedyś na moim innym forum, ale już nie pamiętam jak to robiłem.    

Szablony postbit_online oraz postbit_offline - odpowiednio ostylować i gotowe.

Wiem ze w tych szablonach tylko nie wiem jaj to zrobić.

       

.status {
color: #23272c;
padding: 10px; /* możesz zmienić na 5px - wtedy będzie bardziej przypominać efekt z ss'a */
text-align: center;
font-weight: bold;
}

.online{
background: #2ecc71;
}
.offline{
background: #c0392b;
}

postbit_online

<div class="status online">Online</div>

postbit_offline

<div class="status offline">Offline</div>

Dzięki Działa