Strona używa cookies (ciasteczek). Dowiedz się więcej o celu ich używania i zmianach ustawień. Korzystając ze strony wyrażasz zgodę na używanie cookies, zgodnie z aktualnymi ustawieniami przeglądarki.    X

Google Chrome - własna skórka =)

Wstęp

Lubię zmieniać programy, z których korzystam na co dzień. Ten wpis poświęcę robieniu skórki/motywu do Google Chrome.

Rozwinięcie =)

Na początek najlepiej jest ściągnąć gotową skórkę, którą następnie zmodyfikujemy. Skórkę ściągamy z tej strony. Ja wybrałem tą skórkę. Następnie klikamy PPM (prawym przyciskiem myszki) na zastosuj motyw > Zapisz link jako i zapisujemy na dysku. Ściągniemy wtedy pliczek z rozszerzeniem crx w moim wypadku jest to at_jameswhite.crx. Klikamy na niego zmień nazwę i zmieniamy rozszerzenie z crx na zip. Wypakowujemy. W środku jest pliczek manifest.json i folder z obrazkami do motywu. Najpierw do każdego z tamtych obrazków dodajemy rozszerzenie jpg. Przykład: agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY2a0DDA.jpg. Następnie porządkujemy czyli np. agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY2a0DDA.jpg zmieniamy na a.jpg i tak samo czynimy w manifest.json (do edytowania zalecam notepad++ lub ostatecznie notatnik). Gdy już każdy po kolei został uporządkowany podmieniamy obrazki wedle uznania (po zmianie rozszerzenia od razu widać jaki obrazek odpowiada za co). Następnie zmieniamy kolorki jak kto chce (kolory podaje się w formacie RGB czyli czerwony, zielony, niebieski np. 168, 230, 29 (zielony)). Ja zrobiłem to tak:

{"theme": {"images": {"theme_toolbar":"banan\/h.jpg", "theme_ntp_attribution": "banan\/nbanan.png", "theme_frame": "banan\/gora.jpg","theme_tab_background":"banan\/nieaktywnekarty.jpg", "theme_ntp_background": "banan\/tlo.jpg"}, "colors": {"ntp_section_text": [0, 0, 0], "tab_text": [0, 0, 0], "frame": [0, 0, 0], "ntp_background": [0, 0, 0], "ntp_link": [0, 0, 0], "tab_background_text": [0, 0, 0], "ntp_text": [0, 0, 0], "ntp_section": [0, 0, 0], "ntp_section_link": [16, 96, 243], "ntp_header": [22, 164, 248], "toolbar": [168, 230, 29], "bookmark_text": [0, 0, 0]}, "tints": {"buttons": [0.589, 0, 0.5]}, "properties": {"ntp_background_repeat": "no-repeat", "ntp_logo_alternate": 1, "ntp_background_alignment": "top"}}, "version": "0.1", "name": "Banan"}

Teraz aby zrobić pliczek z rozszerzeniem crx należy w Google Chrome włączyć opcje > narzędzia > rozszerzenia > tryb programisty (prawy górny róg) > umieść rozszerzenie w pakiecie > przeglądaj (podajemy namiary na główny katalog rozszerzenia) > OK. Teraz "podnieś" twój pliczek z rozszerzeniem crx i "upuść" w Google Chrome. Załaduje ci się twój nowy motyw. Mój rezultat wygląda następująco:

Zakończenie

Mam nadzieję, że komuś się to przyda. Czekam na krytykę i pochwały w komentarzach. 

Komentarze

0 nowych
  #1 03.05.2011 00:11

Człowieku - ty naprawdę kochasz ten kolor. ;)
Od patrzenia na ten blog bolą mnie oczy.
Jednak treść wpisu - ok - przynajmniej w cierpieniu, czegoś się dowiedziałem o swojej przeglądarce.

WooQash   8 #2 03.05.2011 09:59

A podobno zieleń jest dobra dla oczu :P, chyba nie w tym wypadku, bo czasami lubi oczy zmęczyć. Co do wpisu, to przydatne ;P Może się pobawię trochę, heh, ale bez takich zieleni ;P

