Deutsch English

PAP 2.0Beta
Theming

[ Teil 1 ] [ Teil 2 ]
Eine Anleitung von MrElchbau

Entsprechend zum Thema bieten wir auch eine Datei mit Vorlagen an. Man kann sie HIER laden. Ich würde sie auch gerne erweitern, also wenn Ihr Buttons, Icons oder so fürs Theming hinzusteuern wollt, immer her damit. Die Datei bekommt deswegen auch eine Versionsnummer spendiert ;-)

  Was ist ein Theme?  

Das neue PAP 2.0-Menü unterstützt nun auch offiziell Themes. Ein Extra, auf das das PTC-Team schon lange gewartet hat (schon Jahre harrten wir auf die nächste Woche). Doch halt, was ist jetzt eigentlich ein Theme? Und was nützt es mir?

Ein Theme ist ein neues Gewand für ein Programm. Nicht mehr, nicht weniger. Es ändert sich lediglich das Aussehen. Doch wozu? Klare Antwort(en): damit es mehr zu Deinem Desktop paßt, damit es nicht so auffällig ist, damit es auffälliger ist, um Deine Vorlieben wiederzuspiegeln und der ganze Rest.

Wir Themer unterscheiden zwischen Farbvariationen, Skins und Themes. Wo das eine aufhört und das andere anfängt ist selbst uns nicht ganz klar. Aber das tut dem Spaß keinen Abbruch. Es ist wie Musik, welcher Stil es ist ist nebensächlich, Hauptsache, es gefällt.

Hier sind einige Bilder unserer Themes. Das erste ist das Standard-Theme. Es ist cool. Aber ist es auch noch Übermorgen cool?

  Wie installier ich ein Theme?  

Es ist wirklich wirklich einfach:

  • Lade Dir ein Theme aus dem Internet (natürlich von der PTC-Homepage, keine Frage)
  • Starte das PAP-Menü
  • Klicke auf den "Optionen"-Knopf

  • Geh zu "Themes" und klicke auf die drei niedlichen Punkte

  • Suche im "Öffnen"-Dialog Deinen Download-Ordner in welchem die Datei gespeichert wurde.
  • Markiere die Datei und klicke auf "Öffnen"
  • Das war's schon! Lehn' Dich zurück und genieße das neue Erscheinungsbild
  • Lad Dir gleich noch ein Theme. Vielleicht paßt das noch besser zu Dir und sieht noch cooler aus. So ist es ganz bestimmt!

  Das PATheme-Dateiformat  

Eine PATheme-Datei ist lediglich eine umbenannte Zip-Datei. Nur die Endung wurde geändert. Doch warum? Damit man - und auch das Menü - sie leichter identifizieren kann und für all die Graphiken nur eine Datei benötigt wird. Das Menü entpackt sich die PATheme-Datei automatisch, aber auch jeder Packer kann mit ihr umgehen. Man muß im Kontext-Menü bei "Öffnen mit" lediglich ein (Ent)Packprogramm wie 7zip, Winrar oder Winzip auswählen.

