Inne Dodanie tła prefixu.

wersja skryptu MyBB:1.6.3
adres forum:konsolka.eu
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

I znów zatruję życie naszym wspaniałym grafikom (pewnie i tak odpowie Adrian ):

Mam nadzieję, że nie uznacie tego jako próbę naśladowania etc., ale bardzo spodobał mi się nowy wygląd prefixów, chodzi dokładniej o tę jakby obwódkę (tło):


Jak coś takiego zrobić?

Sprawa jest bardzo prosta. W ACP, w wyglądzie prefiksu, wpisz:

<span class="klasa">Nazwa prefiksu</span>

Następnie dodając odpowiednią klasę do global.css możesz wystylizować wyświetlanie prefiksu.

Ale niestety coś chyba źle zrobiłem, ponieważ nie widać ramki ;/

Prefix Info:

<span class=".prefix_info">Info</span>

global.css:

.prefix_info {
    background: #000;
border: 1px solid #000;
webkit-border-radius: 2px;
khtml-border-radius: 2px;
moz-border-radius: 2px;
  border-radius: 2px;
}

span class ma być bez kropki

<span class="prefix_info">Info</span>

Pozdrawiam!

Pozwolę sobie na malutki odkop , aby nie pisać kolejnego tematu.

.prefix_info {
    background: #000;
border: 1px solid #000;
webkit-border-radius: 2px;
khtml-border-radius: 2px;
moz-border-radius: 2px;
  border-radius: 2px;
}

Dodać po prostu na końcu global.css ?

Czy musi to być jakieś "szczególne" miejsce?

---

wgrałem na końcu i śmiga , mam nadzieje , że nie będzie problemów.

na końcu może być

Dodałem na końcu global.css odpowiedni kod i zrobiłem tak, jak napisał XmaX, jednak ramki nadal nie ma - pokazuje się sam tekst. Przepraszam, że piszę w nie swoim temacie, lecz nie chcę zakładać kolejnego.

#Up
Zrobiłem tak samo, a żeby się upewnić to tak:

Do Global.css na sam koniec dodałem to:

.prefix_info {
    background: #000;
border: 1px solid #000;
webkit-border-radius: 2px;
khtml-border-radius: 2px;
moz-border-radius: 2px;
  border-radius: 2px;
}

Utworzyłem nowy prefiks o nazwie Info, i w wygląd prefiksu wpisałem to:

<span class="prefix_info">Info</span>

Utworzyłem nowy temat, z tym prefiksem - lecz żadnego tła nie ma.

Utworzyłem nowy temat, z tym prefiksem - lecz żadnego tła nie ma.

Przydałby się adres forum... :angel:

Spróbuj to rozwiązanie. Dodaj do globa.css na koniec:

.prefix {
color: #fff;
-webkit--radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 3px;
font-size: 10px;
display: inline !important;
}
.prefix.niebieski {background: #0000CD;}

Teraz dodaj prefix o X nazwie, i daj takie coś:

<span class="prefix niebieski">Text</span>

#Up

zrobiłem wszystko jak napisałeś i dalej nie działa.

---

Zrobiłem to po swojemu w .HTML bez bawienia się w .css

Tworzymy nowy prefiks i w styl wyglądania wklejamy np. to :

<span style="color: rgb(255, 255, 255);"><span style="background-color: rgb(255, 153, 0);"><strong>Info</strong></span></span>

Jeszcze brakuje mi tego, żeby były zaokrąglone rogi.

Utworzyłem nowy temat, z tym prefiksem - lecz żadnego tła nie ma.

Przydałby się adres forum... :angel:

By było o wiele łatwiej... Może nie do tego global.css dajesz co trzeba?

PS: Ten kod na górze wygląda okropnie.

Link do forum http://owion.xaa.pl/forumdisplay.php?fid=2
Pytanie jak zaokrąglić rogi w HTML?

Źle się sformatowało chyba, bo nie czyta tego co dodałeś do global.css. Wywal to i spróbuj skopiować stąd:

http://wklej.to/HofGJ/text

Wtedy będzie zaokrąglone (no chyba że używasz Internet Explorer) i kod nie będzie nasrakany.

Dalej źle, a używam FireFox'a.