Heim / Internet / So ändern Sie das Design im Chrome-Browser. So ändern Sie das Design im Google Chrome-Browser. Wo finde ich Themes für Chrome?

So ändern Sie das Design im Chrome-Browser. So ändern Sie das Design im Google Chrome-Browser. Wo finde ich Themes für Chrome?

Themes für Google Chrome sind eine Art Browser-Design. Diejenigen Benutzer, die einen hochentwickelten ästhetischen Geschmack haben, werden sich wahrscheinlich nicht mit dem langweiligen anfänglichen Design zufrieden geben, das die Browser-Entwickler anbieten. Das Ändern der Situation ist sehr einfach, und selbst ein Anfänger wird eine solche Aufgabe bewältigen.

Wo finde ich Themes für Chrome?

Sie finden Chrome-Designs sowohl im Google Online Store als auch auf Ressourcen von Drittanbietern. Der erste Fall ist natürlich vorzuziehen, da die Erweiterung überprüft wird und definitiv nicht dazu beiträgt, den Virus auf den Computer zu bringen. In finden Sie nicht nur das Design, das der Entwickler anbietet, sondern auch das, was von normalen Benutzern erstellt wurde.

Wozu dienen Google Chrome-Designs? Einfach die Laune verbessern, das Lieblingsbild immer vor Augen haben, für jeden anderen Zweck. Zumal diese Erweiterung größtenteils kostenlos angeboten wird. Beim Durchstöbern der verfügbaren Themen findet jeder etwas nach seinem Geschmack. Das Design verwendet sowohl strenge Farben und Formen als auch bizarre Ornamente, sowohl elegante Blumen als auch kraftvolle Autos. Mit anderen Worten, die Entwickler präsentierten Themen für Chrom für jeden Geschmack und jede Farbe.

So installieren Sie Browserdesigns

Die Installation von Google Chrome-Designs ist sehr einfach. Starten Sie also den Browser und gehen Sie zum App Store. Zur Bequemlichkeit der Nutzer haben die Entwickler das gesamte hier angebotene Angebot in Kategorien eingeteilt. Themen interessieren uns. Zu Ihrer Information können Sie im Abschnitt Erweiterungen verschiedene nützliche Plugins finden und installieren, zum Beispiel .

Durch Klicken auf den Abschnittsnamen kann der Benutzer feststellen, dass zwei Unterkategorien erschienen sind. Der erste von ihnen heißt Von Google, der zweite - Von den Künstlern. Wählen Sie das gewünschte Thema und klicken Sie auf Kostenlos. Wir warten eine Weile, danach erscheint eine Meldung, dass das Design dem Browser hinzugefügt wurde. Darüber hinaus wird Ihnen das neue Thema sofort mit einem fröhlichen Bild gefallen.

Wenn Sie vor der Installation mehr über ein bestimmtes Thema erfahren möchten, dann klicken Sie es mit der Maus an. Es erscheint ein zusätzliches Fenster, in dem neben dem Bild selbst eine Beschreibung angezeigt wird. Darüber hinaus gibt es die Abschnitte Review, Reviews, Details, Similar. Abgesehen davon, dass Sie sich sofort vorstellen können, wie Themen in Google Chrome aussehen werden, können Sie sie genauer studieren. Benutzer, die das Design bereits heruntergeladen und installiert haben, teilen ihre Eindrücke und Bewertungen. Außerdem wird hier eine Statistik darüber geführt, wie oft das Add-On heruntergeladen wurde.

Wenn das neue Design aus irgendeinem Grund nicht zu Ihnen passt und Sie zu dem zurückkehren möchten, das sich im Standardbrowser befand, ist dies ganz einfach. Klicken Sie auf die Schaltfläche Einstellungen und Steuerelemente und wählen Sie im Kontextmenü Einstellungen. Suchen Sie in dem sich öffnenden Fenster das Element Aussehen. Übrigens, auf diese Weise können Sie Themen für Chrom auswählen. Um zum Original zurückzukehren, klicken Sie einfach auf die Schaltfläche, die anbietet, das Design auf die Standardeinstellung zurückzusetzen. Wenn Sie die Synchronisierungsfunktion verwenden, können Sie auf verschiedenen Geräten dasselbe Thema im Browser anwenden.

Wenn Sie den Google Chrome-Browser verwenden und das Standard-Erscheinungsbild satt haben, können Sie sich aus der Situation befreien, indem Sie das Design von der Chrome Web Store-Website herunterladen und installieren.

