Jak zrobić prefiksy w poddziałach?

I.
Wtiam, mam pytanie jak zrobić żeby to było bardziej jasne/czarne czy coś w tym stylu proszę o pomoc!





II.
A teraz II pytanie jak zrobić takie coś:

Bo ja mam takie cos


Bo ja mam takie cos zrobiłem taki kod:

<span class="prefix" style="background:red; margin-top: 3px;">OFF</span>

Snake_ napisał 24.04.2014, 14:43:
Poprawiam tytuł.
1 wątek - 1 problem

Gdzie jest wzór tematu? 1 wątek = 1 problem.

Do global.css dodaj/zmień klasę prefix:

.prefix {
    background: url(images/highlight.png) repeat-x;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding: 0 5px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-repeat: repeat-x;
    background-position: 0 -1px;
} 


Użycie:

<span class="prefix" style="background-color: #KOLOR;">TEKST</span> 


Chcesz to wgraj do folderu images na ftp plik z załącznika. Będzie lepszy efekt.