Banan   10 #3 03.05.2011 12:57

Zostawcie mój kolor w spokoju! On jest miodzio =)

kuba144   5 #4 03.05.2011 13:16

Chyba nie powiesz, że pracujesz na kompie mając takie kolory! :D

Banan   10 #5 03.05.2011 13:19

@kuba144
Tak pracuje na kompie mając takie kolory i zmieniłem tylko ze względu na was kolory na blogu żeby się wam lepiej czytało. Ale te kolory co są ustawione czyli np. biały to nie są moje ulubione.

Saskatchewan   8 #6 03.05.2011 13:24

A ja sobie zrobiłem własną skórkę do Opery. Zrzuty ekranu tutaj: http://my.opera.com/community/forums/findpost.pl?id=9307602 .

Przede wszystkim odchudziłem paski i poustawiałem własne kolorki. Niektóre paski takie jak pasek kart, wybór panelu, czy pasek z przyciskiem menu zmieniają styl w zależności od tego czy pasek jest na górze, czy po boku, itp.

Banan   10 #7 03.05.2011 13:30

@Saskatchewan

Bardzo fajne ale to wpis o Google Chrome, a nie o Operze.

Poza tym wiszą mi wasze uwagi na temat koloru (foch). Przywracam poprzedni styl bloga.

JAK KOMUŚ NIE PASUJE KOLOR TO JEGO SPRAWA! I tak ten kolor jest miodzio i mój. Nie oddam =)

Banan   10 #8 03.05.2011 13:32

aaa... zawsze można przyciemnić ekran =D

Saskatchewan   8 #9 03.05.2011 13:41

Banan napisał:
> Bardzo fajne ale to wpis o Google Chrome, a nie o Operze.

Nie zauważyłem, żeby wpis był ściśle, tylko i wyłącznie o Google Chrome. Sam dałeś tytuł "Google Chrome - własna skórka =)", a ja piszę o własnej skórce do Opery. Moim zdaniem piszę na temat.

PS Dzięki za zgłoszenie mojego komentarza do moderacji :p.

Banan   10 #10 03.05.2011 14:29

@Saskatchewan
Nie zgłaszałem twojego komenda do moderacji. Niech ci już będzie z tym, że napisałeś na temat.

molexor   7 #11 03.05.2011 15:16

Kolory powinny być nie męczące oczu. Ile czasu spędzasz przed swoim zielonym komputerem? Uważaj na oczy!

  #12 03.05.2011 16:15

przecież to jest ogólnie rzecz biorąc... brzydkie

Loreno   6 #13 03.05.2011 16:23

Banan pewnie ma 14 lat.. W tym wieku takie kolory mogą się podobać. Ewentualnie jest ślepy i nie widzi co robi.

Banan   10 #14 03.05.2011 16:44

@Loreno
Tak mam 14 lat. Nie, nie jestem ślepy i widzę co robię.
"W tym wieku takie kolory mogą się podobać".
Te kolory podobają mi się od zawsze. Co wy macie z tymi kolorami?

CZEKAM NA OPINIE O WPISIE, A NIE O KOLORACH!

  #15 03.05.2011 17:49

Skórka, którą pokazałeś jest tak samo beznadziejna jak kolory które masz ustawione.

Simple   3 #16 03.05.2011 18:09

Znacie jakieś ciekawe skórki, które pasują do aero w W7? Szukałem długo i nic nie komponuje się ładnie.

dragonn   11 #17 03.05.2011 18:43

Ludzie, czepiacie się tych kolorów. Akurat Zielony na czarnym (tak jak na blogu) się fajnie czyta. Ale na mój gust czarny na zielonym tle no to już się nie da, ale pewnie jak zmniejszyć jasność ekranu to nie było by tak źle. Może @Banan mam monitor o słabym kontraście :D.

Pablo79   11 #18 03.05.2011 18:48