So installieren Sie ein Design in Google Chrome: Einstellungen - Optionen - Persönliche Inhalte - Design abrufen.

Sie können vorgefertigte Designs für Google Chrome verwenden oder mit dem Online-Designer für Designs - Chrome-Designersteller - Ihr eigenes Design erstellen.
Der Online-Designer befindet sich unter www.themebeta.com/chrome-theme-creator-online.html

Erstellen Sie ein Design für Google Chrome - Ersteller von Chrome-Designs

Ich beginne mit dem Erstellen eines Designs mit dem Online-Designer - Chrome-Designersteller.

Die Konstruktorschnittstelle besteht aus zwei Teilen.

a). Auf der linken Seite befinden sich die Einstellungen für das Future-Theme.

b). Auf der rechten Seite ist eine Vorschau des Chrome-Browserdesigns während des Designs.

Beginnen wir mit dem ersten Tab ("basic" - aus dem englischen Main). Hier müssen Sie das Feld mit dem Namen des erstellten Themas ausfüllen (optional). Ich nannte mein Thema - "myStar"

Die zweite Registerkarte ("Bilder" - von englischen Bildern) dient zum Laden der Details des Themas.
Achtung: Wenn Sie Bilder in einem Grafikeditor erstellen oder fertige Bilder für ein zukünftiges Thema ändern, beachten Sie die Bildschirmauflösung.

Wenn Sie den Mauszeiger über die Abschnitte auf der Registerkarte Bilder bewegen, wird ein rot hervorgehobener Tooltip angezeigt, der anzeigt, welchen Teil des Themas Sie ändern werden.

Lassen Sie uns Hintergrundbilder für unser Thema laden, indem Sie auf die Schaltfläche "Bild auswählen" klicken und die Farbe mit der Palette ändern. Das ist, was ich tat.

Auf der dritten Registerkarte („Farben“ - von englischen Farben) wählen wir Farben für Rahmen, Text usw. aus. Im dritten Reiter „Farben“ gibt es auch Tipps, wenn man mit der Maus über Abschnitte fährt. Mal sehen, was ich habe.

Die Registerkarte „Pack“ ist der letzte Schritt beim Erstellen eines Designs für Google Chrome.

"Design packen und installieren" - Packen und installieren Sie das Design.

"Design packen und herunterladen" - Packen und laden Sie ein Design mit einer Erweiterung herunter. crx. Um das Design zu installieren, ziehen Sie einfach die .crx-Datei in das Chrome-Browserfenster und fertig. Ist es nicht eine schnelle Theme-Installation auf Google Chrome?

"Zip-Datei packen und herunterladen"- das erstellte Theme als Zip-Archiv packen und herunterladen. Zip - Themenarchiv kann im Chrome Web Store zur öffentlichen Nutzung gehostet werden.


Das ist alles!!! Mit dem Online-Designer - Chrome-Theme Creator haben wir es herausgefunden.

Themes für Google Chrome sind grafische Hüllen, die das Aussehen des Browsers verändern. Sie fügen einem leeren Tab ein Hintergrundbild hinzu, verwandeln das Panel in eine Adressleiste und Lesezeichen. Bildlich gesprochen ist ein Theme in Chrome wie ein Skin für einen Audioplayer. Einige Benutzer mögen dunkles Design, andere helle, andere mögen eine Art thematischen Hintergrund in Google Chrome (Weltraum, Spiele, Filme usw.).

Dieser Artikel hilft Ihnen, sozusagen ein alternatives grafisches Outfit für Ihren Browser zu erstellen, und natürlich gemäß Ihren Geschmacksvorlieben und Interessen. Außerdem erfahren Sie, wie Sie das Design in Google Chrome ändern, entfernen und das Standarddesign erneut festlegen (von den Entwicklern vorinstalliert). Mit Blick auf die Zukunft beeilen wir uns, Sie darüber zu informieren, dass alle diese Themenverwaltungsvorgänge in Google Chrome völlig kostenlos sind. So können Sie sicher und ohne Einschränkungen mit Grafikdesigns in Ihrem bevorzugten Chrome experimentieren.

Von welcher Seite kann ich das Theme installieren?

Es ist am besten, das Design der Benutzeroberfläche durch Themen zu ändern, die im offiziellen Google Chrome-Anwendungsspeicher präsentiert werden. Wieso den? Nun, erstens - es ist sicher, zweitens - es ist bequem und drittens - eine große Auswahl an Gestaltungsmöglichkeiten.

