Webboard

Pełna wersja: Dodanie tła prefixu.
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
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 :P):

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):
[Obrazek: beznazwy2ys.th.jpg]

Jak coś takiego zrobić?
Sprawa jest bardzo prosta. :) W ACP, w wyglądzie prefiksu, wpisz:
Kod:
<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:
Kod:
<span class=".prefix_info">Info</span>

global.css:
Kod:
.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 ;)
Kod:
<span class="prefix_info">Info</span>

Pozdrawiam!
Pozwolę sobie na malutki odkop , aby nie pisać kolejnego tematu.
Kod:
.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:
Kod:
.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:
Kod:
<span class="prefix_info">Info</span>

Utworzyłem nowy temat, z tym prefiksem - lecz żadnego tła nie ma.
Xedoxo napisał(a):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:
Kod:
.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ś:
Kod:
<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 :
Kod:
<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.
(05.02.2012, 23:13)Adrian napisał(a): [ -> ]
Xedoxo napisał(a):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.
Stron: 1 2