Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Dodanie tła prefixu.

Inne  Założony przez  MisterX.

24.07.2011, 19:13
#1
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ć?
24.07.2011, 19:30
#2
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.
Żadna sprawa nie jest przegrana dopóki choć jeden szaleniec o nią walczy. Tylko wariaci są coś warci.
24.07.2011, 20:05 (Ten post był ostatnio modyfikowany: 24.07.2011, 20:05 przez MisterX.)
#3
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;
}
24.07.2011, 20:31 (Ten post był ostatnio modyfikowany: 24.07.2011, 20:32 przez XmaX.)
#4
span class ma być bez kropki ;)
<span class="prefix_info">Info</span>

Pozdrawiam!
30.01.2012, 18:24 (Ten post był ostatnio modyfikowany: 30.01.2012, 18:29 przez z00m.)
#5
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.
30.01.2012, 18:36
#6
na końcu może być
03.02.2012, 22:28
#7
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. :)
05.02.2012, 22:31
#8
#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.
05.02.2012, 23:13
#9
Xedoxo napisał(a):Utworzyłem nowy temat, z tym prefiksem - lecz żadnego tła nie ma.

Przydałby się adres forum... :angel:
Żadna sprawa nie jest przegrana dopóki choć jeden szaleniec o nią walczy. Tylko wariaci są coś warci.
06.02.2012, 11:21 (Ten post był ostatnio modyfikowany: 06.02.2012, 11:22 przez Zenk.)
#10
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>
06.02.2012, 12:38 (Ten post był ostatnio modyfikowany: 06.02.2012, 12:42 przez Xedoxo.)
#11
#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.
06.02.2012, 12:52 (Ten post był ostatnio modyfikowany: 06.02.2012, 12:54 przez Zenk.)
#12
(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.
06.02.2012, 12:57
#13
Link do forum http://owion.xaa.pl/forumdisplay.php?fid=2
Pytanie jak zaokrąglić rogi w HTML?
06.02.2012, 13:05
#14
Ź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.
06.02.2012, 13:13
#15
Dalej źle, a używam FireFox'a.



Użytkownicy przeglądający ten wątek:

1 gości