Es gibt natürlich einen ähnlichen Dienst für Ressourcen von Drittanbietern. Die Installation von Inhalten von dort erfolgt in diesem Fall jedoch aus der Kategorie „auf eigene Gefahr und Gefahr“. Überlegen Sie also selbst, ob das Spiel die Kerze wert ist.

Und in diesem Artikel werden wir uns mit dem Prinzip der Arbeit mit Themen über den Anwendungsspeicher befassen.

Es gibt also zwei Möglichkeiten, zum Abschnitt "Themen" zu gelangen:

Methodennummer 1: im Menü "Dienste".

1. Klicken Sie in der Lesezeichenleiste auf das Symbol „Dienste“.

2. Klicken Sie auf der Registerkarte auf die Bezeichnung "Online-Shop ...".

3. Klicken Sie auf der Apps-Site auf den Abschnitt Themen.

Methodennummer 2: durch die Option

1. Drücken Sie oben rechts auf die Schaltfläche „Drei Punkte“.

2. Wählen Sie „Einstellungen“ aus der Menüliste.

3. Klicken Sie im Block "Darstellung" in der Zeile "Themen" auf die Schaltfläche "Quadrat mit Pfeil" oder die Aufschrift "Öffnen ...".

Wie man wählt?

Im Laden gibt es einige. Um schnell zu finden, was Sie brauchen, können Sie den integrierten Filter verwenden.

  • "von Google" - Corporate Design von Entwicklern;
  • "von Künstlern" - visuelle Werke von altruistischen Benutzern.
  • "Alles" - eigentlich alles, was in den Mülleimern des Ladens ist.

Um den gewünschten Parameter einzustellen, klicken Sie auf die Zeile und wählen Sie den Filter aus der Dropdown-Liste (ebenfalls per Mausklick).

Mit dem Block "Bewertungen" können Sie Designthemen nach dem Grad der Beliebtheit erstellen. Hier funktioniert, wie bei Hotels, auch bei Cognac ein Bewertungssystem in Form von Sternen. Das heißt, welche Themen Sie sehen möchten (wie viele Sterne), wählen Sie eine solche Zeile in der Liste aus. Fünf Sterne - die höchste Kategorie im lokalen TOP. Dies bedeutet jedoch nicht, dass Zwei-Sterne-Themen völlig nutzlos sind. Sieh sie dir auch an. Vielleicht gefallen sie dir besser. In Geschmack und Farbe sind, wie man so schön sagt, alle Filzstifte unterschiedlich.

Und wenn Sie es sich anders überlegen, den Filter zu verwenden, können Sie ihn jederzeit zurücksetzen, indem Sie auf die Aufschrift „Clear“ klicken. Nach Drücken dieses Befehls werden alle Parameter zurückgesetzt.

Eine weitere gute Orientierung bei der Suche nach einem interessanten Thema sind die Überschriften thematischer Sammlungen. Sie werden in jedem Galerieblock angezeigt: "Shades of the Night", "Google Choice" usw.

Um die gesamte interessante Sammlung anzuzeigen, klicken Sie in der Spalte mit dem Untertitel auf der rechten Seite auf „Alle anzeigen“.

Wie downloadet man das?

Das Ändern des Designs in Chrome ist ein Kinderspiel. Es wird so gemacht:

1. Klicken Sie in der Galerie auf den Block des Designs, an dem Sie interessiert sind (das Miniaturbild der Designoption).

2. Auf der sich öffnenden Seite können Sie die Präsentation sehen: Sehen Sie, wie Ihr Browser in der neuen "Kleidung" aussehen wird; Lesen Sie zusätzliche Informationen (Erstellungsdatum, Größe, Autor).

3. Wenn es immer noch keinen Zweifel an der Auswahl gibt, klicken Sie auf die Schaltfläche "Installieren".

4. Wenn der Download abgeschlossen ist, „verwandelt“ sich der Webbrowser. Ihre Teilnahme ist nicht mehr erforderlich. Auf der Download-Seite erscheint anstelle der Schaltfläche "Installieren" das Fenster "Hinzugefügt ...".

Öffnen Sie einen neuen Tab in Google Chrome, um das neue grafische Erlebnis zu genießen.

