[PORADNIK] Alternatywny, czysty i nowoczesny wygląd forum CSHacked.pl

5 Stycznia 2016

Witam wszystkich obecnie czytających ten temat!

Będąc fanem ciemniejszych kolorystyk po jakimś czasie przestała podobać mi się kolorystyka naszego forum jak i paski widoczne w tle, co z kolei przerodziło się w chęć znalezienia sposobu na zmianę wyglądu forum bez konieczności wstawiania nowych stylów przez administratorów i myślałem nad "podmianą CSS" na żywo - ku mojemu pozytywnemu zdziwieniu na internecie były już gotowe do tego dodatki do Chrome - reszta poszła z górki. Poradnik zrobiony specjalnie pod przeglądarkę Google Chrome gdyż tylko z niej korzystam, ale jeśli znajdziecie sobie podobny dodatek do innych przeglądarek to cała procedura podmianki kodu CSS powinna być prawie taka sama.

Tak wygląda nasze forum po zastosowaniu zmian w kodzie CSS po stronie klienta (taką kolorystykę widzimy tylko u siebie, inni użytkownicy mają domyślny wygląd):

Niestety jedyna rzecz, której do tej pory nie zmieniłem całkowicie to kolor paska tytułowego w statusach, liczniku godzin i ogółem tej kolumny po prawej. Raz działa a raz nie, nie wiem czemu, ale nazwa elementu w CSS ulega zmianie co jakiś czas (np z anon19 na 20, 21 itp) przez co kolor raz jest zmieniony a raz nie. Dość gadanin, teraz czas na modyfikację i pokazanie co i jak.

1. Pobieramy rozszerzenie Stylebot dla Google Chrome ze sklepu Chrome (jest ona darmowa) i dodajemy je do przeglądarki:

https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha

2. Restartujemy przeglądarkę i wchodzimy na stronę główną CSHacked.pl - obok pola adresu/wyszukiwarki pojawi nam się nowa ikonka składająca się z trzech liter - "css". Klikamy na nią i z listy wybieramy guzik "Options".

3. Po przejściu do opcji Stylebota pokaże nam się taka oto strona (patrz screen niżej). Przechodzimy do zakładki "Styles".

4. W zakładce "Styles" klikamy przycisk "Add a new style..." po czym ujrzymy takie oto okienko:

W polu oznaczonym numerkiem #2 wpisujemy adres naszego forum (www.cshacked.pl)
W polu oznaczonym numerkiem #3 wklejamy zawartość tego PasteBina
Po wklejeniu zawartości pastebina z poprzedniego kroku klikamy guzik "Add" oznaczony numerem 4. Po kliknięciu tego guzika nasz wygląd forum został podmieniony.

5. Wyłączamy zakładkę z opcjami, wchodzimy na stronę główną forum i powinniśmy się cieszyć nowym wyglądem forum.

I to by było na tyle. W razie pytań zapraszam do udzielania się w tym temacie. Być może dodam jakieś inne wersje kolorystyczne, jeśli macie jakieś propozycje to piszcie w temacie, zobaczymy co da się z fantem zrobić.

Edytowane 5 Stycznia 2016 przez Sliddqvist