Poradnik

Z okazji **zbliżającego się 5-lecia Wojownicy Wiki**, razem z administracją postanowiłam pokazać wam ciekawy sposób na urozmaicenie nazw użytkowników, czyli m.in. kolorowe nicki, które możecie nadać zarówno sobie, jak i pozostałym osobom.

**Od razu mówię, że będziecie to widzieć tylko i wyłącznie z konta, na którym pokolorowano nicki, czyli nie będzie się to pokazywać na całej wiki.**

## Tworzenie strony prywatnego CSS

Najpierw należy stworzyć osobistą stronę CSS.
Będzie to na podstawie szablonu:

```
Użytkownik:NAZWA UŻYTKOWNIKA/common.css
```

Przykładowo:

```
Użytkownik:StrangeHamster25/common.css
```

Jeśli poprawnie ją stworzył\*ś, to powinno wam się pokazać takie okno:

Jeśli nie pokazuje się lekko szare tło (jasny motyw) lub ciemnoszare (ciemny motyw) z cyframi po lewej, to sprawdź, czy dobrze literki są przepisane lub kliknij
**< >** w lewym górnym rogu edytora.

Oczywiście można wyłączyć tryb tego okna, choć później ułatwia on kodowanie.

## Kolor

Teraz przechodzimy do właściwego momentu - kod na kolor i nie tylko.
Jeśli chodzi o kod na kolor, można użyć koloru RGB lub jego nazwy.

### Nick prosty

Jest to nazwa użytkownika, która nie ma w sobie polskich znaków ani spacji, więc wystarczy skorzystać z podanego szablonu:

```
 a[href$="/NAZWAUZYTKOWNIKA"],
 a[href$=":NAZWAUZYTKOWNIKA"] {
     color: KOLOR !important;
 }

```

Przykładowo:

```
 a[href$="/StrangeHamster25"],
 a[href$=":StrangeHamster25"] {
     color: #906dc7 !important;
 }

```

Więc jeśli dobrze wpisałam kod, to wtedy moja nazwa użytkownika będzie się prezentować tak:

Również będzie widać jej kolor w Ostatnich zmianach, tablicach wiadomości i komentarzach.

### Nick z przerwami

Jest to nazwa użytkownika, która jest przedzielona spacją lub kilkoma (na razie załóżmy, że bez polskich znaków); tutaj nie wystarczy w miejscu nicku wpisać samą spację, tylko **\_** . Wtedy kod będzie wyglądać tak:

```
 a[href$="/NAZWA_UZYTKOWNIKA"],
 a[href$=":NAZWA_UZYTKOWNIKA"] {
     color: KOLOR !important;
 }

```

Przykładowo:

```
 a[href$="/Brzoza_the_drzewokrzew"],
 a[href$=":Brzoza_the_drzewokrzew"] {
     color: #906dc7 !important;
 }

```

### Nick z polskimi znakami

Tutaj sprawa jest najtrudniejsza, ponieważ kod CSS "nie rozumie" polskich znaków (**ą**, **ć**, **ę**, **ł**, **ń**, **ó**, **ś**, **ź**, **ż**). Jeśli twój nick zawiera choć jedną z tych liter, musisz:

1. Wejść na swoją stronę użytkownika.
2. Skopiować jej link.
3. Wkleić go gdziekolwiek.
4. Skopiować stamtąd nazwę użytkownika i wstawić ją do kodu.

Przykładowo, Srebrna Pełnia ma **ł** w nazwie, więc po skopiowaniu i wklejeniu linku do jej strony użytkownika (gdziekolwiek), powstanie:

https://wojownicy.fandom.com/pl/wiki/U%C5%BCytkownik:Srebrna\_Pe%C5%82nia,
zamiast
 https://wojownicy.fandom.com/pl/wiki/U%C5%BCytkownik:Srebrna\_Pełnia.
Jak widać, odpowiednikiem **ł** jest **%C5%82**, więc właśnie to wkleję do kodu:

(Jeśli wasza nazwa użytkownika ma w sobie przerwy, to także je uwzględniamy)

```
 a[href$="/NAZWA_UŻYTKOWNIKA"],
 a[href$=":NAZWA_UŻYTKOWNIKA"] {
     color: KOLOR !important;
 }

```

Przykładowo:

```
 a[href$="/Srebrna_Pe%C5%82nia"],
 a[href$=":Srebrna_Pe%C5%82nia"] {
     color: #906dc7 !important;
 }

```

Podobna zasada występuje przy nazwach użytkownika zapisanych cyrylicą, hangulem lub pozostałymi alfabetami z innymi znakami.

## Czcionka

Skoro mamy za sobą podstawy z kolorami, to można kod urozmaicić też o rodzaj czcionki.

**Uwaga:** Nie każda czcionka działa na wiki!

Tutaj znajduje się przykładowa lista z działającymi czcionkami, a tu trzeba pokombinować metodą prób i błędów, by znaleźć te obsługiwane przez wikię.

Aby dodać czcionkę, wystarczy wpisać tą linijkę:

**Uwaga:** Nie trzeba mieć kolorowego nicku, aby móc nadać mu czcionkę!

```
 a[href$="/NAZWA_UŻYTKOWNIKA"],
 a[href$=":NAZWA_UŻYTKOWNIKA"] {
     color: KOLOR !important;
     font-family: CZCIONKA !important;
 }

```

Przykładowo:

```
 a[href$="/StrangeHamster25"],
 a[href$=":StrangeHamster25"] {
     color: #906dc7 !important;
     font-family: Papyrus !important;
 }

```

Wtedy pokaże się coś takiego:

## Grubość

Można także ustawić grubość swojej nazwy użytkownika; wystarczy do kodu dodać następną linijkę:

Dostępne opcje grubości czcionki: **normal**, **bold**, **bolder**, **lighter**, **100**, **200**, **300**, **400**, **500**, **600**, **700**, **800**, **900**, **inherit**.

**Uwaga:** Nie trzeba mieć kolorowego nicku ani z czcionką, aby móc ustawiać jego grubość!

```
 a[href$="/NAZWA_UŻYTKOWNIKA"],
 a[href$=":NAZWA_UŻYTKOWNIKA"] {
     color: KOLOR !important;
     font-family: CZCIONKA !important;
     font-weight: GRUBOŚĆ !important;
 }

```

Przykładowo:

```
 a[href$="/StrangeHamster25"],
 a[href$=":StrangeHamster25"] {
     color: #906dc7 !important;
     font-weight: bold !important;
 }

```

Wtedy wyświetli się to jako:

Teraz mając za sobą podstawowe ustawienia dotyczące nazwy użytkownika i umiejętność stworzenia własnej strony CSS, życzymy miło spędzanego czasu na Wojownicy Wiki!

Jednak w razie pytań, najlepiej piszcie na tablicę wiadomości StrangeHamster25.