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ól, tak jak chcecie żeby strona wyglądał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.
Na koniec dziękuje E_330 za wszelką pomoc w zrozumieniu tego, dzięki niemu powstał ten post.
Pozdrawiam!
Natiibobr
Brak komentarzy:
Prześlij komentarz