Kako ustvariti temo za Google Chrome? Ustvarite temo za Google Chrome Kako namestiti temo za google chrome

Teme za Google Chrome so edinstven dizajn za brskalnik. Tisti uporabniki, ki imajo visoko razvit estetski okus, verjetno ne bodo zadovoljni z dolgočasnim začetnim dizajnom, ki ga ponujajo razvijalci brskalnikov. Spreminjanje situacije je zelo preprosto in s to nalogo se lahko spopade tudi začetnik.

Kje najti teme za Chrome

Teme za Chrome najdete tako v Googlovi spletni trgovini kot v virih tretjih oseb. Prvi primer je seveda boljši, saj bo razširitev preverjena in zagotovo ne bo pomagala vnesti virusa v računalnik. V njem lahko najdete ne samo dizajn, ki ga ponuja razvijalec, ampak tudi tisto, kar so ustvarili navadni uporabniki.

Čemu so namenjene teme Google Chrome? Samo izboljšajte svoje razpoloženje, vedno imejte svojo najljubšo sliko pred očmi, za vse druge namene. Poleg tega je ta razširitev večinoma na voljo brezplačno. Po pregledu razpoložljivih tem bo vsak našel nekaj po svojem okusu. Dizajn uporablja tako stroge barve in oblike kot modne vzorce, tako graciozne rože kot močne avtomobile. Z drugimi besedami, razvijalci so predstavili teme za krom za vsak okus in barvo.

Kako namestiti teme brskalnika

Namestitev tem za Google Chrome je zelo enostavna. Torej zaženite brskalnik in pojdite v trgovino z aplikacijami. Za udobje uporabnikov so razvijalci razdelili celotno paleto, ki je tukaj na voljo, v kategorije. Zanimajo nas teme. Za vašo informacijo lahko v razdelku Razširitve najdete in namestite različne uporabne vtičnike, na primer .

S klikom na naslov razdelka lahko uporabnik opazi, da sta se pojavili dve podkategoriji. Prvi od njih se imenuje From Google, drugi – From Artists. Izberite temo, ki vam je všeč, in kliknite Brezplačno. Počakamo nekaj časa, nato pa se prikaže sporočilo, da je bil dizajn dodan v brskalnik. Poleg tega vas bo nova tema takoj razveselila z veselo sliko.

Če želite pred namestitvijo izvedeti več o določeni temi, kliknite nanjo. Pojavilo se bo dodatno okno, v katerem bo poleg same slike tudi opis. Poleg tega obstajajo razdelki Pregled, Ocene, Podrobnosti, Podobno. Poleg tega, da si lahko takoj predstavljate, kako bodo teme videti v brskalniku Google Chrome, jih lahko natančneje preučite. Uporabniki, ki so že prenesli in namestili dizajn, delijo svoje vtise in ga ocenjujejo. Poleg tega se vodi statistika o tem, kolikokrat je bil dodatek prenesen.

Če iz nekega razloga niste zadovoljni z novo temo in se želite vrniti na tisto, ki je bila v privzetem brskalniku, potem je to popolnoma enostavno. Kliknite gumb Nastavitve in kontrole in v kontekstnem meniju izberite Nastavitve. V oknu, ki se odpre, morate poiskati element Videz. Mimogrede, na ta način lahko izberete teme za chrome. Če se želite vrniti na prvotno temo, preprosto kliknite na gumb, ki vas pozove, da vrnete privzeto temo. Če uporabljate funkcijo sinhronizacije, lahko isto temo uporabljate v brskalniku na različnih napravah.

V tej vadnici boste izvedeli, kako spremeniti temo v brskalniku Google Chrome.

V zadnji lekciji sem vam povedal, kako namestiti razširitve v brskalnik Google Chrome. V tej lekciji bomo, kot smo obljubili, preučili vprašanje, kako spremeniti temo za brskalnik google chrome. Začnimo.

