Modern Skin: Simple Skin Tutorial - Revision history

Culix: Reverted edits by Iseficibuw (Talk) to last version by Culix

2010-11-30T03:32:59Z

Reverted edits by Iseficibuw (Talk) to last version by Culix

Iseficibuw at 07:24, 24 November 2010

2010-11-24T07:24:52Z

Culix: removing spam and restoring content from [http://dev.winamp.com/w/index.php?title=Modern_Skin:_Simple_Skin_Tutorial&oldid=949 previous revision] by Tarik

2009-10-03T02:06:47Z

removing spam and restoring content from [http://dev.winamp.com/w/index.php?title=Modern_Skin:_Simple_Skin_Tutorial&oldid=949 previous revision] by Tarik

Valixxl at 18:07, 2 October 2009

2009-10-02T18:07:23Z

Spam cleanup script: All revisions matched the spam blacklist (media.winamp.com), blanking

2009-02-26T01:45:12Z

All revisions matched the spam blacklist (media.winamp.com), blanking

Tarik: Protected "Modern Skin: Simple Skin Tutorial" [edit=autoconfirmed:move=autoconfirmed]

2008-09-25T13:11:49Z

Protected "Modern Skin: Simple Skin Tutorial" [edit=autoconfirmed:move=autoconfirmed]

Tarik: Unprotected "Modern Skin: Simple Skin Tutorial"

2008-09-24T17:13:59Z

Unprotected "Modern Skin: Simple Skin Tutorial"

Tarik: Protected "Modern Skin: Simple Skin Tutorial": There seems to be a problem with your login session [edit=sysop:move=sysop]

2008-09-22T21:28:02Z

Protected "Modern Skin: Simple Skin Tutorial": There seems to be a problem with your login session [edit=sysop:move=sysop]

Wahdahtahdammie at 19:35, 27 August 2008

2008-08-27T19:35:01Z

New page

Creating a Modern Skin --> [[Modern Skin: Intro|Intro]] --> [[Modern Skin: Winamp 2 to W3+|Winamp 2 to Winamp 3+]] --> [[Modern Skin: Simple Skin Tutorial|Simple Skin Tutorial]] --> [[Modern Skin: XML Intro|XML Intro]] --> [[Modern Skin: Simple Skin Tutorial (Continued)|Simple Skin Tutorial (Continued)]] --> [[Modern Skin: Container| Container]] --> [[Modern Skin: Group|Group]] --> [[Modern Skin: Relative Positioning| Relative Positioning]] --> [[Modern Skin: Complex Skin|Complex Skin]] --> [[Modern Skin: Non-Rect Player| Non-Rect Player]] --> [[Modern Skin: Layer Composition| Layer Composition]] --> [[Modern Skin: Alpha Channels| Alpha Channels]] --> [[Modern Skin: Animatedlayer|Animatedlayer]] --> [[Modern Skin: Snap Points|Snap Points]] --> [[Modern Skin: Drawers|Drawers]] --> [[Modern Skin: Skin Scripting| Skin Scripting]] --> [[Modern Skin: Drawer Scripting| Drawer Scripting]] --> [[Modern Skin: Animating a Skin|Animating a Skin]] --> [[Modern Skin: Maki Overview| Maki Overview]] --> [[Main_Page#Glossary_of_Terms|Glossary]]

In the next section, we will show how to make a simple skin and teach you the basic modern skinning terminologies.

Before you start, you will need these items.

==Simple Tutorial Skin File==

We're going to show you how to make a simaple skin like the one shown below. Download the [http://media.winamp.com/5541/main/downloads/development/skinsmodern/SimpleTutorial.wal "Simple Tutorial Skin" example].

[[Image:Simpleskin_blue.png]]

When you save the file, make sure that the type of the file is selected to "All Type" and NOT "Winzip" filetype. You should save the file into your skin subdirectory in your Winamp 5 directory. for most people, that path is "C:\Program Files\Winamp\Skins".

[[Image:Simpletutsave.png]]

==Text Editing Programs==
You can use any text editing program to write XML and MAKI script files.

1) The plain Windows Notepad will do. It is under "Start Menu" => "Programs => "Accessories => "Notepad". Here's what it looks like.

[[Image:Notepad.png]]

2) However, if you intend to do alot of coding rather a quick editing, we recommed you to use something like [http://www.editplus.com/ EditPlus]. EditPlus will automatically color your HTML and XML code. The coloring makes it easier for you to see your code and find missing closing tags. Here's what it looks like.

[[Image:Editplus.png]]

You can select the type of coloring by going to "Document" menu => "Change File Type..."

[[Image:Editplus_changetype.png]]

==A Graphics program==
We recommend [http://www.adobe.com/ Adobe Photoshop] or [http://www.corel.com/servlet/Satellite/us/en/Product/1184951547051#tabview=tab0 Paintshop Pro]. Here're some [http://forums.winamp.com/showthread.php?s=&threadid=93803 graphic design tutorials] if you're new to graphics.

[[Image:Adobe.png]]

[[Image:Psp.png]]

@@ Line 1: / Line 1: @@
-=[http://amofuryqimu.co.cc This Page Is Currently Under Construction And Will Be Available Shortly, Please Visit Reserve Copy Page]=
+Creating a Modern Skin --> [[Modern Skin: Intro|Intro]] --> [[Modern Skin: Winamp 2 to W3+|Winamp 2 to Winamp 3+]] --> [[Modern Skin: Simple Skin Tutorial|Simple Skin Tutorial]] --> [[Modern Skin: XML Intro|XML Intro]] --> [[Modern Skin: Simple Skin Tutorial (Continued)|Simple Skin Tutorial (Continued)]] --> [[Modern Skin: Container| Container]] --> [[Modern Skin: Group|Group]] --> [[Modern Skin: Relative Positioning| Relative Positioning]] --> [[Modern Skin: Complex Skin|Complex Skin]] --> [[Modern Skin: Non-Rect Player| Non-Rect Player]] --> [[Modern Skin: Layer Composition| Layer Composition]] --> [[Modern Skin: Alpha Channels| Alpha Channels]] --> [[Modern Skin: Animatedlayer|Animatedlayer]] --> [[Modern Skin: Snap Points|Snap Points]] --> [[Modern Skin: Drawers|Drawers]] --> [[Modern Skin: Skin Scripting| Skin Scripting]] --> [[Modern Skin: Drawer Scripting| Drawer Scripting]] --> [[Modern Skin: Animating a Skin|Animating a Skin]] --> [[Modern Skin: Maki Overview| Maki Overview]] --> [[Main_Page#Glossary_of_Terms|Glossary]]
-Creating a Modern Skin --&gt; [[Modern Skin: Intro|Intro]] --&gt; [[Modern Skin: Winamp 2 to W3+|Winamp 2 to Winamp 3+]] --&gt; [[Modern Skin: Simple Skin Tutorial|Simple Skin Tutorial]] --&gt; [[Modern Skin: XML Intro|XML Intro]] --&gt; [[Modern Skin: Simple Skin Tutorial (Continued)|Simple Skin Tutorial (Continued)]] --&gt; [[Modern Skin: Container| Container]] --&gt; [[Modern Skin: Group|Group]] --&gt; [[Modern Skin: Relative Positioning| Relative Positioning]] --&gt; [[Modern Skin: Complex Skin|Complex Skin]] --&gt; [[Modern Skin: Non-Rect Player| Non-Rect Player]] --&gt; [[Modern Skin: Layer Composition| Layer Composition]] --&gt; [[Modern Skin: Alpha Channels| Alpha Channels]] --&gt; [[Modern Skin: Animatedlayer|Animatedlayer]] --&gt; [[Modern Skin: Snap Points|Snap Points]] --&gt; [[Modern Skin: Drawers|Drawers]] --&gt; [[Modern Skin: Skin Scripting| Skin Scripting]] --&gt; [[Modern Skin: Drawer Scripting| Drawer Scripting]] --&gt; [[Modern Skin: Animating a Skin|Animating a Skin]] --&gt; [[Modern Skin: Maki Overview| Maki Overview]] --&gt; [[Main_Page#Glossary_of_Terms|Glossary]]
@@ Line 9: / Line 8: @@
 ==Simple Tutorial Skin File==
-We're going to show you how to make a simaple skin like the one shown below.  Download the [http://media.winamp.com/5541/main/downloads/development/skinsmodern/SimpleTutorial.wal &quot;Simple Tutorial Skin&quot; example].
+We're going to show you how to make a simaple skin like the one shown below.  Download the [http://media.winamp.com/5541/main/downloads/development/skinsmodern/SimpleTutorial.wal "Simple Tutorial Skin" example].
@@ Line 15: / Line 14: @@
-When you save the file, make sure that the type of the file is selected to &quot;All Type&quot; and NOT &quot;Winzip&quot; filetype. You should save the file into your skin subdirectory in your Winamp 5 directory. for most people, that path is &quot;C:\Program Files\Winamp\Skins&quot;.
+When you save the file, make sure that the type of the file is selected to "All Type" and NOT "Winzip" filetype. You should save the file into your skin subdirectory in your Winamp 5 directory. for most people, that path is "C:\Program Files\Winamp\Skins".
@@ Line 23: / Line 22: @@
 You can use any text editing program to write XML and MAKI script files.
-) The plain Windows Notepad will do. It is under &quot;Start Menu&quot; =&gt; &quot;Programs =&gt; &quot;Accessories =&gt; &quot;Notepad&quot;. Here's what it looks like.
+) The plain Windows Notepad will do. It is under "Start Menu" => "Programs => "Accessories => "Notepad". Here's what it looks like.
@@ Line 35: / Line 34: @@
-You can select the type of coloring by going to &quot;Document&quot; menu =&gt; &quot;Change File Type...&quot;
+You can select the type of coloring by going to "Document" menu => "Change File Type..."
@@ Line 41: / Line 40: @@
 ==A Graphics program==
-We recommend [http://www.adobe.com/ Adobe Photoshop] or [http://www.corel.com/servlet/Satellite/us/en/Product/1184951547051#tabview=tab0 Paintshop Pro]. Here're some [http://forums.winamp.com/showthread.php?s=&amp;threadid=93803 graphic design tutorials] if you're new to graphics.
+We recommend [http://www.adobe.com/ Adobe Photoshop] or [http://www.corel.com/servlet/Satellite/us/en/Product/1184951547051#tabview=tab0 Paintshop Pro]. Here're some [http://forums.winamp.com/showthread.php?s=&threadid=93803 graphic design tutorials] if you're new to graphics.
 [[Image:Adobe.png]]
 [[Image:Psp.png]]

@@ Line 1: / Line 1: @@
-Creating a Modern Skin --> [[Modern Skin: Intro|Intro]] --> [[Modern Skin: Winamp 2 to W3+|Winamp 2 to Winamp 3+]] --> [[Modern Skin: Simple Skin Tutorial|Simple Skin Tutorial]] --> [[Modern Skin: XML Intro|XML Intro]] --> [[Modern Skin: Simple Skin Tutorial (Continued)|Simple Skin Tutorial (Continued)]] --> [[Modern Skin: Container| Container]] --> [[Modern Skin: Group|Group]] --> [[Modern Skin: Relative Positioning| Relative Positioning]] --> [[Modern Skin: Complex Skin|Complex Skin]] --> [[Modern Skin: Non-Rect Player| Non-Rect Player]] --> [[Modern Skin: Layer Composition| Layer Composition]] --> [[Modern Skin: Alpha Channels| Alpha Channels]] --> [[Modern Skin: Animatedlayer|Animatedlayer]] --> [[Modern Skin: Snap Points|Snap Points]] --> [[Modern Skin: Drawers|Drawers]] --> [[Modern Skin: Skin Scripting| Skin Scripting]] --> [[Modern Skin: Drawer Scripting| Drawer Scripting]] --> [[Modern Skin: Animating a Skin|Animating a Skin]] --> [[Modern Skin: Maki Overview| Maki Overview]] --> [[Main_Page#Glossary_of_Terms|Glossary]]
+=[http://amofuryqimu.co.cc This Page Is Currently Under Construction And Will Be Available Shortly, Please Visit Reserve Copy Page]=
@@ Line 8: / Line 9: @@
 ==Simple Tutorial Skin File==
-We're going to show you how to make a simaple skin like the one shown below.  Download the [http://media.winamp.com/5541/main/downloads/development/skinsmodern/SimpleTutorial.wal "Simple Tutorial Skin" example].
+We're going to show you how to make a simaple skin like the one shown below.  Download the [http://media.winamp.com/5541/main/downloads/development/skinsmodern/SimpleTutorial.wal &quot;Simple Tutorial Skin&quot; example].
@@ Line 14: / Line 15: @@
-When you save the file, make sure that the type of the file is selected to "All Type" and NOT "Winzip" filetype. You should save the file into your skin subdirectory in your Winamp 5 directory. for most people, that path is "C:\Program Files\Winamp\Skins".
+When you save the file, make sure that the type of the file is selected to &quot;All Type&quot; and NOT &quot;Winzip&quot; filetype. You should save the file into your skin subdirectory in your Winamp 5 directory. for most people, that path is &quot;C:\Program Files\Winamp\Skins&quot;.
@@ Line 22: / Line 23: @@
 You can use any text editing program to write XML and MAKI script files.
-) The plain Windows Notepad will do. It is under "Start Menu" => "Programs => "Accessories => "Notepad". Here's what it looks like.
+) The plain Windows Notepad will do. It is under &quot;Start Menu&quot; =&gt; &quot;Programs =&gt; &quot;Accessories =&gt; &quot;Notepad&quot;. Here's what it looks like.
@@ Line 34: / Line 35: @@
-You can select the type of coloring by going to "Document" menu => "Change File Type..."
+You can select the type of coloring by going to &quot;Document&quot; menu =&gt; &quot;Change File Type...&quot;
@@ Line 40: / Line 41: @@
 ==A Graphics program==
-We recommend [http://www.adobe.com/ Adobe Photoshop] or [http://www.corel.com/servlet/Satellite/us/en/Product/1184951547051#tabview=tab0 Paintshop Pro]. Here're some [http://forums.winamp.com/showthread.php?s=&threadid=93803 graphic design tutorials] if you're new to graphics.
+We recommend [http://www.adobe.com/ Adobe Photoshop] or [http://www.corel.com/servlet/Satellite/us/en/Product/1184951547051#tabview=tab0 Paintshop Pro]. Here're some [http://forums.winamp.com/showthread.php?s=&amp;threadid=93803 graphic design tutorials] if you're new to graphics.
 [[Image:Adobe.png]]
 [[Image:Psp.png]]

← Older revision	Revision as of 18:07, 2 October 2009
Line 1:	Line 1:
−	+	<img src="http://photos2.hi5.com/0106/470/509/SS3jkz470509-02.jpg" >'''vali'''

← Older revision		Revision as of 01:45, 26 February 2009
Line 1:		Line 1:
−	Creating a Modern Skin --> [[Modern Skin: Intro\|Intro]] --> [[Modern Skin: Winamp 2 to W3+\|Winamp 2 to Winamp 3+]] --> [[Modern Skin: Simple Skin Tutorial\|Simple Skin Tutorial]] --> [[Modern Skin: XML Intro\|XML Intro]] --> [[Modern Skin: Simple Skin Tutorial (Continued)\|Simple Skin Tutorial (Continued)]] --> [[Modern Skin: Container\| Container]] --> [[Modern Skin: Group\|Group]] --> [[Modern Skin: Relative Positioning\| Relative Positioning]] --> [[Modern Skin: Complex Skin\|Complex Skin]] --> [[Modern Skin: Non-Rect Player\| Non-Rect Player]] --> [[Modern Skin: Layer Composition\| Layer Composition]] --> [[Modern Skin: Alpha Channels\| Alpha Channels]] --> [[Modern Skin: Animatedlayer\|Animatedlayer]] --> [[Modern Skin: Snap Points\|Snap Points]] --> [[Modern Skin: Drawers\|Drawers]] --> [[Modern Skin: Skin Scripting\| Skin Scripting]] --> [[Modern Skin: Drawer Scripting\| Drawer Scripting]] --> [[Modern Skin: Animating a Skin\|Animating a Skin]] --> [[Modern Skin: Maki Overview\| Maki Overview]] --> [[Main_Page#Glossary_of_Terms\|Glossary]]

−
−	~~In the next section, we will show how to make a simple skin and teach you the basic modern skinning terminologies.~~
−
−	~~Before you start, you will need these items.~~
−
−	~~==Simple Tutorial Skin File==~~
−
−	We're going to show you how to make a simaple skin like the one shown below. Download the [http://media.winamp.com/5541/main/downloads/development/skinsmodern/SimpleTutorial.wal "Simple Tutorial Skin" example].
−
−
−	~~[[Image:Simpleskin_blue.png]]~~
−
−
−	When you save the file, make sure that the type of the file is selected to "All Type" and NOT "Winzip" filetype. You should save the file into your skin subdirectory in your Winamp 5 directory. for most people, that path is "C:\Program Files\Winamp\Skins".
−
−
−	~~[[Image:Simpletutsave.png]]~~
−
−	~~==Text Editing Programs==~~
−	~~You can use any text editing program to write XML and MAKI script files.~~
−
−	~~1) The plain Windows Notepad will do. It is under "Start Menu" => "Programs => "Accessories => "Notepad". Here's what it looks like.~~
−
−
−	~~[[Image:Notepad.png]]~~
−
−
−	2) However, if you intend to do alot of coding rather a quick editing, we recommed you to use something like [http://www.editplus.com/ EditPlus]. EditPlus will automatically color your HTML and XML code. The coloring makes it easier for you to see your code and find missing closing tags. Here's what it looks like.
−
−
−	~~[[Image:Editplus.png]]~~
−
−
−	~~You can select the type of coloring by going to "Document" menu => "Change File Type..."~~
−
−
−	~~[[Image:Editplus_changetype.png]]~~
−
−	~~==A Graphics program==~~
−	We recommend [http://www.adobe.com/ Adobe Photoshop] or [http://www.corel.com/servlet/Satellite/us/en/Product/1184951547051#tabview=tab0 Paintshop Pro]. Here're some [http://forums.winamp.com/showthread.php?s=&threadid=93803 graphic design tutorials] if you're new to graphics.
−
−	~~[[Image:Adobe.png]]~~
−
−	~~[[Image:Psp.png]]~~

← Older revision		Revision as of 02:06, 3 October 2009
Line 1:		Line 1:
−	~~<img src~~="http://~~photos2~~.~~hi5~~.com/~~0106~~/~~470~~/~~509~~/~~SS3jkz470509-02~~.~~jpg~~" >'''~~vali''~~'	+	Creating a Modern Skin --> [[Modern Skin: Intro\|Intro]] --> [[Modern Skin: Winamp 2 to W3+\|Winamp 2 to Winamp 3+]] --> [[Modern Skin: Simple Skin Tutorial\|Simple Skin Tutorial]] --> [[Modern Skin: XML Intro\|XML Intro]] --> [[Modern Skin: Simple Skin Tutorial (Continued)\|Simple Skin Tutorial (Continued)]] --> [[Modern Skin: Container\| Container]] --> [[Modern Skin: Group\|Group]] --> [[Modern Skin: Relative Positioning\| Relative Positioning]] --> [[Modern Skin: Complex Skin\|Complex Skin]] --> [[Modern Skin: Non-Rect Player\| Non-Rect Player]] --> [[Modern Skin: Layer Composition\| Layer Composition]] --> [[Modern Skin: Alpha Channels\| Alpha Channels]] --> [[Modern Skin: Animatedlayer\|Animatedlayer]] --> [[Modern Skin: Snap Points\|Snap Points]] --> [[Modern Skin: Drawers\|Drawers]] --> [[Modern Skin: Skin Scripting\| Skin Scripting]] --> [[Modern Skin: Drawer Scripting\| Drawer Scripting]] --> [[Modern Skin: Animating a Skin\|Animating a Skin]] --> [[Modern Skin: Maki Overview\| Maki Overview]] --> [[Main_Page#Glossary_of_Terms\|Glossary]]
		+
		+
		+	In the next section, we will show how to make a simple skin and teach you the basic modern skinning terminologies.
		+
		+	Before you start, you will need these items.
		+
		+	==Simple Tutorial Skin File==
		+
		+	We're going to show you how to make a simaple skin like the one shown below. Download the [http://media.winamp.com/5541/main/downloads/development/skinsmodern/SimpleTutorial.wal "Simple Tutorial Skin" example].
		+
		+
		+	[[Image:Simpleskin_blue.png]]
		+
		+
		+	When you save the file, make sure that the type of the file is selected to "All Type" and NOT "Winzip" filetype. You should save the file into your skin subdirectory in your Winamp 5 directory. for most people, that path is "C:\Program Files\Winamp\Skins".
		+
		+
		+	[[Image:Simpletutsave.png]]
		+
		+	==Text Editing Programs==
		+	You can use any text editing program to write XML and MAKI script files.
		+
		+	1) The plain Windows Notepad will do. It is under "Start Menu" => "Programs => "Accessories => "Notepad". Here's what it looks like.
		+
		+
		+	[[Image:Notepad.png]]
		+
		+
		+	2) However, if you intend to do alot of coding rather a quick editing, we recommed you to use something like [http://www.editplus.com/ EditPlus]. EditPlus will automatically color your HTML and XML code. The coloring makes it easier for you to see your code and find missing closing tags. Here's what it looks like.
		+
		+
		+	[[Image:Editplus.png]]
		+
		+
		+	You can select the type of coloring by going to "Document" menu => "Change File Type..."
		+
		+
		+	[[Image:Editplus_changetype.png]]
		+
		+	==A Graphics program==
		+	We recommend [http://www.adobe.com/ Adobe Photoshop] or [http://www.corel.com/servlet/Satellite/us/en/Product/1184951547051#tabview=tab0 Paintshop Pro]. Here're some [http://forums.winamp.com/showthread.php?s=&threadid=93803 graphic design tutorials] if you're new to graphics.
		+
		+	[[Image:Adobe.png]]
		+
		+	[[Image:Psp.png]]

← Older revision	Revision as of 13:11, 25 September 2008
(No difference)

← Older revision	Revision as of 17:13, 24 September 2008
(No difference)

← Older revision	Revision as of 21:28, 22 September 2008
(No difference)