Kako napraviti vlastitu temu za Google Chrome

Jeste li ikada htjeli prilagoditi izgled svog web preglednika? Teme za Google Chrome mogu se koristiti upravo za to. Chrome Theme Store može imati ogroman raspon opcija, od svemirskih tema do automobila i prekrasnih krajolika, ali što ako nijedna od tih opcija nije baš ono što želite ili ako želite prilagoditi Chrome da ima jednu od svojih fotografija kao umjesto pozadine? Pa, srećom, možete upravo to.

Postoje dvije metode stvaranja vlastite teme. Chrome ima jednostavnu ugrađenu funkciju koja vam omogućuje uvoz pozadinske slike za stranicu nove kartice i prilagođavanje sheme boja korisničkog sučelja iz brojnih unaprijed postavljenih postavki. Ako ugrađena Chromeova značajka nema željenu količinu opcija za prilagodbu, pokriće vas web-mjesto pod nazivom ThemeBeta , sa značajkama bogatim, ali jednostavnim za korištenje kreatorom tema za Chrome (iako je postupak instalacije malo kompleksnije). U ovom članku ćemo vas provesti kroz proces stvaranja vlastite teme za Chrome pomoću oba alata.

Jednostavan ugrađeni alat za Chrome

Da biste koristili ugrađeni Chromeov uređivač tema, otvorite novu karticu. U donjem desnom kutu stranice nove kartice nalazi se ikona olovke, kliknite je da biste prilagodili izgled svog Chromea.

Kliknite ikonu olovke da otvorite uređivač tema.

U skočnom prozoru koji se pojavljuje nakon što kliknete ikonu olovke, vaša je prva opcija konfiguriranje pozadinske slike. Ovdje možete birati između vrlo ograničenog broja unaprijed postavljenih opcija ili možete prenijeti vlastitu sliku. Ova pozadinska slika primjenjivat će se samo na stranicu nove kartice, neće postati pozadina ni na jednoj stvarnoj web stranici.

Odaberite pozadinsku sliku za stranicu nove kartice.

Nakon što odaberete pozadinsku sliku, prijeđite na karticu "Boja i tema". Ovdje možete birati između niza kombinacija boja. Ove opcije boja utječu na boje kartice i trake za pretraživanje i oznake koje čine korisničko sučelje Chromea. Drugim riječima, na većini stranica koje posjećujete ove će boje biti uočljivije od vaše pozadinske slike samo zato što će gornja traka preglednika uvijek biti ove boje!

Odaberite unaprijed postavljenu shemu boja.

Ako nijedna od unaprijed postavljenih shema boja nije baš ono što želite, gornja lijeva opcija boja omogućuje vam da odaberete vlastitu shemu boja, s punim spektrom opcija boja koje možete izabrati. Da biste odabrali boju, najprije kliknite na gornji lijevi simbol, a zatim upotrijebite skočni prozor koji se pojavi da odaberete svoju boju. Podesite križić u spektru boja da dobijete svoju nijansu i crnu strelicu na desnoj strani prozora za odabir svjetline tona. Ako niste sigurni kako to funkcionira – što dalje prema gore ili dolje pomičete crnu strelicu, vaša boja postaje svjetlija ili tamnija. Za intenzivnije nijanse postavite križić blizu vrha i strelicu u sredini. Za blijeđe boje, pomaknite križić malo niže i strelicu prema gore.

Nakon što odaberete boju koju želite, kliknite "Dodaj prilagođenim bojama" u donjem desnom kutu. Zatim odaberite svoju prilagođenu boju s popisa "Prilagođene boje" u donjem lijevom kutu, a zatim kliknite "U redu" za primjenu. Ako odaberete prilagođenu shemu boja, možete odabrati samo jednu boju, Chrome će odabrati drugu sličnu boju kako bi dovršio temu onim što misli da će najbolje odgovarati.

Savjet: Chrome gotovo uvijek pretpostavlja da je boja koju ste odabrali tamnija od dvije boje teme, te će odabrati svjetliju drugu nijansu. Odaberite u skladu s tim!

Odaberite prilagođenu shemu boja.

Nakon što ste zadovoljni pozadinskom slikom i skupom boja, kliknite "Gotovo" da biste spremili prilagođenu temu i spremni ste za rad!

Jednostavne teme trećih strana