Najprej moramo odpreti nastavitve. Če želite to narediti, kliknite ikono v obliki treh črt v zgornjem desnem kotu in v spustnem meniju izberite »Nastavitve«.

V novem zavihku se odpre spletno mesto s seznamom tem oblikovanja. Tukaj morate izbrati temo, ki vam je všeč, ali uporabiti iskanje po katalogu.

Ko se odločite za temo, se morate le pomakniti z miško nad samo temo in klikniti gumb »Brezplačno«.

Ko kliknete gumb »Brezplačno«, se bo začel postopek namestitve in vaš brskalnik bo nekoliko spremenjen v skladu z izbrano temo. Na vrhu bo gumb za preklic namestitve, če vam ni všeč.

Če želite videti, kako je videti tema v celoti, preprosto odprite novo, ne da bi zaprli ta zavihek.

Prej ali slej se lahko naveličate nameščene teme in želite brskalniku vrniti prejšnji videz. Tukaj ni nič zapletenega. Ponovno pojdite v meni »Nastavitve«, pojdite navzdol do bloka nastavitev »Videz« in preprosto kliknite gumb »Obnovi privzeto temo«. S tem naredimo videz brskalnika takšen, kot je bil prvotno.

To je pravzaprav vse, kar sem vam želel povedati v tej lekciji. V naslednji lekciji vam bom povedal, kaj je način brez beleženja zgodovine v brskalniku Google Chrome in kako ga omogočiti.

V tej lekciji vam bom pokazal, kje lahko ugotovite različico brskalnika Mozilla Firefox in kako lahko brskalnik posodobite na najnovejšo različico.

V tej vadnici vam bom povedal, kako lahko preverite posodobitve za Opera.

Če uporabljate brskalnik Google Chrome in ste naveličani njegovega standardnega videza, se lahko rešite iz situacije tako, da prenesete in namestite temo iz spletne trgovine Chrome.

Kako namestiti temo v Google Chrome: Nastavitve - Možnosti - Osebna vsebina - Pridobi temo.

Uporabite lahko že pripravljene teme za Google Chrome ali pa temo ustvarite sami s spletnim oblikovalcem tem - Chrome-theme creator.
Spletni oblikovalec se nahaja na www.themebeta.com/chrome-theme-creator-online.html

Ustvarite temo za Google Chrome - ustvarjalec tem za Chrome

Začel bom s tem, kako ustvariti temo s spletnim oblikovalcem - Chrome-theme creator.

Vmesnik oblikovalca je sestavljen iz dveh delov.

A). Na levi strani so nastavitve za prihodnjo temo.

b). Na desni strani je predogled teme brskalnika Chrome med oblikovanjem.

Začnimo s prvim zavihkom (»osnovno« - iz angleščine basic). Tukaj morate izpolniti polje z imenom teme, ki jo ustvarjate (neobvezno). Svojo temo sem poimenoval "myStar"

Drugi zavihek (»Slike« - iz angleških slik) je namenjen nalaganju podrobnosti teme.
Pozor: ko ustvarjate slike v grafičnem urejevalniku ali spreminjate že pripravljene slike za prihodnjo temo, upoštevajte ločljivost monitorja.

Ko s kazalcem miške premaknete nad odseke v zavihku Slike, se prikaže rdeče poudarjen namig, ki prikazuje, kateri del teme boste spremenili.

Naložimo slike ozadja za našo temo s klikom na gumb »Izberi sliko« in uporabimo paleto, da spremenimo barvo. Evo, kaj imam.

V tretjem zavihku (»Barve« - iz angleških barv) izberemo barve za okvirje, besedilo itd. Tretji zavihek »Barve« vsebuje tudi namige pri premikanju kazalca nad razdelke. Poglejmo, kaj sem ugotovil.

Zavihek (»Pack« - iz angleščine za pakiranje) je zadnja faza pri ustvarjanju teme za Google Chrome.

“Pakirajte in namestite temo” - zapakirajte in namestite temo.