Es kommt manchmal vor, dass das Theme nicht installiert ist. Wenn dieses Problem auch auftritt, versuchen Sie, es mit den folgenden Schritten zu beheben:

  1. Überprüfen Sie die Internetverbindung, ob dies der Fall ist, sowie deren Einstellungen im System. Möglicherweise wurde die Verbindung während des Downloads getrennt.
  2. Überprüfen Sie Ihre Antivirus- und Firewall-Einstellungen. Sie können auch die Installation stören.
  3. Addons vorübergehend deaktivieren. Insbesondere diejenigen, die Inhalte filtern (Anzeigen, Skripte, Tracker usw.).
  4. Löschen Sie Ihren Browser, setzen Sie Ihre Einstellungen zurück.
  5. Versuchen Sie, über den Dienst https://chrome-extension-downloader.com/ zu installieren. Fügen Sie auf dieser Website den Link zur Themenseite ein und laden Sie ihn herunter. Öffnen Sie dann im Browser die Registerkarte „Erweiterungen“ und ziehen Sie die heruntergeladene Designdatei hinein.

Nachdem Sie die Diagnose und alle erforderlichen Einstellungen vorgenommen haben, versuchen Sie erneut, das Design zu installieren. Wenn Sie erneut scheitern, verzweifeln Sie nicht, entscheiden Sie sich für eine andere Option. Es kann durchaus sein, dass die Installation am Verschulden der Entwickler – der Autoren des alternativen Designs – scheitert.

Wie ändern?

Das Ändern des grafischen "Cover" von Chrome wird automatisch durchgeführt, wenn Sie ein anderes Design installieren, einschließlich des vorinstallierten. Es müssen keine vorbereitenden Einstellungen vorgenommen werden. Wählen und erneut installieren.

Wie installiere ich ein Standarddesign?

Gehen Sie wie folgt vor, um Google Chrome auf das Standarddesign zurückzusetzen:
1. Öffnen Sie das Menü (die Schaltfläche „drei Streifen“) und gehen Sie zum Abschnitt „Einstellungen“.

2. Klicken Sie im Unterabschnitt "Darstellung" in der Option "Designs" auf den Befehl "Zurücksetzen". Und der Browser nimmt seine ursprüngliche Form an: Er ist derselbe wie unmittelbar nach der Installation.

Kann ich mein eigenes Design erstellen?

Stellen Sie sich vor, ja. Außerdem benötigen Sie dafür keine besonderen Kenntnisse (Programmierung, Webtechnologien etc.). Die Möglichkeit, das Aussehen von Chrome selbst zu studieren, bieten verschiedene Add-Ons und Online-Dienste. Es gibt viele von ihnen, aber wir werden nur einen als Beispiel kennenlernen. Dies ist eine Staffelei für Themen - Theme Creator. Es ist im App-Store.

Und wenn Sie auf der Seite auf die Schaltfläche "Gehe zu ..." klicken, gelangen Sie sofort zur Editor-Site (themebeta.com).

Das Verfahren zur Selbsterstellung von Grafikdesign reduziert sich auf folgende Schritte:
1. Klicken Sie auf der Editor-Seite auf die Schaltfläche „Bild hochladen“. Laden Sie ein Hintergrundbild von Ihrem Computer hoch.

Browserdesigns sind Teil der Kreativität des Benutzers und eine großartige Möglichkeit, Chrome entsprechend Ihrer Aktivität, Stimmung und flüchtigen emotionalen Launen zu personalisieren. Versuchen Sie, Google Chrome in andere Schattierungen und Farben umzuwandeln. Du wirst es mögen. Und dann verbessert die exklusive Ansicht des Browsers teilweise den Komfort beim Surfen im Internet.

Die meisten von uns verbringen viel Zeit damit, Websites im Internet zu durchsuchen, ohne auf das Design unseres Webbrowsers zu achten.

Schöne Browserdesigns können jedoch Ihren Tag erhellen.

Heute erklären wir Ihnen, wie Sie das Aussehen auf diese Weise ändern können.

Space Planet-Thema

Ich weiß nicht, wie es euch geht, aber wenn ich Weltraumbilder sehe, erstarre ich immer für ein paar Sekunden, wenn ich sie anschaue, besonders wenn ich zum ersten Mal einen solchen Rahmen sehe, weil es so schwer ist, sie nicht zu bewundern. Das in diesem Thema installierte Hintergrundbild eines ungewöhnlich gefärbten Planeten mit leuchtenden Ringen bildet da keine Ausnahme.

