Mikuz11_Offset_Guide_Tłumaczenie

Offset 0

Wstęp do offsetów

Offsety powszechnie uważane są za nieprzystępne i zrozumiałe tylko dla wybrańców, którzy pojęli ich tajniki. Wielu twórców bardzo chce skorzystać z offsetów w swoich pracach, jednak boi się zagmatwanego procesu ich implementacji. Niektóre najpopularniejsze strony na wiki używają offsetów, dzięki czemu mają wysokie oceny. Niektóre szczególnie złożone kodowo prace korzystają z offsetów, żeby jeszcze tej złożoności dodać. Nie dziwne więc, że większość ludzi patrzy na takie artykuły i myśli, że nie podołałaby samemu. Ten poradnik jednak ma zamiar to zmienić.

Czym są offsety?

Po pierwsze, czym tak w ogóle są offsety? Jest to sposób na przeniesienie czytelnika na inną stronę, nie tracąc przy tym ocen i komentarzy głównej strony. Ta funkcja może okazać się przydatna do spajania elementów fabularnych artykułu bez używania gorzej wyglądających metod. Może to być na przykład odświeżona wersja wpisu po jakimś nowym odkryciu, zwykłe przejście służące aparycji strony, czy cokolwiek innego. Kliknij tutaj, żeby zobaczyć, jak działają offsety.

Offsety są wbudowaną funkcją Wikidota używaną za pomocą modułu zwanego ListPages. Funkcja ta używa specjalnego typu stron na wiki zwanych "fragmentami". Fragmenty są kolejną wbudowaną funkcją Wikidota, używaną najczęściej w offsetach, jednak znajdzie się je także w motywach czy w kodzie pozwalającym na zawarcie jednej strony w drugiej. Są one niewidzialne dla każdego, kto nie posiada linku bezpośrednio do nich ani nie pojawią się na liście "Najnowszych Stron" na stronie głównej po wstawieniu.

Jak używać offsetów?

W porządku, wiemy już, jak działają offsety i wytłumaczyliśmy sobie pewne pojęcia, więc czas teraz użyć je w twoim artykule. Gdzie masz zacząć? Najpierw musisz stworzyć stronę nadrzędną. Będzie się ona zachowywać jako "scena", na której będą prezentować się twoje fragmenty. Do wytłumaczenia tego najlepsza będzie analogia talerza. Wyobraź sobie, że strona nadrzędna jest pustym talerzem — jako jedyny na stole nic nie wskóra. Musisz więc położyć na nim jakieś danie, w tym wypadku nasze fragmenty. Jak i fragmenty, danie którego nie da się na niczym zaserwować, jest niczym. Tutaj właśnie cała na biało przychodzi strona nadrzędna. Ani ona, ani fragmenty same nie mają prawa bytu, jednak razem tworzą idealną parę.

Żeby stworzyć stronę nadrzędną, najpierw musisz stworzyć zwykłą stronę. Dla przykładu strona, na której się teraz znajdujesz to http://pl-backrooms-wiki.wikidot.com/poradnik-offsetow. Jeśli chcesz stworzyć offsety na sandboxie, przez błąd Wikidota musisz dodać "collab:" przed nazwą strony. Bez tego offsety na sandboxie mogą nie działać. Dla przykładu więc link dla tej samej strony tylko na sandboxie wyglądałby tak: http://backrooms-pl-piaskownica.wikidot.com/collab:poradnik-offsetów.

Po stworzeniu swojej strony musisz ją teraz odpowiednio ustawić pod offsety. Pamiętaj, że zawartość strony zawsze znajdzie się na wszystkich podpiętych pod nią fragmentach, co za chwilę omówimy. By dobrze sformatować stronę nadrzędną, wykorzystaj szablon poniżej:

---

(JEŚLI UŻYWASZ JAKIEGOŚ MOTYWU, WSTAW GO TUTAJ)

[[module css]]
(Tutaj wstaw moduł CSS, którego chcesz użyć na wszystkich stronach)
[[/module]]

