Datei:Autostart Win 10.2.png

2014-10-04T07:30:47Z

Pittiplatsch:

Vista Style Builder: Allgemein

2014-10-02T17:37:39Z

Pittiplatsch: Test

''' VistaStyleBuilder = WindowsStyleBuilder'''

Der VistaStyleBuilder ist zu Anfang sehr schwierig zu bedienen.

Man muss sich erst einmal rein arbeiten. Deshalb hier eine kleine Starthilfe.

==Fragen?==

Fragen beantworten wir gerne in unserem
*[http://www.deskmodder.de/phpBB3/viewforum.php?f=176 Vista-Forum]
*[http://www.deskmodder.de/phpBB3/viewforum.php?f=218 Windows 7-Forum]

Dort findet ihr auch viele fertige Theme / Visual Styles in Basic oder Aero.
----

{{Wichtig|Fehler oder Irrtümer vorbehalten! Für die Richtigkeit der Angaben kann keine Gewähr übernommen werden.

Anpassungen erfolgen stets auf eigenes Risiko!}}
{{bg|'''Hinweis des Übersetzers:'''

'' Hierbei handelt es sich lediglich um eine Übersetzung. Das Original-Tutorial wurde in englischer Sprache erstellt. Daher kann es sein, dass die Übersetzung nicht vollständig mit dem Original übereinstimmt!''}}

==Weitere Tutorials für den VSB / WSB==
{{TOCright}}
[[Vista Style Builder]]

[[Vista Style Builder: Allgemein]]

[[Vista Style Builder: Explorer]]

[[Vista Style Builder: Taskleiste]]

[[Vista Style Builder: Startmenü]]

[[Vista Style Builder: Tutorial - Sonstiges]]

{{Absatz}}

==Die Suche im VSB - WSB==
{| border="1" width="100%" cellpadding="3"
| colspan="4" align="center"|'''Suche im WSB'''
|-valign="top"
|width="80%" style="background:#3c3d3f; color:white" align="center"|''' Pfad im VSB (WSB)'''
|width="500px" style="background:#3c3d3f; color:white" align="center"|''' Bild '''
|-valign="top"
|
Die Suche im WSB ist in 4 Kategorien unterteilt
 
 
 
 
 
 
 
 
 
 
 
 
 

*''' Classes, parts and stats'''
Hier können Wörter eingegeben werden die in dem linken Baum (Pfade) erscheinen.
 
Beispiel: Einfach mal ''' jumplist''' rein tippen und der WSB sucht im Baum alles heraus was den Namen ''' jumplist''' enthält.
 
 
 
 
 
 
*''' Properties'''

Mit dieser Einstellungen werden die ''' Eigenschaften''' gesucht die im rechten Fenster unter ''' NAME''' erscheinen.

Beispiel: Bordercolor

Der WSB sucht nun alle Einträge heraus die Bordercolor enthalten.
 
 
 
 
 
 
*''' Values'''

Das Gleiche über Values.

Hier untersucht der WSB alle Einträge die unter ''' Value''' erscheinen.

Beispiel: Image

Nun sucht der WSB alle Bilder heraus die im msstyle enthalten sind.

Das ist eine gute Sache gerade wenn man anfängt und man sich die enthaltenen Bilder anschauen möchte.
 
 
 
 
 
 
*''' Colors'''

Diese Suche ist sehr interessant wenn man eine Einstellung nicht findet, aber über den Farbcode den man ermittelt hat den Eintrag im WSB suchen zu lassen.

Beispiel: 255,255,255
|[[Datei:Winstyler-suche1.png]]
*''' Classes, parts and stats'''
[[Datei:Winstyler-suche2.png]]
*''' Properties'''
[[Datei:Winstyler-suche3.png]]
*''' Values und Color'''
[[Datei:Winstyler-suche4.png]]
|}

{| border="1" width="100%" cellpadding="3"
| colspan="4" align="center"|''' test'''
|-valign="top"
|width="80%" style="background:#3c3d3f; color:white" align="center"|''' Pfad im VSB (WSB)'''
|width="500px" style="background:#3c3d3f; color:white" align="center"|''' Bild '''
|-valign="top"
|text
|bild
|}

===Abstände - Margins===
{| border="1" width="100%" cellpadding="3"
| colspan="4" align="center"|'''Abstände'''
|-valign="top"
|width="80%" style="background:#3c3d3f; color:white" align="center"|''' Pfad im VSB (WSB)'''
|width="500px" style="background:#3c3d3f; color:white" align="center"|''' Bild '''
|-valign="top"
|Inhalts-Abstände:

Inhalts-Abstände werden durch die .[[msstyle]] angezeigt.

Manche lassen sich ausrichten, manche nicht. bei denen, die sich anpassen lassen, wird die Position der Icons, Buttons und anderer Elemente definiert.

Die Anpassung von Inhalts-Abständen, wie das rechtsbündige Ausrichten von Icons unten in der Taskbar kann erreicht werden, indem man zu folgendem Pfad navigiert:
*- Taskbar & SystemTray > Taskband > Basic > Taskband > BackGroundBottom > ContentMargins : Margins-

Setze diesen Wert auf ''' 50''' und teste die Einstellung. Dies sollte die Icons in der Taskbar um 50px nach rechts bewegen.

:(0=alles wird links ausgerichtet).

{{bg|Dies ist nur eine Einführung.Es werden im Laufe der Zeit stets mehr ermittelt. Die meisten funktionieren erfahrungsgemäß in "StartMenu". Allerdings greift hier das Prinzip von Versuch und Irrtum. }}

''' Größen-Skalierung:'''

:7, 7, 7, 7 = Links, Rechts, Oben, Unten

Diese Abstände legen fest, wie Grafiken gestreckt werden. ''' SizingType : Enum - Stretch'''

Hat man zum Beispiel eine Taskband-Grafik, die 200px lang und 40px hoch ist,

so bedeuten die Abstände oben, dass jeweils die ersten 7px (oben, unten, rechts, links) statisch behandelt werden,

der Rest wird gestreckt.

Im unten verlinkten Bild stellt der rote Bereich einen 5px-Rahmen dar.

Somit sollte "''' SizingMargins: 7, 7, 7, 7'''" den roten Bereich in seiner ursprünglichen Form belassen und dieses nicht verzerren, wenn das Bild horizontal oder vertikal gestreckt wurde. Lediglich der blaue Bereich wird gestreckt.

Hierbei gibt es zahlreiche Möglichkeiten, dies auszuprobieren, wenn es darum geht, "''' SizeMargins'''" anzuwenden. Dies soll jedoch lediglich eine Einführung sein.

Einige Bereich werden im Vergleich zu anderen unterschiedlich reagieren, wenn "SizeMargin"-Werte definiert werden.

Jedoch müssen diese meist angepasst werden, wenn die originale Theme-Grafik durch eine größere, detailgetreuere Grafik ersetzt werden soll.

''' Hinweis''': Die Größen-Angabe für "SizeMargins" sollte niemals die Dimensionen der Grafik überschreiten. Dies führt in den meisten Fällen dazu, dass die Grafik nicht angezeigt wird.

Klickt man auf "''' SizingType : Enum - Stretch''' ", so erscheint ein Drop-Down-Menü mit den Optionen: ''' TrueSize-Stretch''' oder ''' Tile'''.

Wählt man "''' truesize the image'''" so wird die Grafik nicht verzerrt.

Diese Methode sollte nur verwendet werden, wenn die Grafik auch wirklich nicht gestreckt werden muss, um einen Bereich zu füllen.

Man sollte sich auch vergewissern, dass manche Bilder in bestimmten Bereichen verwendet werden. Manche müssen gestreckt werden, andere bleiben statisch.

Die Option "''' Kacheln'''" ("Tile") macht folgendes (wie der Name bereits sagt): Es kachelt einen Bereich mit einer Grafik mit der Originalgröße der Grafik.

Der beste Weg Größen-Skalierungen (Size-Margins) zu verstehen ist, zu schauen, wie diese in dem gewünschten Design angewendet werden.

Hat man ein Design und ein entsprechend bearbeitetes Bild, so kann man dessen Dimensionen vergleichen und die Größe auf das Standard-Aero-Design skalieren.
|[[Datei:Margins.jpg]]
|}

===Hinzufügen von Eigenschaften===
{| border="1" width="100%" cellpadding="3"
| colspan="4" align="center"|'''Hinzufügen von Eigenschaften'''
|-valign="top"
|width="80%" style="background:#3c3d3f; color:white" align="center"|''' Pfad im VSB (WSB)'''
|width="500px" style="background:#3c3d3f; color:white" align="center"|''' Bild '''
|-valign="top"
|''' Beispielsweise, wenn man eine Textfarbe zu den Fenster-Tabs hinzufügen will'''

*1-Navigiere zu: Lists, Menus & Tabs > Tab (Klick "Tab")
*2-Wähle den "Add Property"-Button.
*3-Vom linken Dropdown-Menü unter "Type" im neuen Eigenschafts-Fensterwählt man "color".
*4-Vom rechten Dropdown-Menü unter "Property" im neuen Eigenschafts-Fensterwählt man "TextColor"

Mit "OK" bestätigen. Die neue "Textcolor : Color"Eigenschaft sollte nun im VSB-Eigenschaftsfenster angelegt sein.

*5-Klickt man auf die Farbe (Standard ist für gewöhnlich schwarz), erscheint eine Farb-Tabelle. Wähle die Farbe für den Text.

Im Beispiel wurde rot verwendet, da dieser Text auf weißem Hintergrund stehen soll. Bestätige mit "OK".

*6-Klicke nun auf "Test" in der VSB-Toolbar, um das Ergebnis nun anzeigen zu lassen.

''' Hinweis:''' Werden solche Dinge getestet, so ist immer darauf zu achten, dass eine Farbe gewählt wird, die sich von dem Bereich abhebt, welcher angepasst werden soll. Es bringt nichts, schwarze Schrift auf schwarzen Hintergrund zu setzen, usw.

{{bg|ES WIRD NICHT GARANTIERT, DASS DAS ERGEBNIS ZWANGSLÄUFIG ZUFRIEDENSTELLEND IST. NICHT JEDE TEXTFARBE, SCHRIFTART, HINTERGRUND, ETC. KANN DURCH HINZUFÜGEN VON EIGENSCHAFTEN GEÄNDERT WERDEN!}}

Es gibt kein Tutorial, das klärt, was sich durch Hinzufügen von Eigenschaften verändern lässt.

Hier wurde "Textcolor : Color" verwendet, da dies leicht verständlich und gut erkennbar ist.

Jedoch gibt es noch andere Eigenschaften.

Mit dem Hinzufügen von Eigenschaften haben sich bereits fortgeschrittene Desktop-Designer lange Zeit beschäftigt. Hier kann man nur experimentieren. Manchmal kommt man zu einem Ergebnis, manchmal nicht.

Dies kann sehr zeitaufwändig sein und erfordert viele Tests des eigenen Entwurfs. Es hängt davon ab, wie weit man den Spaß treibt.

Viel Glück damit und lasst es uns wissen, wenn ihr einen "guten Fund" gemacht habt.
|[[Datei:Adding20a20property.jpg|300px]]
|}

{| border="1" width="100%" cellpadding="3"
| colspan="4" align="center"|''' Desktop'''
|-valign="top"
|width="80%" style="background:#3c3d3f; color:white" align="center"|''' Pfad im VSB (WSB)'''
|width="500px" style="background:#3c3d3f; color:white" align="center"|''' Bild '''
|-valign="top"
|Explorer & Shell > Explorer > ListView > ListItem

Hot, Selected, SelectedNotFocus, HotSelected
|[[Datei:Desktop Icon Hintergrund aendern.gif]]
|}

==Danke==
Ein grosses Danke geht an "''' Dave Senior'''" von VirtualCustoms.net für das Original und die Möglichkeit es hier zu veröffentlichen und ''' Taxidriver05''' von winfuture.de der den ganzen Text übersetzt hat.

{{Vorlage:Ausbau}}

[[Kategorie:Windows Vista]] [[Kategorie: Themes]] [[Kategorie: Windows 7]]

Datei:Reperatur.jpeg

2014-10-01T18:29:33Z

Pittiplatsch:

PNG in ICO umwandeln

2014-09-29T22:34:47Z

Pittiplatsch: Link erneuert,da alter nicht funktionierte

'''Paint.net'''

Eine recht praktische Methode PNGs in ICOs umzuwandeln kann man mit Paint:net bewerkstelligen.

Praktischerweise kann man sie mit einer Einstellung gleich in den Größen

32bit: 256px²,128px²,64px²,32px² und 16px²

8bit: 256px²,128px²,64px²,32px² und 16px² abspeichern.

Nur die 4bit-Größen muss man manuell erstellen.

Paint.net findet ihr hier: http://www.getpaint.net/download.html

Außerdem benötigt ihr noch folgendes Plug-In: http://forums.getpaint.net/index.php?/topic/927-icon-cursor-and-animated-cursor-format-v37-may-2010/

Diese Datei entpacken und dann in den Paint.net 'FileTypes' Ordner kopieren.

Viel Spaß wünscht euch Martin

''' IcoFX'''

Mit diesem kleinen Programm ist es auch möglich Icons aus einer bestehenden png zu erstellen.

Je grösser das Ausgangsformat, desto besser das Ergebnis.

IcoFX erstellt nicht nur das Icon in dieser Grösse sondern alle Windows relevanten Grössen.

http://icofx.ro/

[[IcoFX Tutorial]]

'''Icons Online umwandeln'''

http://iconverticons.com/

Datei hochladen, warten und dann downloaden.

Ausgangsformat sollte schon mind. 256 px sein.

[[Kategorie: Icons]]

Deskmodder Wiki - Benutzerbeiträge [de]

Datei:Autostart Win 10.2.png

Vista Style Builder: Allgemein

Datei:Reperatur.jpeg

PNG in ICO umwandeln