Chciałbym się nie czepiać tego koloru, ale czytać twój tekst w tym kolorze to masakra dla oczu, męczą się i pieką gorzej niż przy obieraniu cebuli.

Banan   10 #19 03.05.2011 19:35

Macie biały i się nie czepiajcie. Ale i tak nie zmienię swoich upodobań. Może być? Czy możecie wreszcie skupić się na treści, a nie na kolorze?

  #20 03.05.2011 20:19

@Banan
Człowieku, jak się mam skupić na treści jak mnie oczy bolą czytając twój wpis. Daj sobie to w końcu powiedzieć.

molexor   7 #21 03.05.2011 20:27

Słowo Wstęp i Rozwinięcie i zakończnie są zbędne. To nie szkoła.Opis Słabo czytelny. Piszesz "porządkujemy" - Powinno być napisane, że nazywamy pliki w taki sposób, żebyśmy mogli połapać się co jest co.
Osobiście poszukałbym w internecie materiałów na temat tworzenia skórek i zamiast grzebać się w ten spoób odrazu znalazłbym :
http://www.chrometheme.net/chrome-theme-creator-online.html
O tym też można zrobić wpis. A jest tego więcej.
Drugi raz bierzesz sie we wpisie za modyfikacje od dziwnej strony. Słabo
i Jeśzcze raz. Skórka Brzydka.

atikabubu   5 #22 03.05.2011 20:28

"CZEKAM NA OPINIE O WPISIE, A NIE O KOLORACH!"

Czekaj dalej, bo ja ledwo w klawisze trafiam od tej oczojebnej zieleni.

molexor   7 #23 03.05.2011 20:48

BTW. Widziałeś to?:
http://www.youtube.com/watch?v=LH5ay10RTGY
tak mi sie skojarzyło :)

Banan   10 #24 04.05.2011 07:20

No trudno nie wszystko musi się podobać.

  #25 05.05.2011 16:14

Człowieku - ja też mam 14 lat. Lubię kolor pomarańczowy, ale nie wpycham go wszędzie gdzie się da.
Poza tym - nie chodzi tu o sam kolor zielony, lecz o odcień - przy takim ODCIENIU - jasnej zieleni - nie da się pracować i czytać, bo to jest jak już ktoś napisał "oczojebne". Po prostu twój blog w TAKIEJ kolorystyce jest NIECZYTELNY. Możesz mieć na blogu zielony - ALE CIEMNY!

Banan   10 #26 05.05.2011 18:29

Czy jest już czytelnie?

  #27 08.05.2011 19:54

Brawo, teraz jest czytelnie. ;)

freeq52   8 #28 09.05.2011 11:14

Nie powiem, że brzydkie (bo gusta są różne), ale zgodzę się z komentarzami wyżej - motyw zbyt jaskrawy, nieczytelny i męczący oczy.

A co do skórek - w Chrome Webstore jest aplikacja do robienia motywów - Chrome Theme Creator, chyba bardziej wygodny, ale to kwestia gustu :)

Banan   10 #29 10.05.2011 09:56

@freeq52
Nie gadaj głupot teraz da się czytać na pewno. Tak rozjaśniłem moje ulubione kolory żebyście się nie czepiali, a tamte komentarze wyżej mojego poprzedniego są już nieaktualne.

Banan   10 #30 28.06.2011 18:54

Przy przechodzeniu na Linuxa niechcący usunąłem moją skórkę z dysku (cały folder dokumenty poszedł w czarną otchłań) i teraz używam własnego poradnika żeby zrobić motyw, bo sam zapomniałem =P

  #31 06.10.2011 11:58

fajnie jakbys swój temat rozwinął.mogłbyś podać jakie liczby odpowiadaja za jakie kolory,to po pierwsze.po drugie:mogłbys podac jakie rozmiary musza miec tematy.a po trzecie,jakbys mógłto napisz do mnie nagg,chce zrobic swoja skórkę,męcze sie juz pare dni i nic nie wychodzi. 4866914

  #32 27.03.2013 10:47

a jak mam pobrać to at_jameswhite.crx ??