»Pakiraj in prenesi temo« - zapakiraj in prenesi temo z razširitvijo. crx. Če želite namestiti temo, samo povlecite in spustite datoteko .crx v okno brskalnika Chrome in to je to. Ali ni hitro namestiti teme v Google Chrome?

"Zapakiraj in prenesi zip datoteko"- zapakirajte in prenesite ustvarjeno temo kot zip arhiv. Zip arhiv teme lahko objavite v spletni trgovini Chrome za javno uporabo.


To je vse!!! S pomočjo spletnega oblikovalca – ustvarjalca teme Chrome smo to ugotovili.

Vedno poskušamo vse personalizirati, prilagoditi sebi in predelati glede na naše želje in okuse. Računalnik v tem pogledu ni izjema. Navsezadnje lahko pravilno izbrana slika za ohranjevalnik zaslona ali preprosto na oko prijetne barve dvignejo udobje uporabe računalnika na povsem novo raven.

Kdo od nas ni spremenil ozadja za Windows? Dandanes je redko srečati takšno osebo. Nekateri imajo mačke, nekateri lepo mlado damo, nekateri obožujejo abstrakcijo.

Ali ste vedeli, da lahko podobne ohranjevalnike zaslona namestite v brskalnik Google Chrome? Samo tam se imenujejo teme.

Če ste naveličani privzetega belega platna, berite naprej, če želite izvedeti, kako lahko spremenite obliko teme v brskalniku Google Chrome.

Spreminjanje teme (zaslon) v Chromu

Spremenite temo v brskalniku Google Chrome lahko sledite naslednjim navodilom:

Lahko tudi neposredno sledite povezavi.

V tem razdelku boste videli ogromno galerijo vseh vrst tem. Nekatere so ustvarili Googlovi oblikovalci, nekatere pa umetniki. Vsi so brezplačni.

Ko najdete želeno temo, se z miško pomaknite nadnjo in kliknite v pojavnem oknu "zastonj".

Druge teme za prenos Google Chrome

Drug vir tem so oblikovalci tretjih oseb. Kot se je izkazalo, jih je zelo, zelo veliko. Pogosto bistveno presegajo standardne po kakovosti, da o raznolikosti niti ne govorimo.

Prenesite teme Google Chrome:

Prenesene datoteke imajo pripono CRX (včasih jih je mogoče stisniti). Če jih želite namestiti, razpakirajte in preprosto povlecite datoteke s temo v okno brskalnika.

Generator tem (kož) za Google Chrome

Če zgornje metode ne dajejo rezultatov, uporabite generator temMoja tema za Chrome, ki ga lahko prenesete iz istega "Spletna trgovina".

Neposredna povezava za prenos.

Uporaba te aplikacije je zelo preprosta: naložite sliko, prilagodite barvno shemo in jo obdelate z razpoložljivimi orodji.

Pride čas in se naveličate običajnega, želite najbolj priljubljenemu brskalniku dodati nekaj elana in taka "edinstvena funkcija" v Chromu je lahko "tema" in ne prenesena iz uradne spletne trgovine, ampak vaša svoj, za razliko od drugih.

Kot ste morda že razumeli, si bomo danes ogledali vprašanje ustvarjanja lastnih tem za brskalnik Google Chrome.

Za ustvarjanje potrebujemo:

  1. Najpreprostejši grafični urejevalnik (tudi Paint bo naredil);
  2. Naša podrobna navodila;
  3. Malo želje.

In ne poskušam vas zavajati, najbolj kul teme za brskalnik Chrome so ustvarjene v nekaj minutah, a preidimo od besed k dejanjem.

Temo za Google Chrome lahko ustvarite na dva načina:

  1. Pišite iz nič (z ustvarjanjem enega besedilnega dokumenta in več slik);
  2. Uporabite specializirano spletno storitev.

Medtem ko se odločate, katero metodo boste uporabili, bom začel z "najtežjo".