In der Hauptebene der PATheme-Datei befinden sich folgende Dateien (nicht alle sind nötig, doch dazu später):
NameAbmessung /
Alphatransparenz		Besonderheiten
PATheme.iniAbsolut notwendig!
Hier wird der Name des Themes, die Version, der Autor sowie die Schriftfarben angegeben.
background.png406*573 / nHintergrund des Menüs
Alle Pixel mit der Farbe RGB 255/0/255 (Magenta) werden transparent dargestellt
background_opaque.png406*573 / nHintergrund für ältere Systeme
Keine transparente Pixel
appbutton_hover.png240*20 / jWird zwischen den Programmen und der Schrift beim Überfahren mit der Maus eingeblendet
folderbutton_hover.png120*28 / jWird zwischen den Menüpunkten auf der rechten Seite und der Schrift beim Überfahren mit der Maus eingeblendet
drive_space_slider.png131*13 / jZeigt im Menü den verbrauchten Platz des Speichermediums an
Wird auch als Ladebalken beim Start des Menüs verwendet
app_progress_background.png142*22 / jHintergrund für den Ladebalken beim Start des Menüs
button_scrollup_normal.png240*10 / jDer Scroll-Pfeil nach oben
button_scrollup_hover.png240*10 / jDer Scroll-Pfeil nach oben bei Mauskontakt
button_scrolldown_normal.png240*10 / jDer Scroll-Pfeil nach unten
button_scrolldown_hover.png240*10 / jDer Scroll-Pfeil nach unten bei Mauskontakt
button_close_normal.png70*22 / jDer Exit-Knopf
button_close_hover.png70*22 / jDer Exit-Knopf bei Maus-Kontakt
button_close_pressed.png70*22 / jDer Exit-Knopf beim Anklicken
button_eject_normal.png70*22 / jDer Eject-Knopf
button_eject_hover.png70*22 / jDer Eject-Knopf bei Maus-Kontakt
button_eject_pressed.png70*22 / jDer Eject-Knopf beim Anklicken
menu_iconsOrdner
Der Ordner enthält die Symbole für die rechte Menüseite. Sie haben die Größe 24*24 Pixel und können Alphatransparent sein. Es sind 9 Stück:
documents.png / music.png / pictures.png / videos.png / explore.png / backup.png / options.png / search.png / help.png

  Die Grafik  

Im PAP 2.0 Menü hat sich einiges getan.
Alle Grafiken sind im PNG-Dateiformat. Das Format hat viele schöne Vorteile. Die Grafiken sind kleiner als im BMP-Format, da eine Bildkompression stattfindet. Anders als beim JPG-Format jedoch verlustfrei, es gibt also keine häßlichen Verwischungen oder Blockbildungen. Außerdem unterstützt das PNG-Format Alphatransparenz, es können also Bildpunkte auch in verschiedenen Transparenzstufen dargestellt werden. Der Wechsel zum PNG-Format kann deshalb gar nicht hoch genug gelobt werden.

Die zweite Neuerung ist der Hover-Effekt bei einigen Menü-Elementen. Wenn z.B. ein Knopf mit der Maus überfahren wird, so ändert sich die Grafik. Leider beinhaltet dieser Effekt die Notwendigkeit vieler Zusätzlichen Grafiken. Aber seien wir mal ehrlich: das ist es doch wert, oder?

Hier ein Beispiel für Alphatransparenz:
Das Bild für den Hover-Effekt ist nicht ganz deckend. Es gibt einen Bereich der teilweise transparent ist. So kann man navigieren und der Hintergrund bleibt erhalten.

Für jede Grafik wird in der obigen Tabelle eine Größe angegeben. Diese Größe ist nicht bindend. Doch was macht das Menü, wenn die Bilder eine andere Größe haben?
Die background.png wird einfach auf die Größe 406*573 zurecht gezogen, egal, ob sie vorher größer oder kleiner war. Stellte das Bild einen Kreis mit 500*500 Pixeln dar, so erscheint er als Hintergrundbild als Ei. Eher unschön.
Die anderen Grafiken werden auch bei Abweichung verkleinert/vergrößert, jedoch bleiben die Proportionen erhalten.

Und was ist, wenn eine Grafik fehlt?
Das Menü ersetzt alle fehlenden Grafiken mit denen aus dem Standard-Theme. Theoretisch reicht es also aus, wenn ein Theme nur aus der PATheme.ini Datei besteht.

  Wo ist was?  

Hier also mal die ultimative Übersicht, wo sich was im Menü befindet (eine entsprechende Grafik findest Du auch bei unseren Vorlagen)
[ Teil 1 ] [ Teil 2 ]

 

  
Firefox 3
Firefox 2 		PTC, more than design!(c)2009 by NeoRame, MrElchbau
Design (c)2008 by NeoRame, MrElchbau
Downloadsystem powered by Olate Download		 PicLens RSS