Dead Cells Wiki
Eksploruj
Strona główna
Wszystkie artykuły
Interaktywne mapy
navigation
Dead Cells Wiki
Portal społeczności
Ostatnie zmiany
Losowa strona
Dead Cells
Gra
Przeciwnicy
Broń biała
Broń dystansowa
Tarcze
Gamepedia
Gamepedia support
Zgłaszanie nieodpowiednich reklam
Help Wiki (EN)
Help Wiki (PL)
Dane kontaktowe
FANDOM
Gry
Filmy
TV
Wiki
Odkrywaj wiki
Centrum Społeczności
Utwórz wiki
Nie masz konta?
Zarejestruj się
Zaloguj się
Zaloguj się
Zarejestruj się
Dead Cells Wiki
82
strony
Eksploruj
Strona główna
Wszystkie artykuły
Interaktywne mapy
navigation
Dead Cells Wiki
Portal społeczności
Ostatnie zmiany
Losowa strona
Dead Cells
Gra
Przeciwnicy
Broń biała
Broń dystansowa
Tarcze
Gamepedia
Gamepedia support
Zgłaszanie nieodpowiednich reklam
Help Wiki (EN)
Help Wiki (PL)
Dane kontaktowe
Edytujesz
Dead Cells Wiki:Klasy CSS
Powrót do strony
Edytuj kod źródłowy
Wyświetl historię
Dyskusja (0)
Edycja strony
Dead Cells Wiki:Klasy CSS
Uwaga:
Nie jesteś zalogowany. Jeśli wykonasz jakąkolwiek zmianę, Twój adres IP będzie widoczny publicznie. Jeśli
zalogujesz się
lub
utworzysz konto
, Twoje zmiany zostaną przypisane do konta, wraz z innymi korzyściami.
Filtr antyspamowy.
Nie
wpisuj tu nic!
Na tej stronie znajdziesz różne przydatne klasy CSS, które mogą znaleźć zastosowanie w różnych sytuacjach. Znajdują się tutaj zarówno klasy dostępne domyślnie jak i te dodane przez administratorów w [[MediaWiki:Common.css]], [[MediaWiki:Wiki.css]] i [[MediaWiki:Monobook.css]]. Jeśli uważasz, że warto dodać tutaj jakąś użyteczną klasę CSS, nie krępuj się i ją dodaj. == Jak używać klas CSS? == Aby dodać klasę do elementu trzeba ją podać wewnątrz atrybutu <code>class=""</code>, kilka klas należy rozdzielić spacjami == Kolorystyka [[Pomoc:Kreator motywu|motywu]] == Domyślnie jest dostępnych kilka klas, które dodają kolor tła dostosowujący się do kolorystyki motywu. {| style="width:500px;margin:0 auto;border-spacing:5px;text-align:center;line-height:200%;table-layout:fixed;font-family:monospace" | class="color1" | class="color1" |- | class="accent" | class="accent" |- | class="color2" | class="color2" |} == Kolorowanie linków == Aby zmienić kolor odnośników bez potrzeby uciekania się do arkusza styli wystarczy użyć klasy <code>color-links</code>. Wszystkie odnośniki wewnątrz elementu z tą klasą przybiorą kolor tekstu. <pre><span class="color-links">Przykładowy tekst z [[Strona główna|odnośnikiem]] w roli głównej.</span></pre> '''Efekt:''' <span class="color-links">Przykładowy tekst z [[Strona główna|odnośnikiem]] w roli głównej.</span> Można również nadać inny kolor odnośnikowi poprzez zawarcie samego odnośnika w elemencie zmieniającym kolor. Element zmieniający kolor sam nie musi posiadać tej klasy, musi tylko być wewnątrz elementu, który ją posiada. <pre><span class="color-links">Przykładowy tekst z <span style="color:green">[[Strona główna|odnośnikiem]]</span> w roli głównej.</span></pre> '''Efekt:''' <span class="color-links">Przykładowy tekst z <span style="color:green">[[Strona główna|zielonym odnośnikiem]]</span> w roli głównej.</span> == Usunięcie strzałki w linkach zewnętrznych == Aby usunąć obrazek symbolizujący odnośnik zewnętrzny wystarczy, żeby znalazł się on w elemencie z klasą <code>plainlinks</code> <pre>http://google.com/ – <span class="plainlinks">http://google.com/</span></pre> '''Efekt:''' http://google.com/ – <span class="plainlinks">http://google.com/</span> == Tabele == Istnieją dwie domyślne klasy, które pozwalają nadać czytelny wygląd tabelom. Są to <code>article-table</code> oraz <code>wikitable</code> <pre>{| class="article-table" ...</pre> {| class="article-table" ! Nagłówek A ! Nagłówek B ! Nagłówek C |- | Komórka A | colspan="2" | Połączona komórka |- | Komórka B | Komórka C | Komórka D |- ! colspan="2" | Połączony nagłówek ! Nagłówek D |} <pre>{| class="wikitable" ...</pre> {| class="wikitable" ! Nagłówek A ! Nagłówek B ! Nagłówek C |- | Komórka A | colspan="2" | Połączona komórka |- | Komórka B | Komórka C | Komórka D |- ! colspan="2" | Połączony nagłówek ! Nagłówek D |} Dla tabel są również dostępne klasy <code>centered</code> i <code>fit</code>, które kolejno służą do wyśrodkowania tabeli na stronie oraz do rozciągnięcia jej na całą szerokość strony. == Poziome listy == Klasa <code>hlist</code> pozwala na wygodne tworzenie list poziomych za pomocą wikiskładni. Wszystkie listy znajdujące się wewnątrz elementu z tą klasą zostaną przerobione na poziome. Zależnie od rodzaju listy, efekt końcowy będzie inny. Listy nieuporządkowane zostaną połączone w jeden ciąg, a poszczególne elementy rozdzielone kropką: '''·''' <pre><div class="hlist"> * Lorem * Ipsum * Dolor * Sit * Amet </div></pre><div class="hlist"> * Lorem * Ipsum * Dolor * Sit * Amet </div> Listy uporządkowane zostaną połączone podobnie do nieuporządkowanych z tą różnicą, że elementy zostaną poprzedzone kolejnymi numerami <pre><div class="hlist"> # Lorem # Ipsum # Dolor # Sit # Amet </div></pre><div class="hlist"> # Lorem # Ipsum # Dolor # Sit # Amet </div> Listy definicji również działają podobnie, przy czym etykiety zostaną pogrubione oraz będą oddzielone dwukropkiem od kolejnych elementów <pre><div class="hlist"> ; Lorem : Ipsum : Dolor ; Sit : Amet </div></pre><div class="hlist"> ; Lorem : Ipsum : Dolor ; Sit : Amet </div> Wszystkie rodzaje list mogą być wielopoziomowe oraz mieszane. Listy zagnieżdżone zostaną zawarte w nawiasach <pre><div class="hlist"> ; Lorem : Ipsum :# Dolor :# Sit :* Amet </div></pre><div class="hlist"> ; Lorem : Ipsum :# Dolor :# Sit :* Amet </div> Domyślnie wszystkie listy w danym elemencie pozostaną same w sobie elementami blokowymi. Aby temu zapobiec wystarczy wraz z klasą <code>hlist</code> podać klasę <code>inline</code>. == Zwijane elementy == Klasa <code>mw-collapsible</code> pozwala na włączenie możliwości zwijania elementów. Więcej informacji znajdziesz na stronie [[Pomoc:Zwijanie]]. == Zobacz również == * [[{{ns:4}}:Szablony]] * [[Pomoc:CSS]]
Opis zmian:
Należy pamiętać, że wkład na Dead Cells Wiki jest udostępniany na licencji CC BY-NC-SA
Anuluj
Pomoc w edycji
(otwiera się w nowym oknie)
Follow on IG
TikTok
Join Fan Lab