Ustvarjanje teme za Google Chrome iz nič

Teme in razširitve za brskalnike, ki temeljijo na mehanizmu Chromium, temeljijo na datoteki manifest.json.

Manifest.json je besedilni dokument, ki shranjuje nastavitve za teme in razširitve ter naslov, opis in druge storitvene informacije.

Ustvarimo novo mapo na namizju z imenom naše prihodnje teme, zame se bo imenovala "Ne delaj tega!", In znotraj nje bomo ustvarili besedilni dokument - manifest.json, kjer je manifest ime dokumenta, json pa njegov . Poleg tega ustvarite prazno mapo z imenom "slike", ki bo vsebovala vse grafične elemente naše teme.

Naslednji korak pri ustvarjanju teme bo priprava slik.

Uporabite lahko že pripravljene slike, ki ste jih prenesli iz interneta, ali naredite svoje, naredil bom popolnoma unikatne slike za naknadno nalaganje teme v spletno trgovino Chrome.

Potrebovali bomo slike naslednjih velikosti:

1. 1920x1080px (HD format) – za uporabo kot glavno ozadje v brskalniku.

2. 30 x 256 slikovnih pik – ta slika bo uporabljena kot okras okna Chrome.

3. 1100x40px – ta slika bo delovala kot pozdravni zaslon v zgornjem levem kotu brskalnika (ne vem, zakaj bi morali uporabiti dodatno sliko na tem mestu posebej – lahko jo uporabite za dodatno “prilagajanje” teme ).

4. 30x200px – deloval bo kot polnilo za neaktivne odprte zavihke brskalnika.

5. 30x256px – ta slika bo uporabljena za zapolnitev aktivnega odprtega zavihka in Chromove vrstice z zaznamki.

Bodite pozorni na slike, še posebej na njihove velikosti; če ne veste, kako narediti sliko točno te velikosti in oblike, preučite eno od naših.

No, če že imate vse pripravljeno, nadaljujte in ustvarite datoteko manifest.json.

Izpolnjeno datoteko, ki sem jo pripravila kot vzorec, si lahko prenesete - ali pa jo sestavite sami po spodnjih navodilih.

Dokument, v katerem bo opisana koda naše teme, se začne z zavitim oklepajem "(", nato morate izpolniti polja:

( "name":"Ne počnite tega!", // polje, ki označuje ime teme; "version": "1", // številka različice vaše teme (kasneje, ko spreminjate teme, morate za posodobitev različice); in 2, različica 1 - za brskalnike Chrome pod različico 18, 2 za brskalnike različice 18 in novejše, vključno).

"theme":( "images":( "theme_frame": "images/theme_frame.jpeg", // slika, uporabljena v zasnovi okna brskalnika; "theme_toolbar": "images/theme_toolbar.jpeg", // slika, uporabljena kot polnilo aktivni odprti zavihek; "theme_tab_background.jpeg", // zapolnjevanje neaktivnih zavihkov; "theme_ntp_background.jpeg", // glavno ozadje naše teme .jpeg); // izpolnite zgornji levi kot.

"tema" :(

"slike" :(

"theme_frame": "images/theme_frame.jpeg" , // slika, uporabljena v oblikovanju okna brskalnika;

"theme_toolbar": "images/theme_toolbar.jpeg" , // slika, uporabljena kot polnilo za aktivni odprti zavihek;

"ozadje_zavihka_teme": "images/theme_tab_background.jpeg", // zapolni neaktivne odprte zavihke;

"theme_ntp_ozadje": "images/theme_ntp_background.jpeg", // glavno ozadje naše teme;

"theme_frame_overlay" : "images/theme_frame_overlay.jpeg"} , // izpolnite zgornji levi kot.

Koda na tej strani uporablja simbol “//”, kodo je potrebno “komentirati”. Neposredno v datoteki manifest.json– se lahko izbriše.

Ko ste določili poti do slik, morate določiti barve pisav in elementov vmesnika. IN manifest.json Uporabljajo se barve RGB - njihove kode lahko dobite v katerem koli spletnem pretvorniku.

"colors":( "frame":, // Zapolni prazen prostor glavnega ozadja z določeno barvo; "toolbar":, // Zapolni območje v spodnjem levem kotu, kjer je prikazan "url" spletnega mesta; "tab_text":, // Barva pisave odprtega zavihka; "tab_background_text":, // Barva pisave zaznamkov na plošči brskalnika; :, // Barva zapolnitve ozadja pod ikonami “aplikacije” v brskalniku; "ntp_text":, // Barva pisave imen aplikacij:), // Barva “Zapri”, “Minimiziraj”, “ Cel zaslon« v zgornjem desnem kotu.

"barve" :(

"okvir": [0, 0, 0], // Zapolni prazen prostor glavnega ozadja z določeno barvo;

"orodna vrstica": [0, 0, 0], // Zapolni območje v spodnjem levem kotu, kjer je prikazan »url« spletnega mesta;

"besedilo_zavihka" : [ 255 , 255 , 255 ] , // Barva pisave aktivnega odprtega zavihka;

"besedilo_za_zavihka" : [ 167 , 167 , 167 ] , // Barva pisave neaktivnega odprtega zavihka;

"bookmark_text" : [ 167 , 167 , 167 ] , // Barva pisave zaznamkov na plošči brskalnika;

"ntp_background": [0, 0, 0], // Barva polnila ozadja pod ikonami »aplikacij« v brskalniku;

"ntp_text": [167, 167, 167], // Barva pisave imen aplikacij;

"ozadje_gumba": [ 255 , 255 , 255 ] ), // Barva gumbov »Zapri«, »Pomanjšaj«, »Celozaslonski« v zgornjem desnem kotu.

Vse kar ostane je, da nastavite položaj glavne slike ozadja in nekaj dodatnih nastavitev.

"tints":( "buttons": // Določite odtenke uporabljenih barv (vrednosti pustite podane tukaj);), "properties":( "ntp_background_alignment": "bottom", // Določite glede na kateri rob okna se bo nahajala glavna slika (spodaj – spodaj, zgoraj – zgoraj); "ntp_background_repeat": "no-repeat" // Označimo, ali je treba z našo sliko "zapolniti" celoten prostor okna brskalnika. , če je večja od naše glavne slike) )

Si šel z mano skozi vse korake? Odlično, lahko zaprete datoteko manifesta in jo shranite ter začnete testirati nastalo temo tako, da najprej naložite predhodno ustvarjene slike v mapo »images«.

Testiranje teme za Chrome

Testiranje se sliši preglasno, pravzaprav moramo preveriti, ali smo pri svojem delu naredili kakšno napako.

Imate v brskalniku že nameščeno temo in jo morate nekoliko spremeniti? Brez problema! Datoteke že nameščenih tem v Chromu so shranjene na C:\Users\User_Name\AppData\Local\Google\Chrome\User Data\Profile 1\Extensions

Odprite brskalnik in pojdite na Nastavitve, zavihek Razširitve in kliknite Naloži nepakirano razširitev. Prepričajte se, da je označen »Način za razvijalce«.

V oknu, ki se prikaže, izberite mapo s svojo temo za Chrome in kliknite »V redu« - v mojem primeru je to mapa »Ne delaj tega!«

čestitke! Tema v brskalniku bi se morala spremeniti v vašo, če ne, se vrnite na zgornjo kodo in poiščite napake v svojih datotekah in ločljivostih slik ali prenesite arhiv z mojimi datotekami s povezave - in primerjajte s svojimi.

Zdaj lahko uživate v lastni temi za Google Chrome, a v vsakem sodu medu je žlica veste česa.

Vsakič, ko odprete brskalnik, se v zgornjem desnem kotu pojavi okno, ki vas obvesti, da ena od nameščenih razširitev ali tem ni bila prenesena iz uradne trgovine. Temu se lahko izognete le na en način – svojo temo naložite v uradno spletno trgovino Chrome in jo od tam namestite v brskalnik.

Kako naložiti temo v trgovino Chrome

Če se odločite zapustiti svoj težko prislužen denar, opravite preprosto registracijo v spletni trgovini na https://chrome.google.com/webstore/category/extensions.

Ko ustvarite lepo in edinstveno temo, lahko namestitev plačate za uporabnike - na ta način boste prejeli majhen pasivni dohodek.

Po registraciji in plačilu računa razvijalca boste imeli možnost naložiti lastne razširitve in teme v trgovino z manjšimi omejitvami – največ 20 razširitev na račun, število tem je neomejeno.

Najprej zapakirajte datoteke s temo in jih naložite v trgovino Chrome, kot je prikazano na posnetku zaslona.

Če ni prišlo do nobene napake, se informacije o vaši temi prikažejo na glavni strani plošče za razvijalce s povezavo do strani z nastavitvami, kjer lahko spremenite opis, dodate ikono in objavite temo.



Ne bom opisoval vseh polj, ki so na voljo za izpolnjevanje - zato so dobro komentirana - če imate težave, napišite komentar pod objavo in poskušal vam bom pomagati.

Ustvarjanje teme za Chrome s pomočjo spletne storitve

V prvem delu članka sem opisal "zapleteno" metodo ustvarjanja tem za brskalnik Google Chrome, zdaj pa preidimo na enostavnejšo, ki ne zahteva kopanja v kodo in ustvarjanja veliko dodatnih slik. Vse kar potrebujete je, da obiščete spletno stran - www.themebeta.com/chrome-theme-creator-online.html z vnaprej pripravljenim velikim ozadjem.

Brskalniki, ki temeljijo na Chromiumu, ne podpirajo animiranih tem, Opera pa jih.

Ko ste v storitvi, ki, mimogrede, nikakor ni uradno povezana s korporacijo Google, boste videli delovno območje, kjer so orodja s komentarji (v angleščini) na levi, vizualizirano okno brskalnika Chrome na desni , v katerem bodo prikazane vse opravljene spremembe, in Na dnu so gumbi za postavitev vaše slike glede na okno brskalnika.

Vnesite ime teme in naložite sliko ozadja. Takoj - nastavite nastavitve položaja ali jih pustite privzete.

Na zavihku »barve« lahko nastavite barve pisav, ki se uporabljajo na različnih mestih v brskalniku. Premaknite kazalec nad katero koli od predlaganih možnosti na levi in ​​mesto spremembe bo v vizualiziranem oknu označeno rdeče. Vse kar morate storiti je, da delate z barvno paleto, da izberete tiste, ki jih potrebujete.

Brez prenosa veliko dodatnih slik, o katerih smo govorili zgoraj, bo okno vašega brskalnika odražalo privzeto barvno shemo sistema Windows, tj. Za popolno »prilagoditev« teme morate vse predlagane slike naložiti v zavihek »slike« v skladu z velikostmi, navedenimi v prvem delu članka.

Če odprete zavihek »Paket«, vam bodo na izbiro tri dejanja:

  1. Nastalo temo namestite v brskalnik (ne pozabite na pomanjkljivost z oknom, ko odprete brskalnik).
  2. Zapakirajte temo v obliko datoteke crx in jo prenesite v svoj računalnik (ta datoteka je namestitvena datoteka za teme in razširitve v brskalniku Chrome).
  3. Prenesite »izvorno kodo« teme v zip arhivu (končano temo lahko takoj naložite v spletno trgovino).

Opažam, da bo pri uporabi te storitve vaša tema postavljena v imenik in bo na voljo za prenos in namestitev drugim uporabnikom.

Če vas zanima, bom v naslednjih objavah opisal postopek izdelave animiranih tem za brskalnik Opera.