Większość zawartości tej strony jest skondensowana ze strony składni Wikidot, aby ułatwić czytanie.
Stylizacja Tekstu
Stylizacja Liniowa
| Składnia | Przykład |
|---|---|
| //tekst kursywą// | tekst kursywą |
| **pogrubiony tekst** | pogrubiony tekst |
| //**pogrubiony z kursywą**// | pogrubiony z kursywą |
| __podkreślony tekst__ | podkreślony tekst |
| --przekreślony tekst-- | przekreślony tekst |
| {{tekst w dalekopisie}} | tekst w dalekopisie |
| indeks^^górny^^ | indeksgórny |
| indeks,,dolny,, | indeksdolny |
| [[span style="color:red"]]niestandardowy element //span// [[/span]] | niestandardowy element span |
| ##blue|podstawowy## albo ##44FF88|własny## kolor | podstawowy albo własny kolor |
Rozmiar Tekstu
| Składnia | Przykład |
|---|---|
| [[size smaller]]Mniejszy Tekst[[/size]] | Mniejszy Tekst |
| [[size larger]]Większy Tekst[[/size]] | Większy Tekst |
| [[size 80%]]80% Aktualnej Wielkości[[/size]] | 80% Aktualnej Wielkości |
| [[size 100%]]100% Aktualnej Wielkości[[/size]] | 100% Aktualnej Wielkości |
| [[size 150%]]150% Aktualnej Wielkości[/size]] | 150% Aktualnej Wielkości |
| [[size 0.8em]]80% Aktualnej Wielkości[[/size]] | 80% Aktualnej Wielkości |
| [[size 1em]]100% Aktualnej Wielkości[[/size]] | 100% Aktualnej Wielkości |
| [[size 1.5em]]150% Aktualnej Wielkości[[/size]] | 150% Aktualnej Wielkości |
| [[size xx-small]]Bardzo Bardzo Bardzo Mały Tekst[/size]] | Bardzo Bardzo Bardzo Mały Tekst |
| [[size x-small]]Bardzo Mały Tekst[[/size]] | Bardzo Mały Tekst |
| [[size small]]Mały Tekst[[/size]] | Mały Tekst |
| [[size large]]Duży Tekst[[/size]] | Duży Tekst |
| [[size x-large]]Bardzo Duży Tekst[[/size]] | Bardzo Duży Tekst |
| [[size xx-large]]Bardzo Bardzo Duży Tekst[[/size]] | Bardzo Bardzo Duży Tekst |
| [[size 7px]]Tekst o Rozmiarze 7 Pikseli[[/size]] | Tekst o Rozmiarze 7 Pikseli |
| [[size 18.75px]]Tekst o Rozmiarze 18.75 Pikseli[[/size]] | Tekst o Rozmiarze 18.75 Pikseli |
Uniknięcie Parsowania/Surowy Tekst
Dwa symbole @ w rzędzie bez spacji po dwóch stronach tekstu spowodują uniknięcie parsowania i wyświetlenie surowego tekstu, czyli dokładnie takiego, jaki został umieszczony między symbolami @. Jest to przydatne do wyświetlania symboli, które są używane przez składnię Wikidot do stylizacji, lub do pokazania, jak stylizować tekst (jak w tym poradniku).
| Składnia | Przykład |
|---|---|
| @@//Uniknięcie// **Parsowania**@@ | //Uniknięcie// **Parsowania** |
Służy także do unikania parsowania przy podziale wierszy i zapobiega zwijaniu wierszy przez Wikidot, poprzez umieszczenie czterech symboli @ w rzędzie.
Ten kod:
Wow to duża
@@@@
@@@@
@@@@
luka!Stanie się tym tekstem:
Wow to duża
luka!
Innym sposobem na uniknięcie parsowania jest umieszczenie wokół tekstu znaków @< i >@. Jest to bardziej zaawansowana metoda, używana również do wstawiania encji HTML.
Ten kod:
Stanie się tym tekstem:
Hello world @@ !!!!
[[module ListPages]]
Copyright sign: ©
Jest to jedyny sposób, żeby uniknąć @@, ponieważ próba użycia metody dwóch symboli @ nie działa.
Linki
Trzy nawiasy [[[ ]]] utworzą odnośnik do strony na wiki, na której aktualnie się znajdujesz. Jest to zalecana składnia do tworzenia odnośników.
| Składnia | Przykład | Informacje |
|---|---|---|
| [[[entities]]] | entities | Wyświetla tytuł strony dokładnie w takiej postaci, w jakiej został on utworzony. |
| [[[entities|Jakiś Tekst]]] | Jakiś tekst | Przydatne, gdy chcesz, aby łącze zawierało tekst inny niż nazwa strony (zazwyczaj używamy tej składni w celu tłumaczenia nazwy strony etc.). |
| [[[top-rated-pages]]] | top-rated-pages | Tak samo jak w pierwszym przykładzie, ale użyliśmy nazwy strony z myślnikami. |
| [[[Top Rated Pages]]] | Top Rated Pages | Do utworzenia łącza wykorzystywany jest tytuł strony. |
| http://www.wikidot.com | http://www.wikidot.com | Adresy URL są automatycznie przekształcane w linki. |
| [http://www.wikidot.com wikidot] | wikidot | Pełny link, zawierający tekst niestandardowy. |
Umieszczenie gwiazdki * przed adresem URL spowoduje, że łącze zostanie otwarte w nowej karcie.
*http://www.wikidot.com
[http://www.wikidot.com wikidot]http://www.wikidot.com
wikidot
Niestety nie działa to w przypadku łączy do stron (znacznik z trzema nawiasami). Jeśli chcesz, aby łącze do strony otwierało się w nowej karcie, musisz użyć adresu URL strony, a nie tylko jej tytułu.
UWAGA: Tytuł i Nazwa strony to dwie odrębne rzeczy, choć zwykle są one podobne, aby uniknąć pomyłek.
- Tytuł strony to tekst, który pojawia się w górnej części strony. Jest to tekst, który wpisuje się jako "Tytuł Strony" podczas edycji strony.
- Nazwa strony to tekst znajdujący się po pierwszym ukośniku w adresie URL, czyli tekst w adresie URL po pl-backrooms-wiki.wikidot.com/.
Zdjęcia
To jest kod dla zdjęć, którego zaleca się używać.
{name} - Nazwa zdjęcia. Powinna ona zawierać rozszerzenie pliku, np. ".jpg", ".png" itp. Jeśli obraz nie jest przesyłany na stronę wiki, powinien to być adres URL zakończony rozszerzeniem pliku obrazu.
{caption} - Opis Obrazu. Ten tekst może być stylizowany za pomocą składni Wikidot.
Pierwsze zdjęcie wykonane Poziomowi 0.
[[include component:image-block
|name=Thebackrooms.jpg
|caption=Pierwsze zdjęcie wykonane **Poziomowi 0**.
]]
Możliwe jest również umieszczanie zdjęcia po innej stronie. Edytując wartość po |align= możesz ustawić, aby obrazek został wyśrodkowany do lewej strony, lub do prawej. Należy wpisać tam left lub right
Obrazek wyrównany do lewej strony.
[[include component:image-block
|name=Thebackrooms.jpg
|caption=Obrazek wyrównany do lewej strony.
|align=left
]]
Aby uzyskać domyślny styl obrazów Wikidot, należy użyć następującego kodu. Zauważ, że w tym przypadku nie ma możliwości opisania zdjęcia.
{image-source} - Źródło obrazu, odpowiadające w przybliżeniu {name} w znaczniku obrazu wiki.
{attribute} - Atrybut przypisany do obrazu, służący do zmiany takich elementów, jak rozmiar, styl css lub do utworzenia linku z URL.
[[image image-source attribute1="wartość1" attribute2="wartość2" ...]]Więcej informacji o tym, jak używać znaczników obrazów Wikidot, takich jak dostępne atrybuty, można znaleźć na Dokumentacji znaczników obrazów w Wikidot.
Video / dźwięk
Na stronę można również zamieścić moduł do ładowania playera html. Po "type=" należy umieścić "audio" lub "video":
[[include :snippets:html5player
| type=audio
| url=URL-TUTAJ]]
Tworzenie Sekcji
Nagłówki
Nagłówki występują od poziomu 1 (H1) do poziomu 6 (H6). Wstaw symbol plusa + dla każdego poziomu nagłówka, który chcesz uzyskać. Rozmiar czcionki w nagłówkach będzie się zmniejszał wraz ze wzrostem poziomu.
+ Nagłówek Poziomu 1
++ Nagłówek Poziomu 2
+++ Nagłówek Poziomu 3
++++ Nagłówek Poziomu 4
+++++ Nagłówek Poziomu 5
++++++ Nagłówek Poziomu 6Spis Treści (TOC)
Kod [[toc]] tworzy spis treści, czyli TOC. TOC zawiera każdy nagłówek na stronie.
Aby TOC wyświetlał się po prawej stronie strony, użyj [[f>toc]]
Aby TOC wyświetlał się po lewej stronie strony, użyj [[f<toc]]
Jeśli nie chcesz, aby dany nagłówek pojawił się w TOC (np. użyłeś stylu nagłówka tylko dla wyglądu), umieść gwiazdkę * po + w nagłówku.
+ Ta część pojawia się w TOC
+* A ta niePrzykładowy wygląd TOC można znaleźć na górze tej strony.
Listy
Listę wypunktowaną można utworzyć za pomocą symbolu gwiazdki *, a listę numerowaną za pomocą symbolu hashtag #. Umieszczenie spacji przed symbolem gwiazdki lub hashtagu spowoduje wcięcie listy.
* Lista Wypunktowana
* Ten wiersz jest wcięty jeden raz
* Ten wiersz jest wcięty dwa razy
# Numerowana Lista
# Ten wiersz jest wcięty jeden raz
# Ten wiersz jest wcięty dwa razy- Lista Wypunktowana
- Ten wiersz jest wcięty jeden raz
- Ten wiersz jest wcięty dwa razy
- Ten wiersz jest wcięty jeden raz
- Numerowana Lista
- Ten wiersz jest wcięty jeden raz
- Ten wiersz jest wcięty dwa razy
- Ten wiersz jest wcięty jeden raz
Blok Cytatu
Umieszczenie symbolu > przed wierszem tekstu spowoduje umieszczenie tekstu wewnątrz cytatu blokowego. Aby zwiększyć wcięcie tekstu, można zwiększyć liczbę symboli >.
> To jest blok cytatu.
>> To jest blok cytatu z wcięciem.
> Tutaj jest więcej tekstu.
>
> Nad tym wierszem tekstu znajduje się pusta linia spacji!
> Jeśli chcesz umieścić pustą linię spacji wewnątrz cytatu blokowego, pamiętaj o wstawieniu spacji po symbolu ">"!To jest blok cytatu.
To jest blok cytatu z wcięciem.
Tutaj jest więcej tekstu.
Nad tym wierszem tekstu znajduje się pusta linia spacji!
Jeśli chcesz umieścić pustą linię spacji wewnątrz cytatu blokowego, pamiętaj o wstawieniu spacji po symbolu ">"!
Niestandardowe Divy
Motyw Backrooms Wiki ma kilka niestandardowych stylów div jako uzupełnienie standardowego motywu.
[[div class="blockquote"]]
Niestandardowy blok cytatu
[[/div]]
[[div class="styled-quote"]]
Stylizowany cytat
[[/div]]
[[div class="dark-styled-quote"]]
Cytat w ciemnym stylu
[[/div]]
[[div class="lightblock"]]
Jasny blok
[[/div]]
[[div class="darkblock"]]
Ciemny blok
[[/div]]Niestandardowy blok cytatu
Stylizowany cytat
Cytat w ciemnym stylu
Jasny blok
Ciemny blok
Bloki Zwijane
Bloki zwijane można otwierać i zamykać, aby pokazać lub ukryć tekst.
[[collapsible show="+ Pokaż cokolwiek" hide="- Ukryj cokolwiek"]]
Tekst jaki chcesz pokazać/ukryć
[[/collapsible]]W przypadku szczególnie długiego, zwijanego bloku warto umożliwić zamykanie go zarówno od dołu, jak i od góry.
[[collapsible show="+ Pokaż cokolwiek" hide="- Ukryj cokolwiek" hideLocation="both"]]
Ten składany blok można zamknąć od góry i od dołu!
[[/collapsible]]Tabelki
Tabele są tworzone przy użyciu dwóch pionowych kresek ||, które wskazują granice komórek. Umieszczenie tyldy (symbol ~) tuż za paskami spowoduje, że dana komórka stanie się komórką nagłówka. Umieszczenie spacji i znaku podkreślenia " _" na końcu wiersza wewnątrz komórki spowoduje utworzenie nowego wiersza, co pozwoli na umieszczenie w komórce wielu wierszy tekstu.
||~ linie muszą się zaczynać i kończyć ||~ dwoma podłużnymi kreskami ||~ nic ||
|| komórki są oddzielone przez || dwie podłużne kreski || nic ||
|||| można objąć wiele kolumn przez || rozpoczynanie każdej komórki ||
|| dodatkową komórką |||| rozłączną ||
|||||| ale przykładem może być: _
to właśnie najprostszy sposób, aby to zobaczyć ||| linie muszą się zaczynać i kończyć | dwoma podłużnymi kreskami | nic |
|---|---|---|
| komórki są oddzielone przez | dwie podłużne kreski | nic |
| można objąć wiele kolumn przez | rozpoczynanie każdej komórki | |
| dodatkową komórką | rozłączną | |
| ale przykładem może być: to właśnie najprostszy sposób, aby to zobaczyć |
||
Przypisy
Blok [[footnote]] umieści listę przypisów na końcu strony. Użycie bloku [[footnoteblock]] pozwoli Ci umieścić listę przypisów w dowolnym miejscu na stronie, zamiast na jej dole.
Jakiś tekst[[footnote]]I mały przypis.[[/footnote]]. Tutaj kolejny[[footnote]]I jeszcze jeden[[/footnote]].
[[footnoteblock]]Możesz utworzyć własny tytuł dla listy przypisów, używając [[footnoteblock title="Tytuł własny"]]. Użycie {title=""} spowoduje usunięcie tytułu.
Jeśli chcesz, aby wszystkie przypisy nie były wyświetlane na dole strony, a tylko w samym tekście, użyj tego modułu na górze strony:
[[div class="blockquote]]
[[module css]]
.footnotes-footer {
display: none;
}
[[/module]]
[[/div]]Tabele
Treść można podzielić na tabele. Jest to przydatne w przypadku stron naszej piaskownicy zawierającej wiele wersji roboczych. Widoki zakładek nie mogą być zagnieżdżone bezpośrednio jeden w drugim. Jest to możliwe przy użyciu zaawansowanego kodu, ale najlepiej jest tego unikać. Widoki zakładek nie działają również ze spisami treści, ponieważ odnośnik TOC nie będzie prawidłowo łączył się z nagłówkiem wewnątrz zakładki.
[[tabview]]
[[tab Tytuł Tabeli nr 1]]
Zawartość Tabeli nr 1
[[/tab]]
[[tab Tytuł Tabeli nr 2]]
Zawartość Tabeli nr 2
[[/tab]]
[[tab Tytuł Tabeli nr 3]]
Zawartość Tabeli nr 3
[[/tab]]
[[/tabview]]Zawartość Tabeli nr 1
Inne
Cztery lub więcej myślników ---- utworzy linię poziomą, jak poniżej:
Aby użyć linku do profilu Wikidot autora, użyj [[user nazwa użytkownika]] albo [[*user nazwa użytkownika]].
| Składnia | Przykład | Informacje |
|---|---|---|
| [[user ghostchibi]] | ghostchibi | Nie wyświetla zdjęcia profilowego użytkownika ani poziomu karmy. |
| [[*user NotReal]] | Wyświetla zdjęcie profilowe użytkownika i poziom karmy. |
Aby wyświetlić kod w jego aktualnej postaci (z pewnymi ograniczeniami), należy użyć następujących elementów:
[[code]]
wprowadź tutaj kod
[[/code]]Wyświetli się to jako:
wprowadź tutaj kodJeśli używasz konkretnego języka programowania i chcesz, by znaczniki się podświetlały, użyj następującego kodu (i zamień CSS na odpowiedni język):
[[code type="css"]]
Kod CSS, na przykład:
blockquote {
box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
[[/code]]
Wyświetli się jako:
Kod CSS, na przykład: blockquote { box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); }