Ako želite jednostavnu temu, tada bi Chromeov ugrađeni alat trebao biti dovoljan, ali ako želite više individualnosti, ThemeBeta nudi više kontrole. Web-mjesto vam omogućuje da ručno mijenjate boje za kartice prednjeg plana i pozadine, tekst u trakama kartica i još mnogo toga.

Prije svega, trebate pregledati web stranicu ThemeBeta. Možete pregledavati teme koje su poslali korisnici na njihovoj početnoj stranici ili možete ići izravno na njihovu stranicu za kreatore teme da biste započeli sa svojom. Prvi korak nakon što ste u kreatoru teme je odabir pozadinske slike. Kliknite “1. Upload an Image", a zatim prenesite sliku sa svog tvrdog diska. Ova će slika biti osnova vaše teme i bit će pozadinska slika na stranici nove kartice.

Savjet: Svaka slika koju prenesete mora biti u formatu datoteke PNG ili JPG, jer su to jedini podržani formati. Koristite online pretvarač ako je vaša slika nešto drugačija.

Ako slika koju ste prenijeli ne izgleda sasvim ispravno, možda je previše uvećana ili ima trake sa strane ili na vrhu – pokušajte promijeniti opcije "Pozadinska slika". Odnosno, oni konfiguriraju vodoravno poravnanje, okomito poravnavanje, ako se slika ponavlja ako je premala za zaslon, kako je slika skalirana da stane na zaslon i ručno podešavanje skaliranja. Isprobajte opcije dok ne pronađete nešto čime ste zadovoljni!

Konfigurirajte pozicioniranje pozadinske slike.

Nakon što se vaša slika prenese, pregled na desnoj strani stranice ažurirat će se kako bi prikazao kako će vaša tema izgledati. Drugi korak je klik na “2. Generiraj boje”, ovaj gumb koristit će boje prisutne na slici koju ste prenijeli, za stvaranje nepca sličnih boja za korištenje na ostatku korisničkog sučelja.

Ako automatski generirana shema boja odgovara izgledu koji želite, ovdje možete prijeći na upute za instalaciju . Ali ako želite ručno konfigurirati boje stvari kao što su kartice u prednjem planu, kartice u pozadini i alatna traka, pojedinosti su pokrivene u odjeljku napredne konfiguracije u nastavku.

Napredna konfiguracija

Dvije su kartice naprednih opcija konfiguracije dostupne u gornjem lijevom kutu, prva je "Slike". Ovdje možete konfigurirati pozadinsku sliku za određene elemente. Kada prijeđete mišem preko svake od opcija, ona će crvenom bojom istaknuti element koji bi ta postavka izmijenila u pregledu.

Prijeđite mišem preko opcija da vidite koji dio korisničkog sučelja mijenjaju.

Savjet: NTP je skraćenica za “Stranica nove kartice”, opcije koje počinju ovom akronimom prisutne su samo na stranici nove kartice, ostale su vidljive na drugim stranicama.

• “NTP pozadina” konfigurira glavnu pozadinu, ako ste ranije uvezli sliku, ona će već biti “Učitana”.
• "Okvir" konfigurira korisničko sučelje isključujući popis kartica, traku za pretraživanje i traku oznaka.
• "Alatna traka" konfigurira aktivnu karticu, traku oznaka i područje oko trake za pretraživanje.
• "Pozadina kartice" konfigurira boju pozadine za neaktivne kartice.
• "Preklapanje okvira" omogućuje vam da konfigurirate drugu sliku koja prekriva sliku u "Okviru".
• "NTP Attribution" dodaje sliku u donji lijevi kut stranice nove kartice, općenito za potrebe vodenog žiga.

Savjet: Ako ste prenijeli sliku i ne sviđa vam se kako izgleda, možete je ukloniti klikom na gumb "X" pored odgovarajuće oznake "Učitano". Ako je prijenos slike promijenio boju pozadine za taj element, možete je vratiti ručno ili ponovno kliknuti "Generiraj boje" na kartici "Osnovno" da poništite shemu boja.

Druga napredna kartica je naslovljena "Boje". Ovdje – kao i kod opcija na prethodnoj stranici koje su pored njih imale okvir – možete koristiti okvir da otvorite birač boja i odaberete jednobojnu boju za odgovarajuće elemente. Još jednom, ako mišem prijeđete preko opcije konfiguracije, ona će istaknuti zahvaćeni element u pregledu crvenom bojom.