[[include :backrooms-wiki:component:open]]
Tutaj wstaw ostrzeżenia o zawartości i cokolwiek co chcesz tutaj dodać. Jeśli będziesz chciał wstawiać tutaj jakiekolwiek ostrzeżenia, musisz dodać |cw=1 przed zamykającą linijką komponentu.
[[include :backrooms-wiki:component:close]]

[[module ListPages category="fragment" parent="." limit="1" order="created_at" offset="@URL|0"]]
%%content%%
[[/module]]

------

[[div class="footer-wikiwalk-nav"]]
[[=]]
@< [[[Poziom n-1]]] | Poziom n | [[[Poziom n+1]]] >@
[[/=]]
[[/div]]

Na dole strony musisz dodać License Boxa.

Użyj tego, jeśli NIE używasz żadnych zdjęć czy innych materiałów:

[[include :pl-backrooms-wiki:component:license-box]]
=====
=====
[[include :pl-backrooms-wiki:component:license-box-end]]

Ale jeśli używasz zdjęć bądź innych materiałów, dodaj to dla każdego jednego używanego przez ciebie zdjęcia/materiału pomiędzy dwoma liniami "=====" :

> **Nazwa:**
> **Autor:**
> **Licencja:**
> **Link Źródłowy:**
> **Zdjęcie Oryginalne:** (Jeśli używasz przeróbki)
> **Dodatkowe Uwagi:** (Opcjonalne)

---

Pochylmy się trochę nad tym szablonem. Jeśli chcesz użyć motywu, musisz go zawrzeć na samej górze tekstu. Jeśli twój artykuł używa podstawowego motywu "Liminal" lub planujesz użyć osobnym motywów dla każdego offseta, pomiń tę część. Poniżej znajduje się moduł CSS. Tam możesz wprowadzić jakikolwiek kod CSS, który chcesz wprowadzić na wszystkie swoje fragmenty. Najczęściej używa się go do czcionek, personalizowanych Divów i kodów związanych z motywami, jak na przykład zmiana koloru tekstu. Jeśli nie planujesz wprowadzać żadnych modułów CSS wykorzystywanych we wszystkich offsetach, pomiń tę część szablonu. Jeszcze niżej znajduje się moduł ocen. Jest on wymagany na wszystkich offsetach, więc najlepiej jest dodać go od razu na stronie nadrzędnej, żeby nie wprowadzać go za każdym razem na każdej stronie. Poniżej znajduje się kod, który sprawia, że dzieje się magia. Jest on potrzebny do poprawnego działania offsetów. Niżej jest też collaps autora. On również jest wymagany na wszystkich offsetach, więc najlepiej będzie dodać go na stronie nadrzędnej, zamiast przekopiowywać go za każdym razem. Gdy już skończysz formatować stronę nadrzędną, czas stworzyć fragmenty.

By stworzyć stronę pod fragment, po frazie "wikidot.com/" w nazwie strony nadrzędnej musisz po prostu dodać "fragment:". Na końcu jej nazwy natomiast, musisz dodać numer. Dla pierwszego fragmentu będzie to "0". Kontynuując na przykładzie tej strony, pierwszy jej fragment będzie się nazywać http://pl-backrooms-wiki.wikidot.com/fragment:poradnik-offsetow-0. Na sandboxie fragmenty działają dokładnie w ten sam sposób. By podłączyć tę stronę pod stronę nadrzędną, musisz zejść na dół strony, wcisnąć Opcje, a następnie Strona Nadrzędna, tak jak jest to pokazane poniżej:

---

---

Gdy pojawi się menu, musisz wpisać nazwę strony nadrzędnej, a następnie wybrać ją z listy, która pojawi się poniżej. Po jej wybraniu kliknij Zapisz. Teraz, po ustawieniu fragmentu, możesz dodać do niego zawartość. Wszystko, co będzie we fragmencie zerowym, pojawi się jako pierwsze gdy czytelnik otworzy stronę, więc zawrzyj w nim wszystko, co chcesz, by zobaczył przed wejściem na kolejne offsety.

