Zmiana wyglądu google+, Facebook, tumblr... (Chrome, Firefox)

Po co zmieniać wygląd danej strony?
...bo oryginalna się nie podoba.
...bo, tak.
...bo oryginał jest za nudny.
...bo można.

Aby zmienić wygląd, lub kolorystykę google+, czy facebooka trzeba:

1. Zainstalować wtyczkę, która nam to umożliwi.
Dla chrome: https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe
Dla firefox: https://addons.mozilla.org/pl/firefox/addon/stylish/
Dla Opera 23/24: https://addons.opera.com/pl/extensions/details/stylish/?display=en

Jeśli nie ufacie powyższym linkom, wpiszcie w google: stylish i kliknijcie w odpowiedni link odpowiadający waszej przeglądarce.

2. Wyszukujemy nowe "szaty" dla strony.
Wchodzicie na stronę: https://userstyles.org/ i

Po lewej macie kolumnę z paskiem do wpisania frazy i wyszukania odpowiedniego wyglądu.

Wpisujecie Facebook, albo g+ i przeglądacie wyglądy, które zostały stworzone przez użytkowników. Ponieważ userstyle.org to strona, na której użytkownicy prezentują swoje pomysły na wygląd danej strony, czy portalu.

Warto pamiętać, że wpisując google+ pojawi się cała masa różnych zmian wyglądu (theme), ale większość może się odnosić do: google i usług tej firmy. Dlatego wpisując g+ macie 60% pewności, że wyniki będą tyczyć się tylko jednego. Jedna uwaga: warto patrzeć na podgląd, czy tyczy się nowej formy g+, czy może jeszcze starej.

3. Instalacja wyglądu.

Kiedy coś was zainteresuje, klikacie na miniaturkę wyglądu lub tytuł i przeniesieni zostaniecie na stronę, gdzie będzie więcej napisane o tym wyglądzie: kiedy został stworzony, kiedy był ostatnio modyfikowany, ile osób go zainstalowało, ile zainstalowało dany wygląd w ciągu ostatniego tygodnia, oraz jakie zmiany zostały dokonane w kodzie wyglądu - historia zmian.

Jeśli wam się podoba lub chcecie przetestować: naciskacie na...

Wygląd się zainstaluje i powinien już działać.

4. Co kryje ikonka...

Jeśli zainstalowaliście dodatek stylish to zauważyliście, że obok paska adresu pojawiła się nowa ikonka:

Chrome:

Firefox:

Warto ją pozostawić, aby później nie błądzić w gąszczu menu, aby odnaleźć potrzebne ustawienia.

Chrome:

Naciskamy na ikonkę i:

1. Nazwa działającego theme na danej stronie. Instalując wygląd dla g+ nie będzie on działał (i nie powinien) działać na inne strony np. onet, czy facebook.

2. Edycja kody CSS danego wyglądu.

3. Wyłączenie wyglądu.

4. Skasowanie wyglądu.

5. Zostaniemy przeniesieni na stronę: https://userstyles.org

6. Menadżer stylów (theme).

Firefox:
Naciskamy na ikonkę i:

1. Menadżer stylów (theme)

2. Opcja wyłączająca wszystkie style jakie mamy zainstalowane, dosłownie wszystkie.

3. Zostaniemy przeniesieni na stronę: https://userstyles.org

4. Możliwość wgrania stylu przez link, czy inne metody (nie polecam).

5. Nazwa zainstalowanego i działającego stylu: klikając na ten tytuł możemy go także wyłączyć lub wyłączyć - ptaszek koło nazwy.

5. Aktualizacja i kasowanie stylów.

Aktualizacja.

Jeśli twórca dba o swój wygląd, to modyfikuje go z czasem lub aktualizuje.

Aktualizacji wyglądu, co warto robić co jakiś czas, albo kiedy wygląd zaczyna mieć błędy, nie jest taka prosta. Ponieważ w każdej przeglądarce układ, wygląd i opcje są trochę inne i inaczej obłożone.

Chrome:

Naciskacie na ikonkę z "S", z menu wybieracie: Manage installed styles.

Otworzy się nowa karta, na której będziecie mieć listę wszystkich theme/wyglądów, jakie zainstalowaliście i nie skasowaliście.

Aby dokonać aktualizacji, wystarczy nacisnąć na: Check for update - pod wybranym wyglądem, albo użyć przycisku, który sprawdzi aktualizację dla wszystkich zainstalowanych stylów: Check all styles for updates.

Uwaga: W chrome wygląd nie aktualizuje się automatycznie - trzeba to robić ręcznie!

Style wyłączone są wyblakłe, o czym warto pamiętać.

Firefox:
Naciskamy na "S" koło paska adresu i Manage styles... Otworzy się nowa karta z listą stylów:

Naciskamy na: More i...

...następnie na: Check for Updates.

Choć wygląd powinien sam się aktualizować, ale nie zawsze to działa i czasami trzeba zrobić to ręcznie. 

Kasowanie stylu.

Chrome:

Naciskamy ponownie ikonkę koło paska adresu ("S") i wybieramy: Manage installed styles i:

Firefox:

Podobna procedura: Ikonka - Manage styles... i:

Remove.

Podsumowaniem/Zakończenie.

Instalowanie innego wyglądu dla danej strony jest dość proste, wystarczy wejść na stronę https://userstyles.org, wpisać interesującą nas frazę: facebook, tumblr, google, czy g+ i przejrzeć listę stylów, które stworzyli inni użytkownicy i zainstalować to co nam się spodoba.

Style mogą zmieniać położenie danych elementów, kasować je lub ukazywać ukryte opcje.

Jednak to nadal zmiana wyglądu, a nie żadne hakowanie.

Niektóre style mogą diametralnie zmodyfikować daną stronę, że jej nie poznacie ;)

Tutaj podaję linka do swojej modyfikacji wyglądu g+: https://userstyles.org/styles/94606/g-hardcore-theme-1366x768-1024x768

Mój pomysł na g+ to okrągłości, obłości i cienie, oraz w pewnym sensie minimalizm, ale też innowacja.

Mam nadzieję, że poradnik będzie przydatny.

Mam też nadzieję, że mój wygląd się wam spodoba i polecicie go innym :)