Kliknite okvir da biste otvorili birač boja za odgovarajuće elemente.

• "Alatna traka" konfigurira boju pozadine oznake atribucije ThemeBeta u donjem lijevom kutu stranice nove kartice.
• "Tekst kartice" konfigurira boju teksta na trenutno aktivnoj kartici na popisu kartica. Također postavlja boju teksta atribucije ThemeBeta u donjem lijevom kutu stranice nove kartice.
• "Tekst kartice u pozadini" konfigurira boju teksta u neaktivnim karticama na popisu kartica.
• “Tekst oznake” konfigurira boju teksta stavki na traci oznaka.
• “NTP Text” konfigurira boju teksta ili preporučene/obične veze na stranicu u sredini stranice.
• “NTP Link” nema nikakav učinak.
• "Kontrolni gumbi" konfiguriraju boju gumba za minimiziranje, povećanje i zatvaranje u gornjem desnom kutu.
• "Gumbi" konfigurira boju tipki za naprijed, natrag, ponovno učitavanje i za početak.

Nakon što konfigurirate sve napredne opcije na način na koji ih želite, spremni ste za nastavak postupka instalacije.

Instalacija teme treće strane

Iz sigurnosnih razloga, Google sada dopušta samo instaliranje proširenja i tema putem Chrome web-trgovine. Da biste instalirali svoju prilagođenu temu, morat ćete omogućiti značajku razvojnog programera. Nažalost, ova promjena znači da jednostavni gumb "Pakiraj i instaliraj" na kartici "Osnovno" i na kartici "Pakiraj" više ne rade. Ako isprobate metodu "Pakiraj i instaliraj", dobit ćete poruku o pogrešci.

CRX datoteke treće strane ne mogu se instalirati u Chrome.

Da biste to zaobišli, idite na karticu "Pakiraj" i kliknite "Pakiraj i preuzmi zip datoteku"

Kliknite gumb "Pakiraj i preuzmi zip datoteku" na kartici "Pakiraj".

Nakon što se zip datoteka preuzme, raspakirajte datoteke i spremite ih na tvrdi disk. Dvaput kliknite na datoteku koju ste preuzeli i odaberite Ekstrakt na vrhu preglednika datoteka. Morat ćete odabrati gdje ćete izdvojiti svoje datoteke. Zapamtite gdje ste ih spremili kako biste ih lakše mogli ponovno prenijeti.

Savjet: ako preimenujete mapu kako biste naznačili koja je tema, možda će je biti lakše ponovno pronaći u budućnosti, ako je ikada poželite ponovno upotrijebiti.

Izvadite datoteke iz ZIP datoteke i spremite ih na tvrdi disk.

Sljedeći korak je stranica Chrome proširenja. Možete mu pristupiti klikom na tri točke u gornjem desnom kutu, pod "Više alata", zatim "Proširenja", ili možete kliknuti ovdje .

Kliknite tri točke, a zatim Više alata > Proširenja.

Nakon što ste u izborniku proširenja, u gornjem desnom kutu stranice nalazi se klizač s oznakom "Način razvojnog programera". Omogućite ga. Nakon što je omogućen način rada programera, u gornjem lijevom kutu trebala bi se pojaviti tri gumba. Ono što vam treba je "Učitaj raspakirano". Kliknite "Učitaj raspakirano" i uvezite mapu koju ste ranije izdvojili iz zip datoteke.

Omogućite način rada za razvojne programere, a zatim kliknite "Učitaj raspakirano".

Savjet: želite uvesti roditeljsku mapu, a ne mapu "slike" koju ona sadrži. Ako ga niste preimenovali ranije, zvat će se nešto poput "tema1234567890"

Nakon što se tema uveze, na trenutnoj kartici pojavit će se upozorenje koje potvrđuje da je tema instalirana i nudi gumb za poništavanje. Prije nego što zatvorite ovo upozorenje, otvorite novu karticu i uvjerite se da sve izgleda kako želite.

Ne skrivajte upozorenje za potvrdu dok ne budete sigurni da ste zadovoljni rezultatom!

Ako vaša tema nije ispala baš onako kako ste se nadali, kliknite "Poništi" i pokušajte ponovno izmijeniti predložak. Nakon što ste zadovoljni rezultatima, slobodno zatvorite stranicu "Proširenja" i nastavite pregledavati sa svojom sjajnom novom prilagođenom temom za Chrome.