Przykład rang w CSS (mybboard.pl)

by Michał Wajrak

HTML

<span class="groupBlock user">Testowa grupa</span><br /><br />
<span class="groupBlock vip">Testowa grupa</span><br /><br />
<span class="groupBlock mod">Testowa grupa</span><br /><br />
<span class="groupBlock admin">Testowa grupa</span>

CSS

body {
font-family: Tahoma;
}
.groupBlock {
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0 25px!important;
    text-shadow: none;
    vertical-align: middle;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.25) inset;
}

.user {
    background-color: #3399cc;
}

.vip {
    background-color: purple;
}

.mod {
    background-color: green;
}

.admin {
    background-color: red;
}