Tema je arhiva u kojoj je upakirano nekoliko slika koje definiraju izgled preglednik. Možete ih promijeniti ručno ili možete koristiti online usluga za stvaranje tema.
Možete, naravno, otići u Google trgovinu web aplikacija ili neku drugu stranicu i odabrati odgovarajuću temu za sebe ili možete sami izraditi temu i biti ponosni na svoj rad. Također, pomoću ovog mrežnog uređivača možete preuzeti temu koju već imate i promijeniti je.
Ako odlučite stvoriti temu za Google Chrome, onda će vam za početak trebati nekoliko slika usporedivih rezolucije s vašim monitorom i znatiželja da shvatite što je što.
Odlaskom na ovu adresu, pred vama će se pojaviti jednostavan uređivač tema. Postoje dvije opcije za izradu tema: jednostavna (Basic) i napredna (Advanced). U jednostavna verzija Tema se izrađuje u dva koraka, treći korak uključuje preuzimanje i instaliranje teme.
1. Klikom na prvi zeleni gumb učitava se pozadinska slika za praznu karticu. Preporučljivo je s jedne strane snimiti sliku koja je u razlučivosti razmjerna vašem monitoru, a s druge strane ne prevelika jer se učitavanje nove kartice može usporiti.
2. U drugom koraku trebate odabrati boju okvira prozora i gornje ploče. Postoji nekoliko unaprijed postavljenih opcija boja koje možete izabrati. Ako niste pronašli onaj koji vam odgovara, morat ćete raditi s naprednim uređivačem.
3. Spremni ste za preuzimanje i instaliranje teme. Kada kliknete na plavi gumb, tema će se preuzeti, nakon čega ćete biti upitani da dodate temu na svoj ekran. Nakon procjene rezultata, možete ga napustiti ili otkazati njegovu upotrebu.
Zadnji gumb vam omogućuje da postavite temu na stranicu i promijenite je prema svom ukusu.
Napredne postavke pojavljuju se kada kliknete na karticu Napredna i nalaze se na tri sljedeće kartice, nakon prve. Glavne značajke koncentrirane su na prve četiri stavke kartice Slike.
NTP pozadina– Pozadina stranice Nova kartica. Ovo je pozadinska slika nova stranica Nova kartica. Ova je opcija ekvivalentna prvoj tipki iz osnovnog načina rada, ali za razliku od nje, omogućuje vam poravnavanje pozadine i postavljanje njezinog ponavljanja ako je slika uzorka ili je mala.
Okvir- Ovo je okvir prozora. Možete postaviti i boju i sliku. Obično navedem sliku. Možete ga uzeti i u velikoj veličini.
Alatna traka– ovo je gornja ploča na kojoj su koncentrirane kartice, adresna traka, ploče s dodacima i oznakama. Također možete biti kreativni s alatnom trakom dajući joj sliku ili samo boju.
Pozadina kartice– boja pozadinskih kartica. Ovdje je sve isto kao u prethodnim paragrafima.
Na sljedećoj kartici Boje Možete postaviti boje za bilo koji tekst u sučelju preglednika. Neću ih opisivati jer su označeni kada prijeđete mišem preko njih u panelu za pregled.
Posljednji, četvrti, tab Paket dopušta:
— zapakirajte i instalirajte temu
— zapakirajte i preuzmite temu bez instalacije
— spakirajte i preuzmite temu kao zip arhivu
Nakon što kliknete na prvi gumb, tema će biti preuzeta i instalirana na nepoznatom mjestu, tako da možete koristiti drugi gumb i prvo preuzeti temu, a zatim je instalirati.
Zadnji gumb će vam biti od koristi ako nekome želite pokazati svoje novonastalo remek-djelo, jer ću vam sada pokazati što sam smislio:
Dođe vrijeme i postanete umorni od uobičajenog, želite dodati malo poleta u najpopularniji preglednik, a takva "jedinstvena značajka" u Chromeu može biti "tema", a ne preuzeta iz službene internetske trgovine, već vaša svoj, za razliku od bilo koga drugog.
Kao što ste možda već shvatili, danas ćemo razmotriti pitanje stvaranja vlastitih tema za Google preglednik Krom.
Za izradu trebamo:
- najjednostavniji grafički urednik(čak će i Paint poslužiti);
- Naše detaljne upute;
- Malo želje.
I ne pokušavam vas prevariti, najcool teme za Chrome preglednik stvaraju se za nekoliko minuta, ali prijeđimo s riječi na djela.
Postoje dva načina za izradu teme za Google Chrome:
- Pišite od nule (stvaranjem jednog Tekstualni dokument i nekoliko slika);
- Koristite specijaliziranu online uslugu.
Dok vi odlučujete koju ćete metodu koristiti, ja ću početi s onom "najtežom".
Izrada teme za Google Chrome od nule
Teme, kao i ekstenzije za preglednike temeljene na Chromium motoru, temelje se na datoteci manifest.json.
Manifest.json je tekstualni dokument koji pohranjuje postavke za teme i proširenja, kao i naslov, opis i druge informacije o usluzi.
Kreirajmo na radnoj površini nova mapa uz naziv naše buduće teme, nazvat ću je “Nemoj to raditi!”, a unutar nje ćemo napraviti tekstualni dokument - manifest.json, gdje je manifest naziv dokumenta, a json njegov . Osim toga, stvorite praznu mapu pod nazivom “images” koja će sadržavati sve grafičke elemente naše teme.
Sljedeći korak u stvaranju teme bit će priprema slika.
Možete koristiti gotove slike preuzete s interneta ili izraditi vlastite; ja ću napraviti potpuno jedinstvene slike za naknadno učitavanje teme u internetsku trgovinu Chrome.
Trebat će nam slike sljedećih veličina:
1. 1920x1080px (HD format) – za korištenje kao glavne pozadine u pregledniku.
2. 30x256px – ova će se slika koristiti kao ukras Chrome prozora.
3. 1100x40px – ova slika će služiti kao početni ekran s lijeve strane gornji kut preglednik (ne znam zašto morate posebno koristiti dodatnu sliku na ovom mjestu - možete je koristiti za dodatnu "prilagodbu" teme).
4. 30x200px – služit će kao ispuna za neaktivne otvorene kartice preglednika.
5. 30x256 px – ova slika koristit će se za popunjavanje aktivnog otvorena kartica i Chromeova traka oznaka.
Obratite pozornost na slike, posebice na njihovu veličinu; ako ne znate kako napraviti sliku točno ove veličine i oblika, proučite jednu od naših.
Pa, ako već imate sve spremno, samo naprijed i napravite datoteku manifest.json.
Možete preuzeti dovršenu datoteku koju sam pripremio kao uzorak - ili je sami sastavite prema uputama u nastavku.
Dokument u kojem će biti opisan kod naše teme počinje vitičastom zagradom “(”, zatim morate ispuniti polja:
( "name":"Nemojte to učiniti!", // polje koje označava naziv teme; "verzija": "1", // broj verzije vaše teme (kasnije, kada mijenjate teme, trebate za ažuriranje verzije); " opis":"Još uvijek možete dvaput razmisliti?", // Kratki opis Teme; "manifest_version":2, // verzija manifesta (postoje dvije verzije "manifesta" - 1 i 2, verzija 1 - za preglednike Chrome ispod verzije 18, verzija 2 za preglednike verzije 18 i novije, uključivo).
"theme":( "images":( "theme_frame": "images/theme_frame.jpeg", // slika korištena u dizajnu prozora preglednika; "theme_toolbar": "images/theme_toolbar.jpeg", // slika korištena kao ispuna aktivna otvorena kartica; "theme_tab_background": "images/theme_tab_background.jpeg", // popunjavanje neaktivnih otvorenih kartica; "theme_ntp_background": "images/theme_ntp_background.jpeg", // glavna pozadina naše teme; "theme_frame_overlay": "slike /theme_frame_overlay .jpeg"), // ispunite gornji lijevi kut.
"tema" :( "slike" : ( "theme_frame" : "images/theme_frame.jpeg" , // slika korištena u dizajnu prozora preglednika; "theme_toolbar" : "images/theme_toolbar.jpeg" , // slika koja se koristi kao ispuna za aktivnu otvorenu karticu; "pozadina_kartice_teme" : "images/theme_tab_background.jpeg", // ispuni neaktivne otvorene kartice; "tema_ntp_pozadina" : "images/theme_ntp_background.jpeg", // glavna pozadina naše teme; "preklapanje okvira_teme" : "images/theme_frame_overlay.jpeg"} , // ispunite gornji lijevi kut. |
Kod na ovoj stranici koristi simbol “//”, potrebno je “komentirati” kod. Izravno u datoteku manifest.json– može se izbrisati.
Nakon što ste odredili staze do slika, trebali biste odrediti boje fontova i elemenata sučelja. U manifest.json Koriste se RGB boje - njihove kodove možete dobiti u bilo kojem online pretvaraču.
"colors":( "frame":, // Ispunjava prazan prostor glavne pozadine navedenom bojom; "toolbar":, // Ispunjava područje u donjem lijevom kutu, gdje se prikazuje "url" stranice; "tab_text":, // Boja fonta aktivne otvorene kartice; "tab_background_text":, // Boja fonta neaktivne otvorene kartice; "bookmark_text":, // Boja fonta oznaka na ploči preglednika; "ntp_background": , // Boja pozadinske ispune ispod ikona "aplikacija" u pregledniku; "ntp_text":, // Boja fonta naziva aplikacija; "button_background":), // Boja "Zatvori", "Minimiziraj", "Puni" Zaslon" u gornjem desnom kutu.
"boje" :( "okvir": [0, 0, 0], // Ispunjava prazan prostor glavne pozadine navedenom bojom; "alatna traka": [0, 0, 0], // Ispunjava područje u donjem lijevom kutu, gdje se prikazuje "url" stranice; "tekst_kartice" : [ 255 , 255 , 255 ] , // Boja fonta aktivne otvorene kartice; "tab_background_text" : [ 167 , 167 , 167 ] , // Boja fonta neaktivne otvorene kartice; "tekst_oznake" : [ 167 , 167 , 167 ] , // Boja fonta oznaka na ploči preglednika; "ntp_pozadina": [0, 0, 0], // Boja pozadinske ispune ispod ikona “aplikacija” u pregledniku; "ntp_tekst": [167, 167, 167], // Boja fonta naziva aplikacija; "pozadina_gumba" : [ 255 , 255 , 255 ] ), // Boja gumba "Zatvori", "Minimiziraj", "Cijeli zaslon" u gornjem desnom kutu. |
Ostaje samo postaviti pozicioniranje glavne pozadinske slike i par dodatnih postavki.
"tints":( "buttons": // Odredite nijanse upotrijebljenih boja (ovdje ostavite navedene vrijednosti);), "properties":( "ntp_background_alignment": "bottom", // Odredite u odnosu na rub prozora će se nalaziti glavna slika (dno – dno, vrh – vrh); “ntp_background_repeat”: “no-repeat” // Označavamo da li je potrebno “ispuniti” cijeli prostor prozora preglednika našom slikom , ako je veće veličine od naše glavne slike. ) )
Jeste li prošli sve korake sa mnom? Sjajno, možete zatvoriti datoteku manifesta i spremiti je te početi testirati rezultirajuću temu tako da prvo učitate prethodno stvorene slike u mapu “images”.
Testiranje teme za Chrome
Testiranje zvuči preglasno, dapače, moramo provjeriti jesmo li pogriješili u radu.
Imate li već instaliranu temu u pregledniku i trebate je malo izmijeniti? Nema problema! Datoteke već instaliranih tema u Chromeu pohranjuju se na C:\Users\User_Name\AppData\Local\Google\Chrome\User Data\Profile 1\Extensions
Otvorite svoj preglednik i idite na Postavke, karticu Proširenja i kliknite Učitaj raspakirano proširenje. Obavezno provjerite je li označen "Način za razvojne programere".
U prozoru koji se pojavi odaberite mapu sa svojom temom za Chrome i kliknite "U redu" - u mom slučaju to je mapa "Nemoj to raditi!".
Čestitamo! Tema u pregledniku se trebala promijeniti u vašu, ako nije, vratite se na gornji kod i potražite greške u svojim datotekama i rezolucijama slika ili preuzmite arhivu s mojim datotekama s poveznice - i usporedite sa svojima.
Sada možete uživati vlastitu temu za Google Chrome, ali u svakoj bačvi meda je žlica znate već čega.
Svaki put kada otvorite preglednik, u gornjem desnom kutu će se pojaviti prozor koji vas obavještava da je jedan od instalirane ekstenzije ili koji nije preuzet sa službene trgovine. Postoji samo jedan način da to izbjegnete - postavite svoju temu na službeni internet Chrome pohranite i od tamo ga instalirajte u svoj preglednik.
Kako prenijeti temu u Chrome Store
Ako se odlučite odvojiti od svog teško zarađenog novca, idite jednostavna registracija u online trgovini na poveznici https://chrome.google.com/webstore/category/extensions.
Stvorivši lijepu i jedinstvenu temu, možete učiniti instalaciju plaćenom za korisnike - na taj način ćete dobiti mali pasivni prihod.
Nakon registracije i plaćanja računa razvojnog programera, imat ćete priliku učitavati vlastita proširenja i teme u trgovinu uz manja ograničenja - ne više od 20 proširenja po računu, broj tema je neograničen.
Prije svega, zapakirajte datoteke teme i prenesite ih u Chrome Store kao što je prikazano na snimci zaslona.
Ako se ne pojave pogreške, početna stranica Na ploči za razvojne programere pojavit će se informacije o vašoj temi s vezom na stranicu s postavkama, gdje možete promijeniti opis, dodati ikonu i objaviti temu.
Neću opisivati sva polja dostupna za popunjavanje - ona su, dakle, dobro komentirana - ako imate problema, napišite komentar ispod posta i pokušat ću vam pomoći.
Stvaranje teme za Chrome pomoću mrežne usluge
U prvom dijelu članka opisao sam "kompliciranu" metodu stvaranja tema za preglednik Google Chrome, a sada prijeđimo na jednostavniju koja ne zahtijeva kopanje u kodu i stvaranje puno dodatnih slika. Sve što trebate je otići na web stranicu - www.themebeta.com/chrome-theme-creator-online.html s unaprijed pripremljenom velikom pozadinom.
Preglednici temeljeni na Chromiumu ne podržavaju animirane teme, ali Opera podržava.
Jednom na usluzi, koja, usput rečeno, ni na koji način nije službeno povezana s korporacijom Google, vidjet ćete radno područje gdje se alati s komentarima (na engleskom) nalaze s lijeve strane, vizualizirani prozor preglednika Chrome s desne strane , u kojem će se prikazati sve napravljene promjene, i Na dnu se nalaze gumbi za pozicioniranje vaše slike u odnosu na prozor preglednika.
Unesite naziv teme i preuzmite pozadinska slika. Odmah - napravite postavke pozicioniranja ili ih ostavite zadane.
Na kartici "boje" možete postaviti boje fontova koji se koriste na različitim mjestima u pregledniku. Zadržite pokazivač iznad bilo koje od predloženih opcija s lijeve strane i mjesto promjene bit će označeno crvenom bojom u vizualiziranom prozoru. Sve što trebate učiniti je raditi s paletom boja kako biste odabrali one koje su vam potrebne.
Bez preuzimanja puno dodatnih slika o kojima smo gore govorili, prozor vašeg preglednika odražavat će instalirane Shema boja Windows, tj. Za potpunu “prilagodbu” teme potrebno je uploadati sve predložene slike u kartici “slike”, prema veličinama navedenim u prvom dijelu članka.
Odlaskom na karticu “Pack” dobit ćete tri radnje koje možete izabrati:
- Instalirajte dobivenu temu u preglednik (sjetite se mane s prozorom pri otvaranju preglednika).
- Spakirajte temu u format datoteke crx i preuzmite je na svoje računalo (ova je datoteka instalacijska datoteka za teme i proširenja u pregledniku Chrome).
- Preuzmite “izvorni kod” teme u zip arhivi (možete odmah prenijeti gotovu temu u internetsku trgovinu).
Napominjem da prilikom korištenja ove usluge– vaša će tema biti smještena u imenik i bit će dostupna za preuzimanje i instalaciju drugim korisnicima.
Ako ste zainteresirani, u sljedećim postovima ću opisati proces izrade animiranih tema za preglednik Opera.
U gornjem desnom kutu chrome kliknite, a zatim Postavke.
U odjeljku "Izgled" kliknite Vrati na zadano. Ponovno ćete vidjeti klasičnu Google Chrome temu.
Koja je preporučena veličina za svaku sliku?
Okvir_teme: ∞ x 30 px
Alatna_traka_teme: ∞ x 120 px
Pozadina_kartice_teme: ∞ x 65 px
Theme_ntp_background: Preporučena minimalna veličina za slike 800 x 600 px
Tema_frame_overlay: 1100 x 40px
Pozadina_gumba_teme: 30 x 30px
Gdje mogu naučiti kako izraditi Chrome temu?
Što je tema?
Tema je posebna vrsta proširenja koja mijenja izgled preglednika google chrome. To je komprimirani paket datoteka: jedna manifest.json datoteka i nekoliko png slika
Evo primjera datoteke manifest.json za temu:
( "version": "1.0", "name": "testna tema", "description": "testna tema", "tema": ( "slike" : ( "theme_frame" : "images/theme_frame_camo.png", "theme_toolbar" : "images/theme_toolbar_camo.png", "theme_ntp_background" : "images/theme_ntp_background_norepeat.png", "theme_ntp_attribution" : "images/attribution.png" ), "colors" : ( "frame" : , "toolbar" : , "ntp_text" : , "ntp_link" : , "ntp_section" : , "button_background" : ), "tints" : ( "buttons" : ), "properties" : ( "ntp_background_alignment" : "bottom" ) ) )
verzija: Jedan do četiri cijela broja odvojena točkama koji identificiraju verziju ove teme.
Ime: Kratak niz običnog teksta (ne više od 45 znakova) koji identificira temu.
opis: Tekst opisa za vašu temu.
slike: Resursi slika za ovu temu. Na primjer, "theme_ntp_background" koristi se za određivanje pozadine okna nove kartice.
boje: Boje su u RGB formatu, koji se koristi za određivanje boje teksta knjižne oznake, okvira itd.
nijanse: Možete odrediti nijanse koje će se primijeniti na dijelove korisničkog sučelja kao što su gumbi, okvir i kartica pozadine.
Nijanse su u formatu Hue-Saturation-Lightness (HSL), koristeći brojeve s pomičnim zarezom u rasponu od 0 do 1,0: - Nijansa je apsolutna vrijednost, a 0 i 1 su crvena. - Zasićenost je relativna u odnosu na trenutnu sliku. 0,5 je bez promjene, 0 je potpuno nezasićeno, a 1 je potpuno zasićeno. - Svjetloća je također relativna, s 0,5 bez promjene, 0 ako su svi pikseli crni, a 1 ako su svi pikseli bijeli. Alternativno možete koristiti -1.0 za bilo koju od HSL vrijednosti kako biste naveli da nema promjena.
Svojstva: ovo polje vam omogućuje da odredite svojstva kao što su poravnanje pozadine, ponavljanje pozadine.
Što je ovaj online chrome kreator tema?
Mrežni chrome kreator tema jednostavan je alat za izradu tema za ljude koji nisu upoznati s .json datotekom. Omogućuje jednostavan način mijenjanja slika, odabira boja i nijansi, pregledavanja i pakiranja vaše chrome teme na mreži.
Zdravo. Molimo odgovorite na ovo pitanje: zašto ujutro uključujete prijenosno računalo ili računalo? Siguran sam da će odgovori biti drugačiji. Nekima treba za posao, nekima za učenje, a nekima samo za igru. Ali sve te radnje u većini slučajeva vezane su uz internet. Čitamo u njemu zadnja vijest, traženje informacija za posao i učenje, prijenos datoteka i još mnogo toga. I želim da se ti procesi odvijaju u ugodnom okruženju koje je ugodno za vaše oči.
Već smo govorili o tome kako. Instalirali smo prekrasnu temu i prilagodili widgete za sebe. Danas ćemo naučiti kako instalirati Google Chrome temu kako bi bila ugodna za rad. Ići.
Dakle, da bismo instalirali temu, moramo otići na glavni izbornik preglednika.
I odaberite stavku postavke.
Kliknite na gumb " Izaberi temu».
Odmah se nalazimo unutra Google trgovina, gdje su predstavljene razne teme za naš preglednik Google Chrome
Ovdje ćete pronaći širok raspon tema. Podijeljeni su u kategorije: priroda, veliki gradovi, jednostavno, životinje i više. Jednom riječju, svatko će pronaći temu za svoj ukus. Za pregled svih tema u određenoj kategoriji slijedite poveznicu “ Pogledaj sve».
U našem primjeru ćemo instalirati temu iz kategorije Priroda pod nazivom Dobro jutro ( Dobro jutro). Kliknite na pregled teme i pred nama će se otvoriti prozor za pregled ove teme.
Prvo što odmah upada u oči je izgled same teme, kako će ona izgledati u vašem pregledniku. Desno je naznačeno pune informacije o kompatibilnosti, razrješenju teme i dodatne informacije: datum izrade, veličina, verzija, jezik.
Ako vam se sviđa ova tema, svidjela vam se, kliknite na gumb " Instalirati».
Nakon kratkog vremena preglednik će primijeniti temu. Da biste to provjerili, otvorite novu karticu.
Kako ukloniti instaliranu temu?
Ako ste umorni od odabrane teme ili ste se samo odlučili vratiti na standardnu temu preglednika, idite na Postavke preglednika i kliknite gumb Vrati zadanu temu».
Vratit će se normalna zadana tema preglednika.
Ovako smo lako i jednostavno ukrasili naš preglednik. I to je sve za sada! Svatko Imajte dobro raspoloženje i sretno. Vidimo se opet!
Ljubav može promijeniti osobu do neprepoznatljivosti.
Publije Terencije Afr
Možda će se nekome svidjeti ovaj članak. Ovdje sam odlučio objaviti nekoliko lijepih i ugodnih tema za preglednik Google Chrome.
Danas je to jedan od najpopularnijih preglednika, ali vi i ja to već znamo. Ima mnoge značajke: dodatke, proširenja i, naravno, teme za google chrome. Na taj način možete prilagoditi izgled svog preglednika onako kako želite. U nastavku ću dati nekoliko opcija za teme, možda će vam se neke svidjeti, a neke ne, na vama je da odaberete.
Teme za Google Chrome
Plave i zelene kocke, lijepa tema dizajna za sliku, prilično minimalistična i lijepa. Ako vam se sviđaju ovakve teme, požurite i instalirajte je.
Iz naziva je jasno da je tema za ljubitelje Batmana, kao što vidite, također ugodna za gledanje.
- Crni ugljik + srebrni metal
Tema je srebrni metal i crni karbon, vrlo minimalističan s prekrasnim uzorkom, uzorak se nalazi blizu trake za pretraživanje.
- Doink
Tema je velika s cvjetnim uzorkom na pozadini, mnogo cvijeća na vrhu prozora preglednika. Dizajn je uvjerljiv na oko. U dobro osvijetljenim prostorijama dobro će doći svijetle tematske boje. Ako vam se sviđa tema, instalirajte je.
- Politema
Vrlo cool tema u minimalističkom izgledu, širok izbor ljubičastih nijansi. Svakako bih postavio takvu temu.
Tema u obliku crnih i bijelih izmjeničnih pruga. Tko god da ga je napravio definitivno ima odličan smisao za dizajn.
- Citrusi_Ždralovi
Tema je u narančastoj nijansi s zelenom limetom i kaki origami bojom u pozadini. Vidimo papirnati origami na vrhu prozora preglednika. Izgleda super.
- Tema Google Now
mislim dosta. Deset tema, mislim da će vam se nekoliko svidjeti i da ćete ih odlučiti instalirati u svoj preglednik. Čak i ako vam se nijedna tema ne sviđa, možete odabrati bilo koju drugu iz Chrome web trgovine.