Möglicherweise sehen Sie kaum das vollständige Bild, da es nur angezeigt wird, wenn Sie einen neuen Tab öffnen. Teile hingegen werden Sie fast ständig beobachten (Registerkarten und Navigationsleiste). Sie sind ebenso schön und haben eine mysteriöse Indigofarbe, die in der linken Ecke zu sehen ist.

Thema für Google Chrome – Schöne Landschaft

Dieses Thema hat goldene Akzente, die den Benutzer an Holzoberflächen erinnern sollen, und die Registerkarten sind in metallischen grünen Farben gehalten, von denen ich annehme, dass sie die Vegetation darstellen.

Das Hintergrundbild im neuen Tab ist meiner bescheidenen Meinung nach sehr majestätisch, daher führt der Name dieses einen Benutzer definitiv nicht in die Irre und stimmt vollständig mit der Realität überein.

Regentropfen-Browser-Design

Wir haben also ein Thema mit einem echten Foto, das übrigens vor dem Hintergrund eines neuen Tabs in Ihrem Browser ziemlich friedlich aussieht. Teile desselben Fotos sehen Sie in den Registerkarten der Navigationsleiste. Es kommt in verschiedenen Größen. Die Lite-Version enthält keine HD-Fotounterstützung. In anderen Fällen besteht der einzige Unterschied in der Aero-Unterstützung.

Wie Sie auf dem Screenshot sehen können, unterstützt meins den Aero-Stil nicht, da ich Ubuntu als Betriebssystem verwende.

Herunterladen: Chrome.google.com

Herbst

Ist es zu früh, herbstbezogene Themen zu installieren? Der Autor dieses Artikels, der das ganze Jahr über winterliche Desktop-Hintergründe bevorzugt, sagt nein. Nun, dies ist ein wunderschön illustriertes Thema, das ein wunderbares Hintergrundbild für neue Registerkarten enthält und auch den gesamten oberen Rand des Browsers mit demselben Bild füllt, jedoch in einer anderen Größe.

Dieses Thema malt die Registerkarten und die Navigationsleiste in einer Vielzahl von Farben, darunter Orange, Hellblau, Indigo und einige andere, die zusammen eine ziemlich ungewöhnliche, ansprechende Farbkombination ergeben.

Es kommt eine Zeit und der Übliche langweilt sich, ich möchte dem beliebtesten Browser eine Wendung hinzufügen, und eine solche „einzigartige Funktion“ in Chrome kann ein „Thema“ sein und nicht aus dem offiziellen Online-Shop heruntergeladen werden, sondern von Ihnen besitzen, anders als alle anderen.

Wie Sie vielleicht bereits verstanden haben, werden wir heute das Problem der Erstellung eigener Designs für den Google Chrome-Browser besprechen.

Zum Erstellen benötigen wir:

  1. Der einfachste Grafikeditor (sogar Paint reicht);
  2. Unsere detaillierten Anweisungen;
  3. Ein bisschen Lust.

Und ich versuche nicht, Sie zu täuschen, die coolsten Themen für den Chrome-Browser sind in wenigen Minuten erstellt, aber kommen wir zur Sache.

Es gibt zwei Möglichkeiten, ein Design für Google Chrome zu erstellen:

  1. Schreiben Sie von Grund auf neu (indem Sie ein Textdokument und mehrere Bilder erstellen);
  2. Verwenden Sie einen spezialisierten Online-Dienst.

Während Sie entscheiden, welche Art Sie verwenden möchten, beginne ich mit der "schwersten".

Erstellen eines Google Chrome-Designs von Grund auf neu

Sowohl Themes als auch Erweiterungen für Browser, die auf der „Chromium“-Engine basieren, basieren auf der Datei manifest.json.

Manifest.json ist ein Textdokument, das die Einstellungen für Designs und Erweiterungen sowie den Namen, die Beschreibung und andere Dienstinformationen speichert.

Lassen Sie uns einen neuen Ordner auf dem Desktop mit dem Namen unseres zukünftigen Themas erstellen, ich nenne ihn „Tu es nicht!“, Und darin erstellen wir ein Textdokument - manifest.json, wobei manifest der Name des Dokuments und json dessen . Erstellen Sie außerdem einen leeren Ordner mit dem Namen "Bilder", der alle grafischen Elemente unseres Themas enthält.

Der nächste Schritt beim Erstellen eines Themas besteht darin, die Bilder vorzubereiten.

