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:
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.
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.
Ź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.