3 kwietnia 2017

Poradnik - jak zmienić wygląd forum?

Hejka Marzyciele!
Witam Was w tym trochę trudniejszym poście, oto wytłumacze Wam jak zmienić wygląd forum, tzn. tło.
Pierwszą rzeczą jaką musicie wiedzieć, jest to, że będziemy zmieniać css strony, w naszym wypadku atelier801.com.

Co to css?
To język służący do opisu formy prezentacji (wyświetlania) stron WWW. 
Prościej mówiąc, po prostu język "kodowania", jeśli wiecie co to jest. Pozwala nam to na stworzenie własnej strony internetowej, dzięki pomocy tego języka. Jako, że chcemy tylko zmienić tło, kodu pisać sami nie musicie, tylko uzupełnić parę pół, tak jak chcecie żeby strona wygladała. 
Jeśli chcecie poczytać więcej to tu

Css nie można zmienić "tak sobie" trzeba pobrać specjalny addon do przeglądarki. (Addon to taki dodatek w przeglądarce co daje dodatkowe opcje, tutaj np. zmianę css). Jednym z takich addon'ów jest Tampermonkey, polecam jego pobrać.
A tu link do pobrania. 

Kiedy już wejdziecie w ten link pojawi Wam się to okno do instalacji, ale najpierw musicie wybrać swoją przeglądarkę (w moim przypadku Chrome).



Następnie pojawiają Wam się trzy opcje do pobrania, według mnie najlepiej jest pobrać czarną, bo tylko z niej korzystałam!


Gdy już się pobierze w prawym górnym rogu pojawi się logo Tampermonkey, klikacie w nią i wybieracie Dashboard.


Pojawi Wam się taka strona.


Klikacie na ten obrazek, usuwacie wszystko i wklejacie to:

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        http://atelier801.com/*
// @grant        GM_addStyle
// ==/UserScript==

GM_addStyle("body { background: url(LINK DO OBRAZKA) !important; background-size: cover !important; background-repeat: no-repeat !important; background-attachment: fixed !important;");


Tam gdzie piszę link do obrazka wklejacie link obrazka jaki chcielibyście mieć jako tło na forum. Linki z imgur'a nie działają (nie wiem jak z innymi takimi stronami). Jeśli chcecie jakąś grafikę z Transformice, polecam wejść na Transformice.com (o ile ktoś nie wchodzi) i kliknąć w zakładkę Wallpapers i wybrać sobie którąś. Potem wybrać rozmiar, skopiować jej link i wkleić w to miejsce.
Jak już będziecie mieli to uzupełnione, zapisujecie kod i sprawdzacie na forum jak to wygląda. Jeśli będzie biało tło, to znaczy, że ten linki nie działa.



W sumie jeśli chcecie zmienić tylko tło, to już koniec. Ale jeśli chcecie pozmieniać kolor danych rzeczy lub ich przezroczystość to czytaj dalej ;).

Co do koloru, tu macie link do wyznaczania koloru i przezroczystości. 

Wpisujecie do kodu coś takiego:
GM_addStyle(".table-section { background-color: rgba(255, 255, 255, 0.5) !important;");

W czerwone miejsce wklejacie nazwę części forum, którą chcecie zmienić, tu macie spis części forum (trzecia zakładka).
Natomiast w niebieskie miejsce wklejamy kod koloru i przezroczystości danej rzeczy (macie wyżej link, to po wybraniu koloru są trzy pola, kopiujecie z tego drugiego i wklejacie w to niebieskie).


Jak wygląda moje forum?


Moje forum jest w trakcie budowy, to tylko wstępny wygląd, jak skończę i ktoś będzie chciał kod, to zapraszam na forum :D.

Pomocne strony:

Jeśli chcecie, żeby wrócił normalny wygląd forum, wyłączacie skrypt.



Najważniejsze jest to by próbować! Wpisujecie coś, zapisujecie i sprawdzacie, jeśli nie wychodzi to usuwacie tą część i od nowa. Może i wydaje się to trudne, ale potem zrozumiecie. Jak by było coś niezrozumiałego to zapraszam do zapytania w komentarzu, na szepcie, lub na forum.
Na koniec dziękuje E_330 za wszelką pomoc w zrozumieniu tego, dzięki niemu powstał ten post.  

Pozdrawiam! 

Natiibobr

2 komentarze:

  1. Ten komentarz został usunięty przez autora.

    OdpowiedzUsuń
  2. Można jeszcze dodatkowo pobawić się w arkuszu styli kaskadowych CSS i wtedy będziemy mieli wpływ na cały wygląd forum. Chyba że poprosimy o pomoc kogoś z https://craftware.pl to programiści z tej firmy są w stanie napisać nam własny skrypt forum i nie byłoby z tym najmniejszego problemu.

    OdpowiedzUsuń