Sie können fertige Bilder verwenden, die aus dem Internet heruntergeladen wurden, oder Ihre eigenen erstellen. Ich werde völlig einzigartige Bilder erstellen, um das Design später in den Chrome Web Store hochzuladen.

Wir benötigen Bilder in folgenden Größen:

1. 1920 x 1080 Pixel (HD-Format) - zur Verwendung als Haupthintergrund im Browser.

2. 30 x 256 Pixel – dieses Bild wird als Design für das Chrome-Fenster verwendet.

3. 1100 x 40 Pixel – dieses Bild fungiert als Begrüßungsbildschirm in der oberen linken Ecke des Browsers (ich weiß nicht, warum ich an dieser Stelle separat ein zusätzliches Bild verwenden soll – Sie können es für eine zusätzliche „Anpassung“ des Themas verwenden, ).

4. 30 x 200 Pixel – dient als Füllung für inaktive geöffnete Browser-Tabs.

5. 30x256px – Dieses Bild wird verwendet, um den aktiven geöffneten Tab und die Chrome-Lesezeichenleiste zu füllen.

Seien Sie vorsichtig mit den Bildern, insbesondere mit ihren Größen. Wenn Sie nicht wissen, wie man ein Bild mit genau dieser Größe und Form macht, studieren Sie eines von uns.

Nun, wenn Sie bereits alles bereit haben, erstellen Sie eine Datei manifest.json.

Die von mir vorbereitete fertige Datei können Sie als Muster herunterladen - oder nach untenstehender Anleitung selbst erstellen.

Das Dokument, in dem der Code unseres Themas beschrieben wird, beginnt mit einer geschweiften Klammer "(", dann müssen Sie die Felder ausfüllen:

( "name":"Tu es nicht!", // Feld, das den Namen des Themes angibt; "version":"1", // Versionsnummer deines Themes (nachträgliche Änderungen an Themes müssen aktualisiert werden the version); " description":"Kann noch zweimal überlegen?", // kurze Beschreibung des Themas; "manifest_version":2, // manifest version (es gibt zwei Versionen des "manifest" - 1 und 2, version 1 - für Chrome-Browser unter Version 18, 2. für Browserversion 18 und höher, einschließlich).

"theme":( "images":( "theme_frame": "images/theme_frame.jpeg", // verwendetes Bild zur Gestaltung des Browserfensters; "theme_toolbar": "images/theme_toolbar.jpeg", // verwendetes Bild als aktiven offenen Tab füllen; "theme_tab_background": "images/theme_tab_background.jpeg", // inaktive offene Tabs füllen; "theme_ntp_background": "images/theme_ntp_background.jpeg", // der Haupthintergrund unseres Themes; "theme_frame_overlay": "images/theme_frame_overlay .jpeg"), // Füllen Sie die obere linke Ecke aus.

"thema" :(

"Bilder" :(

„Themenrahmen“ : „Bilder/Themenrahmen.jpeg“ , // Bild, das im Design des Browserfensters verwendet wird;

"theme_toolbar": "images/theme_toolbar.jpeg" , // Bild, das als Füllung des aktiven geöffneten Tabs verwendet wird;

"theme_tab_background" : "images/theme_tab_background.jpeg", // inaktive offene Tabs füllen;

"theme_ntp_background" : "images/theme_ntp_background.jpeg", // der Haupthintergrund unseres Themas;

"theme_frame_overlay": "images/theme_frame_overlay.jpeg"} , // Füllen Sie die obere linke Ecke aus.

Der Code auf dieser Seite verwendet das Symbol - "//", es ist notwendig, um den Code zu "kommentieren". Direkt in einer Datei manifest.json- es kann entfernt werden.

Nachdem Sie die Pfade zu den Bildern festgelegt haben, sollten Sie die Farben der Schriftarten und Oberflächenelemente festlegen. BEI manifest.json Es werden RGB-Farben verwendet - Sie können ihre Codes in jedem Online-Konverter erhalten.

"colors":( "frame":, // Füllt den leeren Bereich des Haupthintergrunds mit der angegebenen Farbe; "toolbar":, // Füllt den Bereich in der unteren linken Ecke, wo sich die "URL" der Site befindet angezeigt; "tab_text":, // Farbe der Schriftart des aktiven geöffneten Tabs; "tab_background_text":, // Schriftfarbe des inaktiven geöffneten Tabs; "bookmark_text":, // Schriftfarbe der Lesezeichen im Browserbereich; "ntp_background ":, // Hintergrundfüllfarbe unter den Symbolen von "Anwendungen" im Browser; "ntp_text":, // Schriftfarbe des Anwendungsnamens; "button_background" :), // Farbe der Schaltflächen "Schließen", "Minimieren", "Vollbild" in die obere rechte Ecke.

"Farben" :(

"Rahmen" : [ 0 , 0 , 0 ] , // Füllt den leeren Bereich des Haupthintergrunds mit der angegebenen Farbe;

"Werkzeugleiste" : [ 0 , 0 , 0 ] , // Füllt den Bereich in der unteren linken Ecke, wo die "URL" der Seite angezeigt wird;

"tab_text" : [ 255 , 255 , 255 ] , // Schriftfarbe des aktiven geöffneten Tabs;

"tab_background_text" : [ 167 , 167 , 167 ] , // Schriftfarbe eines inaktiven geöffneten Tabs;

"Lesezeichentext" : [ 167 , 167 , 167 ] , // Schriftfarbe der Lesezeichen im Browser-Panel;

"ntp_background" : [ 0 , 0 , 0 ] , // Füllfarbe des Hintergrunds unter den Symbolen von "Anwendungen" im Browser;

"ntp_text" : [ 167 , 167 , 167 ] , // Schriftfarbe des Anwendungsnamens;

"button_background" : [ 255 , 255 , 255 ] ) , // Die Farbe der Schaltflächen Schließen, Minimieren, Vollbild in der oberen rechten Ecke.

Es müssen noch die Positionierung des Haupthintergrundbildes und einige zusätzliche Einstellungen festgelegt werden.

"tints":( "buttons": // Geben Sie die Schattierungen der verwendeten Farben an (belassen Sie die hier angegebenen Werte); ), "properties":( "ntp_background_alignment":"bottom", // Geben Sie an, welche Kante der Fenster, zu dem das Hauptbild relativ angeordnet wird (unten – unten, oben – oben); "ntp_background_repeat":"no-repeat" // Geben Sie an, ob es notwendig ist, den gesamten Bereich des Browserfensters mit unserem Bild zu "füllen", wenn es größer als unser Hauptbild ist. ) )

Hast du alle Schritte mit mir gemacht? Toll, Sie können die Manifest-Datei mit Speichern schließen und mit dem Testen des resultierenden Designs beginnen, nachdem Sie die zuvor erstellten Bilder in den Ordner „images“ geladen haben.

Testen des Chrome-Designs

Testen klingt zu laut, tatsächlich müssen wir überprüfen, ob wir bei unserer Arbeit Fehler gemacht haben.

Haben Sie bereits ein Design in Ihrem Browser installiert und müssen es ein wenig ändern? Kein Problem! Die Dateien bereits installierter Designs in Chrome werden unter C:\Users\UserName\AppData\Local\Google\Chrome\User Data\Profile 1\Extensions gespeichert

Öffnen Sie Ihren Browser und gehen Sie unter „Einstellungen“ auf den Reiter „Erweiterungen“ und klicken Sie auf „Entpackte Erweiterung laden“. Stellen Sie sicher, dass Sie das Kontrollkästchen "Entwicklermodus" aktivieren.

Wählen Sie im erscheinenden Fenster den Ordner mit Ihrem Theme für Chrome aus und klicken Sie auf „Ok“ – in meinem Fall ist das der Ordner „Do not do it!“.

Herzliche Glückwünsche! Das Theme im Browser sollte sich zu deinem geändert haben, wenn nicht, dann gehe zurück zum Code oben und suche nach Fehlern in deinen Dateien und Bildauflösungen, oder lade das Archiv mit meinen Dateien vom Link herunter - und vergleiche mit deinem.

Jetzt können Sie Ihr eigenes Design für Google Chrome genießen, aber in jedem Fass Honig steckt ein Löffel voll Du-weißt-schon-was.

Jedes Mal, wenn Sie den Browser öffnen, erscheint ein Fenster in der oberen rechten Ecke, das Sie darüber informiert, dass eine der installierten Erweiterungen oder Designs nicht aus dem offiziellen Store heruntergeladen wurde. Die einzige Möglichkeit, dies zu vermeiden, besteht darin, Ihr Design in den offiziellen Chrome Web Store hochzuladen und von dort aus in Ihrem Browser zu installieren.

So laden Sie ein Design in den Chrome Store hoch

Wenn Sie sich entscheiden, sich von Ihrem hart verdienten Geld zu trennen, führen Sie eine einfache Registrierung im Online-Shop unter dem Link https://chrome.google.com/webstore/category/extensions durch.

Indem Sie ein schönes und einzigartiges Thema erstellen, können Sie die Installation für Benutzer kostenpflichtig machen - auf diese Weise erhalten Sie ein kleines passives Einkommen.

Nach der Registrierung und Bezahlung eines Entwicklerkontos können Sie mit leichten Einschränkungen Ihre eigenen Erweiterungen und Themen in den Store hochladen - nicht mehr als 20 Erweiterungen pro Konto, die Anzahl der Themen ist nicht begrenzt.

Packen Sie zunächst die Theme-Dateien ein und laden Sie sie wie im Screenshot gezeigt in den Chrome-Store hoch.

Wenn keine Fehler vorliegen, zeigt die Hauptseite des Entwickler-Panels Informationen zu Ihrem Design mit einem Link zur Einstellungsseite an, auf der Sie die Beschreibung ändern, ein Symbol hinzufügen und das Design veröffentlichen können.



Ich werde nicht alle Felder beschreiben, die zum Ausfüllen zur Verfügung stehen - sie sind gut kommentiert - bei Problemen schreiben Sie einen Kommentar unter den Beitrag und ich werde versuchen, Ihnen zu helfen.

Erstellen Sie mithilfe eines Onlinedienstes ein Design für Chrome

Im ersten Teil des Artikels habe ich die „komplexe“ Methode zum Erstellen von Designs für den Google Chrome-Browser beschrieben. Gehen wir nun zu einer einfacheren Methode über, bei der Sie nicht in den Code eintauchen und viele zusätzliche Bilder erstellen müssen. Alles, was Sie brauchen, ist, auf die Website zu gehen - www.themebeta.com/chrome-theme-creator-online.html mit einem großen Hintergrund, der im Voraus vorbereitet wurde.

Chromium-basierte Browser unterstützen im Gegensatz zu Opera keine animierten Themen.

Sobald Sie sich übrigens auf dem Dienst befinden - in keiner Weise offiziell mit der Google Corporation verbunden - sehen Sie links einen Arbeitsbereich, in dem sich Tools mit Kommentaren (in englischer Sprache) befinden, rechts ein gerendertes Chrome-Browserfenster, das angezeigt wird alle vorgenommenen Änderungen und unten befinden sich Schaltflächen zum Positionieren Ihres Bildes relativ zum Browserfenster.

Geben Sie einen Themennamen ein und laden Sie ein Hintergrundbild hoch. Sofort - Positionseinstellungen vornehmen oder standardmäßig belassen.

Auf der Registerkarte „Farben“ können Sie die Farben der verwendeten Schriftarten an verschiedenen Stellen im Browser einstellen. Bewegen Sie den Mauszeiger über eine der Optionen auf der linken Seite und die Stelle der Änderung wird im gerenderten Fenster rot hervorgehoben. Sie müssen nur mit der Farbpalette arbeiten, um die richtigen zu finden.

Wenn Sie die vielen oben beschriebenen zusätzlichen Bilder nicht laden, spiegelt Ihr Browserfenster das installierte Windows-Farbschema wider, dh. Für eine vollständige "Anpassung" des Themas müssen Sie alle vorgeschlagenen Bilder auf der Registerkarte "Bilder" entsprechend den im ersten Teil des Artikels angekündigten Größen hochladen.

Wenn Sie auf die Registerkarte „Verpacken“ klicken, werden Sie aufgefordert, aus drei Aktionen auszuwählen:

  1. Installieren Sie das resultierende Design im Browser (denken Sie an den Fehler mit dem Fenster beim Öffnen des Browsers).
  2. Packen Sie das Thema in eine Formatdatei crx und laden Sie es auf Ihren Computer herunter (diese Datei ist die Installationsdatei für Designs und Erweiterungen im Chrome-Browser).
  3. Laden Sie die "Quellen" des Themas in einem Zip-Archiv herunter (Sie können das fertige Thema sofort in den Online-Shop hochladen).

Ich nehme zur Kenntnis, dass Ihr Design bei der Nutzung dieses Dienstes in einem Verzeichnis abgelegt wird und anderen Benutzern zum Download und zur Installation zur Verfügung steht.

Wenn Sie interessiert sind, werde ich in den folgenden Posts den Prozess der Erstellung animierter Designs für den Opera-Browser beschreiben.