Skins bearbeiten
[Bearbeiten] Welcher Ordner enthält Bilder für was?
| Ordner | Beschreibung |
| 2nice | große Bilder für die Hauptleiste |
| caption | Schließen, Minimieren, Maximieren-Buttons |
| checkbox | Checkboxen |
| dialog_button_border | Ränder um Schaltflächen in Dialogen |
| dialog_images | Bilder für Dialoge wie Seite nicht gefunden, Hinweise |
| dialog_page | Hintergrund von Dialogen |
| drop_insert | einige Pfeile, z.B. für das Mail-Panel (rechts unten) |
| edit | Rahmen in Eingabefeldern, sollte nicht geändert werden |
| header | Hintergrund für Adressleiste und Mailfenster |
| header_button | in ihnen werden die Spaltenüberschriften angezeigt (z.B. in Mail/Von,An..) |
| icons | kleine Symbole |
| mail_headers | Bilder im Mailfenster neben dem AP-Namen |
| panel | Hintergrund des Panels (der Teil unter den Schaltflächen) |
| progress | Fortschrittsleiste |
| push_button | Schaltfläche |
| push_default_button | vorselektierte Schaltfläche |
| radio_button | Radiobuttons |
| scrollbar | Hintergrund der Scrollleiste und Pfeile |
| scrollbar_knob | Der verschiebbare Teil der Scrollleiste |
| selector | Hintergrund für den oberen Teil der Hotlist, in dem die Schaltflächen angezeigt werden |
| selector_button | Schaltflächen in der Hotlist |
| seperator | Anzeige beim Verschieben von Schaltflächen |
| small_buttons | kleine Symbole |
| startup_dialog | Startbildschirm |
| tab_button | Seitenleiste oben |
| tab_button_bottom | Seitenleiste unten |
| toolbar_button | Schaltflächen für alle Symbollleisten |
| window | Hintergrund für den Rest des Fensters |
[Bearbeiten] Was bedeuten die Angaben im Abschnitt [Info]?
Name gibt den Namen des Skins an, der dann z.B. im Downloaddialog gezeigt wird. Author ist selbsterklärend, dort kommt der Name des Authors hin. Als Version muss 2 angegeben werden, ansonsten lehnt Opera das Skin ab. Preview Image ist (noch?) ohne Funktion.
[Bearbeiten] Was bedeuten die Angaben im Abschnitt [Options]?
Wenn Native skin auf 1 gesetzt ist, werden Hintergründe und Buttons nicht aus dem Skin genommen, sondern von Opera im aktuellen Windows-Stil erstellt. Standard ist 0. Achtung: Skins mit dieser Option funktionieren nur unter Windows! Pagebar max button width und Pagebar min button width bestimmen die maximale bzw. minimale Breite von Buttons in der Seitenleiste. Fallback foreground gibt an, ob fehlende Vordergrundbilder (Buttons...) aus dem Standardskin (standard_skin.zip) genommen werden sollen. Wenn es auf 0 gesetzt ist, wird bei fehlenden Bildern nichts angezeigt. Standardwert ist hier 1. Fallback background ist für das selbe bei Hintergrund zuständig. Hier ist der Standardwert 0, von Änderungen ist abzuraten.
[Bearbeiten] Wie definiert man Bilder für Symbollleisten?
Bilder für Symbollleisten müssen nicht umständlich mit [Elementname]... definiert werden, sondern werden im Abschnitt [Images] eingefügt. Dabei hat jedes Element eine eigene Zeile, die mit dem Elementnamen beginnt und nach einem Gleichzeichen (=) das Bild definiert.
[Images] Back = small_buttons/general_back.png Forward = small_buttons/general_forward.png
[Bearbeiten] Wie erstellt man Buttons (für Hotlist, Seitenleiste, Dialoge...)?
Zuerst definiert man in der skin.ini in eckigen Klammern ([ ]) wofür das Element gültig sein soll. Dann kommt der Type. Dort hat man die Wahl zwischen Box und BoxTile. Bei ersterem wird der Inhalt zentriert, beim zweiten richtet er sich nach den Margin-Werten. Die folgenden 9 Zeilen geben die Bilder die verwendet werden sollen an, wobei Corner für die Ecken zuständig ist und Tile die Seiten fällt und sich dort wiederholt. Die mit Margin beginnenden Zeilen sind nur bei Type=BoxTile nötig, sie geben hier den Abstand des Inhalts zum Rand des Buttons an. Padding bestimmt die Position des Buttons zum daneben liegenden Element. Text Color legt die Farbe der Schrift auf dem Button fest, während Color die Hintergrundfarbe definiert. Auf Color kann eigentlich immer verzichtet werden, außer man möchte damit einen speziellen Effekt erzielen. Gültige Werte für Color sind alle Farben im Format #rrggbb, Window und Window disabled. Mit width und height kann man die Größen einiger (nicht aller!) Elemente festlegen.
[Default Button Skin] Type = BoxTile Tile Center = default_button/center.png Tile Left = default_button/left.png Tile Top = default_button/top.png Tile Right = default_button/right.png Tile Bottom = default_button/bottom.png Corner Topleft = default_button/topleft.png Corner Topright = default_button/topright.png Corner Bottomleft = default_button/bottomleft.png Corner Bottomright = default_button/bottomright.png Margin Bottom = 0 Margin Right = 0 Margin Top = 0 Margin Left = 3 Padding Left = 5 Padding Top = 2 Padding Right = 2 Padding Bottom = 2 Width = 100 Height = 100 Text Color = #000000 Color = #FFFFFF
[Bearbeiten] Was sind Child-Elemente?
Child0 gibt ein Bild an, das auf dem Eltern-Element liegt. Es wird entweder in [Images] oder in [Boxes] definiert (ChildName=picture.png). Wenn es in [Images] steht, wird es der Größe des Elternelements angepasst, in [Boxes] zentriert. Die Ausrichtung erfolgt nach den Margin-Angaben des Eltern-Elements. Für ein Element lassen sich beliebig viele Childs erstellen (Child0, Child1, Child2..)
[Caption Minimize Button Skin] Child0 = Caption Minimize Type = BoxTile ...
Caption Minimize = caption/minimize.png
[Bearbeiten] Kann man sich wiederholende Elemente vereinfachen?
Der Befehl Clone fügt an dieser Stelle ein bereits vorhandenes Element ein. So muss ein Element nur einmal definiert werden und kann dann immer wieder aufgerufen werden.
Clone = Tab Button Skin
[Bearbeiten] Wie kann man Text beeinflussen?
Mit Text Bold lässt sich bestimmen, ob enthaltener Text fett abgebildet werden soll, mit Text Underline, ob er unterstrichen werden soll und mit Text Color seine Farbe. Eine etwas speziellere Option ist Text Zoom. Sie bestimmt ob Text beim Überfahren vergrößert werden soll. Dies funktioniert aber nur wenn Show Image and text below gewählt ist, Special Effects aktiviert sind und das Betriebssystem dies unterstützt (Windows 2000 und neuer).
[Bearbeiten] Welche Klassen und Effekte gibt es?
.left, .top, .bottom, .right kann verwendet werden, um z.B. der Seitenleiste an verschiedenen Positionen einen anderen Hintergrund zu geben. .large wird benutzt, wenn ein Button in 2 Größen vorliegen soll. Dies ist bei den Buttons der Hauptsymbolleiste der Fall. .attention findet nur bei Buttons der Seitenleiste Verwendung, wenn die Seite fertig geladen wurde. .disabled definiert Bilder für deaktivierte Buttons, .pressed für betätigte und .selected aktivierte. .hover definiert das Bild das erscheint, wenn man mit der Maus darüber fährt. Blend = 0-100 beim hover-Bild veranlasst, das ein Mix der beiden Bilder erscheint. .open kommt bei Elementen zum Einsatz, die man öffnen kann, wie z.B. Ordner.
Back.large = 2nice/back.png, 1, 0, 0, 0, -13
[Selector Button Skin.hover] Clone = Selector Button Skin.selected Text Color = #FFFFFF Blend = 50
[Bearbeiten] Was bedeuten die Zahlen hinter einigen Bildern in der skin.ini?
Die erste Zahl gibt an, ob die Farbe des Buttons von Farbschemata beeinflusst werden soll (1=ja, 0=nein). Der Standardwert ist 1, für den Abschnitt [Images] hingegen 0. Danach folgen Margin Left, Margin Top, Margin Right, Margin Bottom, Padding Left, Padding Top, Padding Right und Padding Bottom. Der Standardwert für Margin ist 0, für Padding 2. Beispiel 2nice: 1,0,0,0,-13: Die Bilder werden von Farbschemata beeinflusst und der dazugehörige Text ist 13 Pixel über dem unteren Bildrand. Padding ist nicht definiert, daher wird der Standard verwendet.
[Bearbeiten] Wie hebt man die Statusleiste hervor?
In der skin.ini das Element [Status Skin] und darin einen BoxTile-Button erstellen.
[Bearbeiten] Wie packe ich das Skin so, damit es in Opera ausgewählt werden kann?
Das Skin kann mit einem beliebigen Packprogramm gepackt werden, dabei ist das zip-Format allerdings Pflicht. Die Ordnerstruktur muss erhalten bleiben und skin.ini in der obersten Ebene des Archives liegen.