WAŻNE: PO KAŻDEJ EDYCJI FRAGMENTU MUSISZ ODŚWIEŻYĆ STRONĘ NADRZĘDNĄ POPRZEZ OTWARCIE EDYCJI I ZAPISANIE JEJ. ISTNIEJE BŁĄD, KTÓRY PRZEZ BRAK ODŚWIEŻENIA CAŁOŚCI POWODOWAŁ PROBLEMY NA STRONIE. PAMIĘTAJ, BY ODŚWIEŻYĆ STRONĘ PO KAŻDEJ EDYCJI KAŻDEGO FRAGMENTU.

Teraz musisz po prostu powtórzyć ten proces dla każdego kolejnego fragmentu, który chcesz utworzyć. Dla drugiego offsetu link będzie wyglądał tak: http://pl-backrooms-wiki.wikidot.com/fragment:poradnik-offsetow-1, dla trzeciego tak: http://pl-backrooms-wiki.wikidot.com/fragment:poradnik-offsetow-2 i tak dalej. By przenieść czytelnika z jednego offsetu na następny, musisz użyć specjalnego linku. Jeśli wszystko powyżej zostało wykonane poprawnie, wtedy to zadziała, inaczej przeniesie cię on na pustą stronę. Niech znów za przykład posłuży ta strona. Link, który przeniesie czytelnika na drugi offset, będzie wyglądać tak:http://pl-backrooms-wiki.wikidot.com/poradnik-offsetow/offset/1. Tak samo wygląda to w przypadku łączenia offsetów w sandboxie. Gdy dodajesz swoje fragmenty na stronę po greenlightcie, każdy fragment powinien posiadać tylko tag fragment.

Częstym błędem popełnianym przez ludzi jest podawanie linku do fragmentu, zamiast do offsetu posiadającego już oceny oraz komentarze. Jeśli twój artykuł nie działa, upewnij się, że używasz linku nieposiadającego w sobie części "fragment:", a tego, który posiada część "/offset/". Co więcej, linki prowadzące do offsetów nie będą działać w ustawieniu [[[link]]]. Zamiast tego, musisz użyć pojedynczych nawiasów [link]. Jeśli jest to dla ciebie problemem, odwiedź Poradnik Składni Wikidot.

Uff! Wiem, że jest tego dużo, ale w końcu załapiesz, o co w tym biega. Pierwszy raz jest zawsze najgorszy, ale jak tylko uporasz się z tym po raz pierwszy, następnym razem pójdzie ci już gładko.

Podsumowanie krok po kroku [+]

1. Stwórz stronę nadrzędną. Ta strona powinna zawierać moduł oceniania, informacje o autorze i moduły CSS, które pojawią się na wszystkich offsetach. Jeśli tworzysz w sandboxie, upewnij się, że strona ma w nazwie "collab:"
2. Użyj kodu "ListPages" jak w szablonie dla stron nadrzędnych powyżej.
3. Stwórz pierwszy fragment, dodając do nazwy frazę "fragment:" i wstaw do niego wszystko, co chcesz, by pojawiło się na pierwszej stronie.
4. kliknij Opcje —> Strona Nadrzędna —> wpisz nazwę głównej strony dla twojego fragmentu. Pamiętaj, o frazie "collab:" jeśli robisz to w sandboxie.
5. Odśwież stronę nadrzędną.
6. Powtórz kroki 3-5 dla każdego fragmentu, który stworzysz.
7. Dla przejść między offsetami użyj linków w pojedynczym nawiasie [link].
8. Upewnij się, że najpierw stworzyłeś stronę nadrzędną, a dopiero potem offsety w dobrej kolejności.

Częste Problemy

Poniżej wypisane są najczęstsze problemy oraz jak je rozwiązać. Tworzenie offsetów jest bardzo zawiłe i łatwo można przy nim popełniać błędy, więc jest bardzo prawdopodobne, że natkniesz się kiedyś na jakiś problem.

Oceny i komentarze nie zostają takie same

Jeśli twoje oceny i komentarze nie przenoszą się na inne offsety, upewnij się, że link przenoszący przenosi na offset a nie na fragment. Link prowadzący na następny offset powinien wyglądać tak: http://pl-backrooms-wiki.wikidot.com/poradnik-offsetow/offset/1, a NIE tak: http://pl-backrooms-wiki.wikidot.com/fragment:poradnik-offsetow-1.

Link do offsetu przenosi mnie na pustą stronę

Jeśli link do offsetu prowadzi na pustą stronę, upewnij się, że nie ma w nim żadnych literówek. Link do offsetu powinien być identyczny jak link do strony nadrzędnej, na końcu tylko posiadając dodatkowo frazę "/offset/". Jeśli nadal link nie prowadzi do poprawnej strony, upewnij się, że kod linku wygląda tak: [http://pl-backrooms-wiki.wikidot.com/poradnik-offsetow/offset/1 JAKIŚ TEKST], a NIE tak: [[[http://pl-backrooms-wiki.wikidot.com/poradnik-offsetow/offset/1|JAKIŚ TEKST]]]. Jeśli link wciąż będzie zły, sprawdź, czy fragment jest podłączony do poprawnej strony nadrzędnej na Wiki. Jeśli to także nie pomaga, bardzo możliwe, że powinieneś odświeżyć swoją stronę nadrzędną.

Nie mogę podłączyć fragmentu do strony nadrzędnej

Czy wyświetla ci się taka wiadomość (albo przynajmniej coś w tym stylu), gdy próbujesz nadać fragmentowi stronę nadrzędną?

---

---

Jeśli tak, oznacza to, że nie dodałeś frazy "collab:" w nazwie strony nadrzędnej. Żeby ominąć ten problem, wejdź w opcje, następnie w Zmień Nazwę i dodaj "collab:" w nazwie strony. Gdy już to zrobisz, będziesz w stanie podłączyć wszystkie swoje fragmenty do strony nadrzędnej. Ten błąd występuje tylko w sandoxie i nie musisz się nim przejmować, gdy będziesz już wstawiać stronę na Wiki po greenlightcie.

Strona offsetu jest pusta, chociaż że fragment jest podłączony

Jeśli natkniesz się na taki błąd, w pierwszej kolejności sprawdź, czy strona nadrzędna, do której podłączone są fragmenty, została poprawnie wpisana. Jeśli to nie zadziała, oznacza to, że fragmenty zostały wstawione przed stroną nadrzędną. Robiąc stronę z offsetami, kolejność, w jakiej wstawiasz strony, ma znaczenie ze względu na to, jak działa kod "ListPages", przez co musisz iść zgodnie z kolejnością przez cały czas. NAJPIERW wstawiasz stronę nadrzędną, dopiero potem wstawiasz fragmenty według kolejności, w jakiej chcesz, żeby były ustawione. Na przykład, fragment 0 musi być po stronie nadrzędnej drugą wstawioną stroną. Fragment 1 musi być trzecią, fragment 2 czwartą i tak dalej. Jeśli fragmenty zostały wstawione na Wiki w złej kolejności, musisz je wszystkie usunąć i zacząć cały proces od nowa, tym razem trzymając się kolejności.

Porada: Jeśli chcesz w łatwy sposób ominąć ten błąd, najlepiej będzie w pierwszej kolejności otworzyć z odpowiadającym im linków wszystkie strony, które planujesz stworzyć, a następnie we wszystkich na raz otworzyć edycję. Następnie możesz przekleić do każdej strony odpowiadającą jej zawartość z twojego sandboxa i zapisać je wszystkie naraz, zachowując ich odpowiednią kolejność. Tak samo zrób z ustawianiem dla nich strony nadrzędnej. Upewnij się także, że sandboxowe linki, które wstawiasz, są zmienione na te działające na Wiki.

Moje offsety są w złej kolejności

To jest bardzo podobna sytuacja do tej wyżej. Jeśli twoje offsety są w złej kolejności, oznacza to, że wstawiłeś w złej kolejności swoje fragmenty. Na przykład, jeśli najpierw wstawiłeś fragment 1, a dopiero potem fragment 0, strona będzie myśleć, że fragment 1 jest fragmentem 0 i wyświetli najpierw go, czego oczywiście nie chcesz. Jeśli masz ten problem w sandboxie, najprostszym sposobem będzie zamiana kodów źródłowych w obu fragmentach. Możesz użyć porady w rozwiązaniu problemu wyżej, żeby nie mieć tego problemu, gdy wstawiasz już stronę na Wiki.

---

Porady i Offsetowe Sztuczki

Poniżej znajduje się kilka porad i wskazówek, których możesz użyć przy tworzeniu strony z offsetami! Jeśli chcesz użyć ich na swojej stronie droga wolna.

Zmiana Motywu

Jedną z najlepszych zalet offsetów jest możliwość zmiany motywu w zależności od offsetu. Możesz tego używać do najróżniejszych celów jak na przykład stopniowa korozja strony, czy do przedstawienia dwóch zupełnie różnych od siebie perspektyw na stronie.

Przykład

Strona Motywów

Zmiana Czcionki

Może i jest sposób, żeby zmieniać ją bez przechodzenia między offsetami przy użyciu kodu CSS i HTML, ale jest to jeszcze trudniejsze niż same offsety. Prawdziwa Sigma użyje offsetu. Jeśli nie chcesz babrać się w skomplikowanym kodzie, najłatwiej będzie skorzystać właśnie z nich.

Przykład

Poradnik:

Pokaż instrukcję +

Krok 1:

Wejdź na Google Fonts.

Krok 2:

Wybierz i dostosuj czcionkę tak, jak chcesz i kliknij przycisk "Get font". Następnie kliknij "get embed code".

Krok 3:

Wybierz opcję "@import". Skopiuj kod pomiędzy linijkami <style>, a </style> bez kopiowania samych tych linijek, z kwadratu podpisanego "Embed code in the <head> of your html".

Krok 4:

Wklej ten kod w moduł CSS. Naciśnij jeden raz enter, a następnie po kropce napisz, jak chcesz nazwać tę czcionkę, następnie naciśnij raz spację i dodaj {. Naciśnij enter, a następnie cztery razy naciśnij spację. Wklej fragment kodu zaczynający się od "font style" z drugiego kwadratu podpisanego "CSS class for a variable style". Naciśnij enter, a następnie dodaj }.

Krok 5:

Użyj tego kodu we fragmencie, w którym chcesz użyć tej czcionki:

[[div style="font: 2rem 'NAZWA_CZCIONKI'"]]
Cała reszta artykułu
[[/div]]

I zamień NAZWA_CZCIONKI na nazwę, która została jej nadana w kodzie wcześniej. Gdy już wszystko zrobisz, powinno to wyglądać tak:

[[module css]]
@import url('https://fonts.googleapis.com/css2?family=Inspiration&display=swap');
.sussy {
    font-family: 'Inspiration', cursive;
}

[[/module]]

[[div style="font: 2rem 'Inspiration'"]]
CAŁY TEKST KTÓRY MA BYĆ ZAPISANY TĄ CZCIONKĄ
[[/div]]

Hasła:

Kolejną popularną sztuczką używaną z offsetami są hasła! Dzięki MyrandFox mamy dostęp do niesamowitego kodu w JavaScript, który przenosi na inną stronę po wpisaniu dobrego hasła. Kod ten może być używany, by przenieść czytelnika na inny offset, dzięki czemu można nadać więcej aury tajemniczości w artykule. Spróbuj, kod nie gryzie!

Przykład:

Pokaż Przykład +

Instrukcja:

Pokaz Instrukcję +

krok 1: Wklej kod poniżej we fragmencie, na którym chcesz, żeby znajdowało się hasło, a następnie zmień go według instrukcji.

[[html]]
<head>
<script language="javascript">

function LogIn(){
let loggedIn = false;
let passWord = "TWOJE HASŁO";
let passWord2 = prompt("TEKST");
passWord2 = passWord2.toLowerCase();
      <!-- By dodać więcej haseł, po prostu użyj funkcji: let passWord4 = "NASTĘPNE HASŁO"; -->
      <!-- W "TWOJE HASŁO" wpisz wymyślone przez ciebie hasło, które przeniesie czytelnika na następny offset. Tam, gdzie "TEKST" wstaw to, co chcesz by było napisane na wyskakującym oknie z wejściem na hasło. W haśle nie używaj dużych liter, tak samo jak liter takich jak ó, ź, ż i tak dalej, bo może to zepsuć kod. Gdy wpisuje się hasło, kod ignoruje wpisane przez użytkownika duże litery. Nie ignoruje on jednak polskich liter. -->
    if (passWord2 === passWord) {
          loggedIn = true;
          window.open('LINK');
    }
      <!-- W "LINK" wstaw link do OFFSETU, nie do fragmentu. -->
    else if (passWord2 === passWord3) {
          loggedIn = true;
          window.open('LINK');

    }
      <!-- Jeśli nie używasz więcej niż jednego hasła, usuń ten fragment kodu. Jeśli używasz więcej niż dwa hasła natomiast, kod ten (z numerami zmienionymi według zasady) musi pojawić się dla każdego z nich. -->
    else {
          alert("TEKST_BŁĄD");
      <!-- W "TEKST_BŁĄD" wstaw tekst, który pojawia się, gdy zostanie wpisane złe hasło. -->
    }
}

</script>
</head>

      <!-- Tutaj możesz pobawić się z tym, jak wygląda przycisk dla hasła. Wyszukaj kolor, jaki chcesz i wstaw tutaj jego wartości. Teraz kod poniżej sprawia, że przycisk jest pomarańczowo-czarny. -->
<style type="text/css">
input[type=button] {
border-color: rgb(229, 140, 36);
color: rgb(229, 140, 36);
background: rgb(29, 18, 7);
}

input[type=button]:focus {
border-color: rgb(229, 140, 36);
color: rgb(229, 140, 36);
background: rgb(29, 18, 7);
}

input[type=button]:hover {
color: rgb(29, 18, 7);
background: rgb(229, 140, 36);
}
</style>

      <!-- Kod poniżej sprawia, że przycisk jest wyśrodkowany. Jeśli pominiesz tę część, przycisk domyślnie znajdzie się po lewej stronie. Za "Input Here" możesz wpisać cokolwiek, co będzie na tym przycisku napisane. -->

<body style="text-align: center;">
<form><input type=button value="(Input Here)" onClick="LogIn()" align=center></form>
</body>
[[/html]]

Krok 2: Stwórz offset, do którego poprawne hasło będzie prowadzić. Pamiętaj, by jako link podać link do OFFSETU, a nie do fragmentu.

Krok 3: Sprawdź, czy twój kod działa i tyle! Nie jest to takie trudne, co?

Ważne: Jeśli twoje urządzenie blokuje wyskakujące okienka, ten kod nie zadziała. By widzieć działanie tego kodu na własne oczy, musisz pozwolić na otwieranie wyskakujących okienek z Wikidota. Nie będą przez to wyskakiwać ci żadne reklamy, ponieważ Wikidot to strona wolna od reklam.

Kod CSS Dla Innych Wyskakujących Okienek

Kolejną sztuczką, którą offsety mają w rękawie, jest wyświetlanie kilkusekundowego filmiku, który może wprowadzić atmosferę do twojego artykuły. Może i wymaga to dużo roboty od strony edytowania filmiku, ale gdy już skończysz, będzie rozpierać cię duma. Używaj jednak tej sztuczki z rozwagą, by nie irytować czytelników jej nadużywaniem.

Zobacz, jak to robią w angielskiej filii!

Instrukcja:

Pokaż Instrukcję +

Krok 1: Stwórz dziewięciosekundowy filmik, którego chcesz użyć jako wstęp dla artykułu. Prześlij go do plików.

Krok 2: Wklej kod znajdujący się poniżej we fragmencie, w którym chcesz, by pojawił się filmik. W "LINK_FILMIKU" wstaw link do filmiku znajdującego się już w plikach Wikidota.

[[module css]]
.animation {
   position: absolute;
   height: 100%;
   width: 100%;
   background: black;
   background-image: url("LINK_FILMIKU");
   background-repeat: no-repeat;
   background-size: 85%;
   transform: translate(-13rem, -17.5rem);
   animation: hide 1s 9.25s 1 both;
}

.background-left {
   position: absolute;
   height: 100%;
   width: 100%;
   background: black;
   transform: translate(-20rem, -17.5rem);
   animation: hide2 1s 9.25s 1 both;
}

@keyframes hide {
   0% { opacity: 1; z-index: 99999;}
   100% { opacity: 0; z-index: -1;}
}

@keyframes hide2 {
   0% { opacity: 1; z-index: 90000;}
   100% { opacity: 0; z-index: -1;}
}
[[/module]]

[[div class="animation"]]
[[/div]]
[[div class="background-left"]]
[[/div]]

Krok 3: Wykaż się swoją nową umiejętnością i udowodnij innym, że jesteś kodowym geniuszem.

Podsumowanie

Gratulacje! Przeszedłeś szybki kurs z używania offsetów. Ich możliwości są praktycznie nieskończone, więc idź w świat i twórz arcydzieła dzięki swoim nowym umiejętnościom. Miejmy nadzieję, że dzięki temu poradnikowi więcej osób zacznie używać offsetów. Jeśli masz jeszcze jakieś problemy, odezwij się do naszego kodowego świra Cpt_Foxxler. Możesz także odezwać się na discordzie na kanale #pomoc-techniczna. Pomyślnego kodowania!

Tutaj znajduje się link do fragmentu, jeśli chcesz zobaczyć kod użyty na tej stronie. Pamiętaj tylko, że nie możesz go edytować bez zgody.

---

Offset 1

Rozumiesz?! Jesteś teraz na zupełnie innej stronie, a jednak oceny i komentarze wciąż są takie same! Niesamowite!

Kliknij tutaj, żeby wrócić do poradnika.

Offset 2

TERAZ ARTYKUŁ JEST STRASZNY!!!!

JAKIŚ BARDZO PRZERAŻAJĄCY POTWÓR WYPOWIE TERAZ TWÓJ NICK.

KLIKNIJ TEN LINK ŻEBY WRÓCIĆ ZANIM CIĘ POŻRE.

Offset 3

Teraz cały poradnik jest napisany taką irytującą czcionką, od której bolą oczy!
Wstęp do offsetów
Offsety powszechnie uważane są za nieprzystępne i zrozumiałe tylko dla wybrańców, którzy pojęli ich tajniki. Wielu twórców bardzo chce skorzystać z offsetów w swoich pracach, jednak boi się zagmatwanego procesu ich implementacji. Niektóre najpopularniejsze strony na wiki używają offsetów, dzięki czemu mają wysokie oceny. Niektóre, szczególnie złożone kodowo prace korzystają z offsetów, żeby jeszcze tej złożoności dodać. Nie dziwne więc, że większość ludzi patrzy na takie artykuły i myśli, że nie podołałaby samemu. Ten poradnik jednak ma zamiar to zmienić.

(Nie będę wklejać tutaj całego poradnika, ale chyba rozumiesz, o co w tym chodzi.)

Powrót na stronę główną

Offset 4

Jak udało ci się odgadnąć hasło?! Podobno było nie do złamania!

Powrót do poradnika

Całość

Autor

Author

Oryginał autorstwa Natedagreat563
Tłumaczenie autorstwa Mikuz11

Kod

Kod hasła został napisany przez MyrandFox i zmodyfikowany przez VivamusLudio

Kod wyskakującego filmiku został napisany przez CutTheBirch

Licencja

“Offsets Guide” autorstwa Natedagreat563 jest na licencji CC BY-SA 4.0

Żródła Zdjęć:

Wszystkie zdjęcia użyte na stronie są autorstwa Natedagreat563 i zostały odtworzone po polsku przez Mikuz11. Są na licencji CC-BY-SA 4.0.

‡ Licencja / Wytyczne

Wytyczne tej strony:

"Mikuz11_Offset_Guide_Tłumaczenie" autorstwa Natedagreat563, ze strony oficjalnej Backrooms Wiki. Źródło: https://backrooms-wiki.wikidot.com/mikuz11-offset-guide-tlumaczenie. Na licencji CC-BY-SA-3.0.

Tłumaczenie jest autorstwa Mikuz11 na stronie Polskiej Backrooms Wiki. Źródło: https://pl-backrooms-wiki.wikidot.com/mikuz11-offset-guide-tlumaczenie.

---

Po więcej informacji dotyczących treści na wiki, odwiedź stronę Licensing Master List.

+ Theme Code

/*=== ROOT VARS ===*/
:root {
    /*=== S-CSS-P ===*/
    --theme-base: "black-highlighter";
    --theme-id: "nuterminal";
    --theme-name: "NuTerminal Theme";
 
    /*=== Colors ===*/
    /*== Basic Colors ==*/
 
   --black-monochrome: 0, 4, 15;
   --dark-gray-monochrome: 18, 22, 32;
   --gray-monochrome: 95, 95, 95;
   --light-gray-monochrome: 115, 119, 129;
   --pale-gray-monochrome: 207, 210, 216;
   --white-monochrome: 230, 235, 239;
   --bright-accent: 115, 119, 129;
   --medium-accent: 0, 4, 15;
   --dark-accent: 115, 119, 129;
   --pale-accent: 115, 119, 129;
 
    /*== Swatches ==*/
    --swatch-background: var(--dark-gray-monochrome);
    --swatch-primary: var(--light-gray-monochrome);
    --swatch-primary-darker: var(--gray-monochrome);
    --swatch-primary-darkest: var(--light-gray-monochrome);
    --swatch-border-color: var(--white-monochrome);
 
    --swatch-text-dark: var(--black-monochrome);
    --swatch-text-light: var(--white-monochrome);
    --swatch-text-general: var(--swatch-text-light);
    --swatch-important-text: var(--pale-accent);
 
    --swatch-menubg-color: var(--black-monochrome);
    --swatch-menubg-light-color: var(--light-gray-monochrome);
    --swatch-menubg-medium-color: var(--gray-monochrome);
    --swatch-menubg-medium-dark-color: var(--black-monochrome);
    --swatch-menubg-dark-color: var(--dark-gray-monochrome);
    --swatch-menubg-black-color: var(--black-monochrome);
    --swatch-menubg-hover-color: var(--gray-monochrome);
 
    --swatch-menutxt-dark-color: var(--black-monochrome);
    --swatch-menutxt-light-color: var(--white-monochrome);
    --swatch-menutxt-general-color: var(--swatch-menutxt-light-color);
    --sideblock-heading-text-color: var(--swatch-menutxt-general-color);
 
    --swatch-secondary-color: var(--black-monochrome);
    --swatch-tertiary-color: var(--pale-gray-monochrome);
    --swatch-alternate-color: var(--pale-gray-monochrome);
 
    --swatch-text-secondary-color: var(--white-monochrome);
    --swatch-text-tertiary-color: var(--white-monochrome);
 
    --footer-text-color: var(--black-monochrome);
    --license-text-color: var(--black-monochrome);
 
    --gradient-header: linear-gradient(to top,
        rgba(var(--medium-accent)) 0%,
        rgba(var(--medium-accent), 0.3) 100%
    );
}
 
/*=== FOOTER ===*/
#footer {
   --footer-text-color: inherit;
   --footer-link-color: var(--black-monochrome);
}
 
#license-area {
   --license-text-color: inherit;
   --license-link-color: var(--black-monochrome);
}
 
/*=== Div Boxes ===*/
.darkerblock {
    color: rgb(var(--white-monochrome));
    background: rgb(var(--black-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
}
 
.styled-quote {
    border-left: solid 6px rgb(var(--black-monochrome));
}
 
/*=== Dots ===*/
#container {
   background-image: radial-gradient(circle, rgb(var(--black-monochrome), 0.40) 50%, transparent 0);
}
 
/*=== SD COLOURS ===*/
.sd-container {
   --sd-border:var(--white-monochrome);
   --sd-text:222,222,222;
   --sd-symbol:var(--sd-text);
   --sd-bullets:var(--sd-text);
}