Difference between revisions of "Skin Developer"

From Winamp Developer Wiki
Jump to: navigation, search
(change manual breadcrumb to navigation template)
Line 1: Line 1:
 +
=[http://akekuqegify.co.cc UNDER COSTRUCTION, PLEASE SEE THIS POST IN RESERVE COPY]=
 
{{Template:NavBar}}
 
{{Template:NavBar}}
 
   
 
   
Line 11: Line 12:
  
 
* '''[[Creating Modern Skins]]'''
 
* '''[[Creating Modern Skins]]'''
<!-- SkinWizard XML Designer 1.0 -->
+
&lt;!-- SkinWizard XML Designer 1.0 --&gt;
  
     <!-- Background elements -->
+
     &lt;!-- Background elements --&gt;
     <groupdef id="Backgrounds" name="BckElements">
+
     &lt;groupdef id=&quot;Backgrounds&quot; name=&quot;BckElements&quot;&gt;
     <layer id="LayerID1" image="common/bck_seek.png" x="19" y="92" />
+
     &lt;layer id=&quot;LayerID1&quot; image=&quot;common/bck_seek.png&quot; x=&quot;19&quot; y=&quot;92&quot; /&gt;
     <layer id="LayerID2" image="common/bck_visualizer.png" x="22" y="25" />
+
     &lt;layer id=&quot;LayerID2&quot; image=&quot;common/bck_visualizer.png&quot; x=&quot;22&quot; y=&quot;25&quot; /&gt;
     <layer id="LayerID3" image="common/slider_volume_BCK.png" x="212" y="64" />
+
     &lt;layer id=&quot;LayerID3&quot; image=&quot;common/slider_volume_BCK.png&quot; x=&quot;212&quot; y=&quot;64&quot; /&gt;
     </groupdef>
+
     &lt;/groupdef&gt;
  
     <!-- Player Buttons -->
+
     &lt;!-- Player Buttons --&gt;
     <groupdef id="PlayButtons" name="Player Buttons">
+
     &lt;groupdef id=&quot;PlayButtons&quot; name=&quot;Player Buttons&quot;&gt;
     <button
+
     &lt;button
       id="btnPlay"
+
       id=&quot;btnPlay&quot;
       action="PLAY" param=""
+
       action=&quot;PLAY&quot; param=&quot;&quot;
       x="11" y="106"
+
       x=&quot;11&quot; y=&quot;106&quot;
       image="vista/vst_btn_play_N.png"
+
       image=&quot;vista/vst_btn_play_N.png&quot;
       hoverimage="vista/vst_btn_play_H.png"
+
       hoverimage=&quot;vista/vst_btn_play_H.png&quot;
       downImage="vista/vst_btn_play_D.png"
+
       downImage=&quot;vista/vst_btn_play_D.png&quot;
       tooltip="Play"
+
       tooltip=&quot;Play&quot;
     />
+
     /&gt;
  
     <button
+
     &lt;button
       id="btnPause"
+
       id=&quot;btnPause&quot;
       action="PAUSE" param=""
+
       action=&quot;PAUSE&quot; param=&quot;&quot;
       x="61" y="117"
+
       x=&quot;61&quot; y=&quot;117&quot;
       image="vista/vst_btn_pause_N.png"
+
       image=&quot;vista/vst_btn_pause_N.png&quot;
       hoverimage="vista/vst_btn_pause_H.png"
+
       hoverimage=&quot;vista/vst_btn_pause_H.png&quot;
       downImage="vista/vst_btn_pause_D.png"
+
       downImage=&quot;vista/vst_btn_pause_D.png&quot;
       tooltip="Pause"
+
       tooltip=&quot;Pause&quot;
     />
+
     /&gt;
  
     <button
+
     &lt;button
       id="btnStop"
+
       id=&quot;btnStop&quot;
       action="STOP" param=""
+
       action=&quot;STOP&quot; param=&quot;&quot;
       x="104" y="117"
+
       x=&quot;104&quot; y=&quot;117&quot;
       image="vista/vst_btn_stop_N.png"
+
       image=&quot;vista/vst_btn_stop_N.png&quot;
       hoverimage="vista/vst_btn_stop_H.png"
+
       hoverimage=&quot;vista/vst_btn_stop_H.png&quot;
       downImage="vista/vst_btn_stop_D.png"
+
       downImage=&quot;vista/vst_btn_stop_D.png&quot;
       tooltip="Stop"
+
       tooltip=&quot;Stop&quot;
     />
+
     /&gt;
  
     <button
+
     &lt;button
       id="btnEject"
+
       id=&quot;btnEject&quot;
       action="EJECT" param=""
+
       action=&quot;EJECT&quot; param=&quot;&quot;
       x="146" y="117"
+
       x=&quot;146&quot; y=&quot;117&quot;
       image="vista/vst_btn_open_N.png"
+
       image=&quot;vista/vst_btn_open_N.png&quot;
       hoverimage="vista/vst_btn_open_H.png"
+
       hoverimage=&quot;vista/vst_btn_open_H.png&quot;
       downImage="vista/vst_btn_open_D.png"
+
       downImage=&quot;vista/vst_btn_open_D.png&quot;
       tooltip="Eject / Open"
+
       tooltip=&quot;Eject / Open&quot;
     />
+
     /&gt;
  
     <button
+
     &lt;button
       id="btnPrev"
+
       id=&quot;btnPrev&quot;
       action="PREV" param=""
+
       action=&quot;PREV&quot; param=&quot;&quot;
       x="240" y="116"
+
       x=&quot;240&quot; y=&quot;116&quot;
       image="xp/xp_btn_prev_N.png"
+
       image=&quot;xp/xp_btn_prev_N.png&quot;
       hoverimage="xp/xp_btn_prev_H.png"
+
       hoverimage=&quot;xp/xp_btn_prev_H.png&quot;
       downImage="xp/xp_btn_prev_D.png"
+
       downImage=&quot;xp/xp_btn_prev_D.png&quot;
       tooltip="Previous"
+
       tooltip=&quot;Previous&quot;
     />
+
     /&gt;
  
     <button
+
     &lt;button
       id="btnNext"
+
       id=&quot;btnNext&quot;
       action="NEXT" param=""
+
       action=&quot;NEXT&quot; param=&quot;&quot;
       x="288" y="116"
+
       x=&quot;288&quot; y=&quot;116&quot;
       image="xp/xp_btn_next_N.png"
+
       image=&quot;xp/xp_btn_next_N.png&quot;
       hoverimage="xp/xp_btn_next_H.png"
+
       hoverimage=&quot;xp/xp_btn_next_H.png&quot;
       downImage="xp/xp_btn_next_D.png"
+
       downImage=&quot;xp/xp_btn_next_D.png&quot;
       tooltip="Next"
+
       tooltip=&quot;Next&quot;
     />
+
     /&gt;
  
     </groupdef>
+
     &lt;/groupdef&gt;
  
     <!-- Header and additional buttons -->
+
     &lt;!-- Header and additional buttons --&gt;
     <groupdef id="grTechButtons" name="Other Buttons">
+
     &lt;groupdef id=&quot;grTechButtons&quot; name=&quot;Other Buttons&quot;&gt;
     <togglebutton
+
     &lt;togglebutton
       id="btnPL"
+
       id=&quot;btnPL&quot;
       action="TOGGLE" param="guid:pl"
+
       action=&quot;TOGGLE&quot; param=&quot;guid:pl&quot;
       x="19" y="0"
+
       x=&quot;19&quot; y=&quot;0&quot;
       image="vista/vst_btn_PL_N.png"
+
       image=&quot;vista/vst_btn_PL_N.png&quot;
       activeImage="vista/vst_btn_PL_H.png"
+
       activeImage=&quot;vista/vst_btn_PL_H.png&quot;
       downImage="vista/vst_btn_PL_D.png"
+
       downImage=&quot;vista/vst_btn_PL_D.png&quot;
       hoverimage="vista/vst_btn_PL_H.png"
+
       hoverimage=&quot;vista/vst_btn_PL_H.png&quot;
       tooltip="Playlist"
+
       tooltip=&quot;Playlist&quot;
     />
+
     /&gt;
  
     <togglebutton
+
     &lt;togglebutton
       id="btnML"
+
       id=&quot;btnML&quot;
       action="TOGGLE" param="guid:ml"
+
       action=&quot;TOGGLE&quot; param=&quot;guid:ml&quot;
       x="47" y="0"
+
       x=&quot;47&quot; y=&quot;0&quot;
       image="vista/vst_btn_ML_N.png"
+
       image=&quot;vista/vst_btn_ML_N.png&quot;
       activeImage="vista/vst_btn_ML_H.png"
+
       activeImage=&quot;vista/vst_btn_ML_H.png&quot;
       downImage="vista/vst_btn_ML_D.png"
+
       downImage=&quot;vista/vst_btn_ML_D.png&quot;
       hoverimage="vista/vst_btn_ML_H.png"
+
       hoverimage=&quot;vista/vst_btn_ML_H.png&quot;
       tooltip="Media library"
+
       tooltip=&quot;Media library&quot;
     />
+
     /&gt;
  
     <button
+
     &lt;button
       id="btnClose"
+
       id=&quot;btnClose&quot;
       action="CLOSE" param=""
+
       action=&quot;CLOSE&quot; param=&quot;&quot;
       x="340" y="17"
+
       x=&quot;340&quot; y=&quot;17&quot;
       image="xp/btn_capt_close_N.png"
+
       image=&quot;xp/btn_capt_close_N.png&quot;
       hoverimage="xp/btn_capt_close_H.png"
+
       hoverimage=&quot;xp/btn_capt_close_H.png&quot;
       downImage="xp/btn_capt_minimize_D.png"
+
       downImage=&quot;xp/btn_capt_minimize_D.png&quot;
       tooltip="Close"
+
       tooltip=&quot;Close&quot;
     />
+
     /&gt;
  
     <button
+
     &lt;button
       id="ButtonID2"
+
       id=&quot;ButtonID2&quot;
       action="MINIMIZE" param=""
+
       action=&quot;MINIMIZE&quot; param=&quot;&quot;
       x="340" y="32"
+
       x=&quot;340&quot; y=&quot;32&quot;
       image="xp/btn_capt_minimize_N.png"
+
       image=&quot;xp/btn_capt_minimize_N.png&quot;
       hoverimage="xp/btn_capt_minimize_H.png"
+
       hoverimage=&quot;xp/btn_capt_minimize_H.png&quot;
       downImage="xp/btn_capt_minimize_D.png"
+
       downImage=&quot;xp/btn_capt_minimize_D.png&quot;
       tooltip="Minimize"
+
       tooltip=&quot;Minimize&quot;
     />
+
     /&gt;
  
     </groupdef>
+
     &lt;/groupdef&gt;
  
     <!-- Components and elements -->
+
     &lt;!-- Components and elements --&gt;
     <groupdef id="grComponents" name="Components">
+
     &lt;groupdef id=&quot;grComponents&quot; name=&quot;Components&quot;&gt;
     <vis id="Visualization"
+
     &lt;vis id=&quot;Visualization&quot;
       x="30" y="30"
+
       x=&quot;30&quot; y=&quot;30&quot;
       w="76" h="40"
+
       w=&quot;76&quot; h=&quot;40&quot;
       relatx="0"
+
       relatx=&quot;0&quot;
       alpha="255"
+
       alpha=&quot;255&quot;
       gammagroup="gamma"
+
       gammagroup=&quot;gamma&quot;
       ColorBand1="255,255,255"
+
       ColorBand1=&quot;255,255,255&quot;
       ColorBand2="255,255,255"
+
       ColorBand2=&quot;255,255,255&quot;
       ColorBand3="255,255,255"
+
       ColorBand3=&quot;255,255,255&quot;
       ColorBand4="255,255,255"
+
       ColorBand4=&quot;255,255,255&quot;
       ColorBand5="255,255,255"
+
       ColorBand5=&quot;255,255,255&quot;
       ColorBand6="255,255,255"
+
       ColorBand6=&quot;255,255,255&quot;
       ColorBand7="255,255,255"
+
       ColorBand7=&quot;255,255,255&quot;
       ColorBand8="255,255,255"
+
       ColorBand8=&quot;255,255,255&quot;
       ColorBand9="255,255,255"
+
       ColorBand9=&quot;255,255,255&quot;
       ColorBand10="255,255,255"
+
       ColorBand10=&quot;255,255,255&quot;
       ColorBand11="255,255,255"
+
       ColorBand11=&quot;255,255,255&quot;
       ColorBand12="255,255,255"
+
       ColorBand12=&quot;255,255,255&quot;
       ColorBand13="255,255,255"
+
       ColorBand13=&quot;255,255,255&quot;
       ColorBand14="255,255,255"
+
       ColorBand14=&quot;255,255,255&quot;
       ColorBand15="255,255,255"
+
       ColorBand15=&quot;255,255,255&quot;
       ColorBand16="255,255,255"
+
       ColorBand16=&quot;255,255,255&quot;
 
      
 
      
       colorosc1="255,255,255"
+
       colorosc1=&quot;255,255,255&quot;
       colorosc2="255,255,255"
+
       colorosc2=&quot;255,255,255&quot;
       colorosc3="255,255,255"
+
       colorosc3=&quot;255,255,255&quot;
       colorosc4="255,255,255"
+
       colorosc4=&quot;255,255,255&quot;
       colorosc5="255,255,255"
+
       colorosc5=&quot;255,255,255&quot;
       colorbandpeak="255,255,255"
+
       colorbandpeak=&quot;255,255,255&quot;
     />
+
     /&gt;
  
     <Text
+
     &lt;Text
       id="SongInfo" ticker="1"
+
       id=&quot;SongInfo&quot; ticker=&quot;1&quot;
       display="songname" showlen="1"
+
       display=&quot;songname&quot; showlen=&quot;1&quot;
       x="118" y="26"
+
       x=&quot;118&quot; y=&quot;26&quot;
       w="210" h="17"
+
       w=&quot;210&quot; h=&quot;17&quot;
       fontsize="16" font="" color="255,255,255"
+
       fontsize=&quot;16&quot; font=&quot;&quot; color=&quot;255,255,255&quot;
       shadowcolor="128,128,128" shadowx="1" shadowy="1"
+
       shadowcolor=&quot;128,128,128&quot; shadowx=&quot;1&quot; shadowy=&quot;1&quot;
     />
+
     /&gt;
  
     <text
+
     &lt;text
       id="Timer"
+
       id=&quot;Timer&quot;
       display="time"
+
       display=&quot;time&quot;
       x="118" y="47"
+
       x=&quot;118&quot; y=&quot;47&quot;
       w="80" h="25"
+
       w=&quot;80&quot; h=&quot;25&quot;
       font=""
+
       font=&quot;&quot;
       fontsize="18"
+
       fontsize=&quot;18&quot;
       color="255,255,255"
+
       color=&quot;255,255,255&quot;
       align="left"
+
       align=&quot;left&quot;
       antialias="1" bold="1"
+
       antialias=&quot;1&quot; bold=&quot;1&quot;
       shadowcolor="128,128,128" shadowx="1" shadowy="1"
+
       shadowcolor=&quot;128,128,128&quot; shadowx=&quot;1&quot; shadowy=&quot;1&quot;
       timeroffstyle="1"
+
       timeroffstyle=&quot;1&quot;
     />
+
     /&gt;
  
     <slider
+
     &lt;slider
       id="Slider"
+
       id=&quot;Slider&quot;
       action="SEEK"
+
       action=&quot;SEEK&quot;
       x="18" y="85"
+
       x=&quot;18&quot; y=&quot;85&quot;
       w="317" h="20"
+
       w=&quot;317&quot; h=&quot;20&quot;
       orientation="horizontal"
+
       orientation=&quot;horizontal&quot;
       thumb="vista/vista_thumb_N.png"
+
       thumb=&quot;vista/vista_thumb_N.png&quot;
       hoverThumb="vista/vista_thumb_H.png"
+
       hoverThumb=&quot;vista/vista_thumb_H.png&quot;
       downThumb="vista/vista_thumb_D.png"
+
       downThumb=&quot;vista/vista_thumb_D.png&quot;
     />
+
     /&gt;
  
     <slider
+
     &lt;slider
       id="Slider"
+
       id=&quot;Slider&quot;
       action="VOLUME"
+
       action=&quot;VOLUME&quot;
       x="208" y="63"
+
       x=&quot;208&quot; y=&quot;63&quot;
       w="115" h="12"
+
       w=&quot;115&quot; h=&quot;12&quot;
       orientation="horizontal"
+
       orientation=&quot;horizontal&quot;
       thumb="xp/xp_thumb_N.png"
+
       thumb=&quot;xp/xp_thumb_N.png&quot;
       hoverThumb="xp/xp_thumb_H.png"
+
       hoverThumb=&quot;xp/xp_thumb_H.png&quot;
       downThumb="xp/xp_thumb_H.png"
+
       downThumb=&quot;xp/xp_thumb_H.png&quot;
     />
+
     /&gt;
  
     </groupdef>
+
     &lt;/groupdef&gt;
  
<container id="main" name="Main Window" default_x="0" default_y="0" default_visible="1" w="362" h="162">
+
&lt;container id=&quot;main&quot; name=&quot;Main Window&quot; default_x=&quot;0&quot; default_y=&quot;0&quot; default_visible=&quot;1&quot; w=&quot;362&quot; h=&quot;162&quot;&gt;
   <layout id="normal" background="common/Background_player.png" w="400" h="300" desktopalpha="1" >
+
   &lt;layout id=&quot;normal&quot; background=&quot;common/Background_player.png&quot; w=&quot;400&quot; h=&quot;300&quot; desktopalpha=&quot;1&quot; &gt;
  
     <group id="Backgrounds" w="362"/>
+
     &lt;group id=&quot;Backgrounds&quot; w=&quot;362&quot;/&gt;
     <group id="PlayButtons" w="360" />
+
     &lt;group id=&quot;PlayButtons&quot; w=&quot;360&quot; /&gt;
     <group id="grTechButtons" w="360" />
+
     &lt;group id=&quot;grTechButtons&quot; w=&quot;360&quot; /&gt;
     <group id="grComponents" w="360" />
+
     &lt;group id=&quot;grComponents&quot; w=&quot;360&quot; /&gt;
   </layout>
+
   &lt;/layout&gt;
  
</container>
+
&lt;/container&gt;
  
 
== ClassicPro Skins ==
 
== ClassicPro Skins ==
Line 234: Line 235:
  
 
==Community Links==
 
==Community Links==
*Forums: [http://forums.winamp.com/forumdisplay.php?s=&forumid=5 Classic Skins]
+
*Forums: [http://forums.winamp.com/forumdisplay.php?s=&amp;forumid=5 Classic Skins]
*Forums: [http://forums.winamp.com/forumdisplay.php?s=&forumid=123 Modern Skins]
+
*Forums: [http://forums.winamp.com/forumdisplay.php?s=&amp;forumid=123 Modern Skins]
*Forums: [http://forums.winamp.com/forumdisplay.php?s=&forumid=18 Skinning Tips and Tricks]
+
*Forums: [http://forums.winamp.com/forumdisplay.php?s=&amp;forumid=18 Skinning Tips and Tricks]
*Forums: [http://forums.winamp.com/forumdisplay.php?s=&forumid=12 Arts and Design]
+
*Forums: [http://forums.winamp.com/forumdisplay.php?s=&amp;forumid=12 Arts and Design]
*Forums: [http://forums.winamp.com/forumdisplay.php?s=&forumid=119 Skin Removal Reporting]
+
*Forums: [http://forums.winamp.com/forumdisplay.php?s=&amp;forumid=119 Skin Removal Reporting]
 
*Upload: [http://www.winamp.com/user/submit Submit Your Skin]
 
*Upload: [http://www.winamp.com/user/submit Submit Your Skin]
 
**[http://www.winamp.com/user/submit-skin-classic Submit Classic Skin]
 
**[http://www.winamp.com/user/submit-skin-classic Submit Classic Skin]

Revision as of 06:12, 24 November 2010

UNDER COSTRUCTION, PLEASE SEE THIS POST IN RESERVE COPY

Wiki Main | Skin Developer | Visual Developer | Plug-in Developer | Online Service Developer | SHOUTcast Tools & Services | Articles Page | FAQ | Glossary


Classic Skins

Classic skins are skins that adhere to the Winamp 2 style model. Classic skins are easier to create than Modern skins but do not allow the author to change the form or function of the player. Classic authors may only replace a standard set of images that alter the player's visual appearance.

Modern Skins

Modern or Freeform skins were originally designed to work with Winamp3. What separates them from the average skin is the fact that they are not confined to the classic rectangular shape. In fact they can be any shape you want them to be and you can put the Winamp control buttons anywhere you want. Some skinners have even added extra buttons that extend the functionality of Winamp right there on the skin. Sounds too good to be true huh? Well these skins require a bit more coding to make and some of the graphics that go into them are quite large. Consequently, Freeform skins may take a bit longer to download from our site and they may take a few extra seconds to load when you switch from one skin to another. But trust me when I say that Freeform skins are worth the extra time and effort. Skin developers have done some incredible things with these skins. You have to check them out.

<!-- SkinWizard XML Designer 1.0 -->

   <!-- Background elements -->
   <groupdef id="Backgrounds" name="BckElements">
   <layer id="LayerID1" image="common/bck_seek.png" x="19" y="92"  />
   <layer id="LayerID2" image="common/bck_visualizer.png" x="22" y="25" />
   <layer id="LayerID3" image="common/slider_volume_BCK.png" x="212" y="64"  />
   </groupdef>
   <!-- Player Buttons -->
   <groupdef id="PlayButtons" name="Player Buttons">
   <button
     id="btnPlay"
     action="PLAY" param=""
     x="11" y="106"
     image="vista/vst_btn_play_N.png"
     hoverimage="vista/vst_btn_play_H.png"
     downImage="vista/vst_btn_play_D.png"
     tooltip="Play"
   />
   <button
     id="btnPause"
     action="PAUSE" param=""
     x="61" y="117"
     image="vista/vst_btn_pause_N.png"
     hoverimage="vista/vst_btn_pause_H.png"
     downImage="vista/vst_btn_pause_D.png"
     tooltip="Pause"
   />
   <button
     id="btnStop"
     action="STOP" param=""
     x="104" y="117"
     image="vista/vst_btn_stop_N.png"
     hoverimage="vista/vst_btn_stop_H.png"
     downImage="vista/vst_btn_stop_D.png"
     tooltip="Stop"
   />
   <button
     id="btnEject"
     action="EJECT" param=""
     x="146" y="117"
     image="vista/vst_btn_open_N.png"
     hoverimage="vista/vst_btn_open_H.png"
     downImage="vista/vst_btn_open_D.png"
     tooltip="Eject / Open"
   />
   <button
     id="btnPrev"
     action="PREV" param=""
     x="240" y="116"
     image="xp/xp_btn_prev_N.png"
     hoverimage="xp/xp_btn_prev_H.png"
     downImage="xp/xp_btn_prev_D.png"
     tooltip="Previous"
   />
   <button
     id="btnNext"
     action="NEXT" param=""
     x="288" y="116"
     image="xp/xp_btn_next_N.png"
     hoverimage="xp/xp_btn_next_H.png"
     downImage="xp/xp_btn_next_D.png"
     tooltip="Next"
   />
   </groupdef>
   <!-- Header and additional buttons -->
   <groupdef id="grTechButtons" name="Other Buttons">
   <togglebutton
     id="btnPL"
     action="TOGGLE" param="guid:pl"
     x="19" y="0"
     image="vista/vst_btn_PL_N.png"
     activeImage="vista/vst_btn_PL_H.png"
     downImage="vista/vst_btn_PL_D.png"
     hoverimage="vista/vst_btn_PL_H.png"
     tooltip="Playlist"
   />
   <togglebutton
     id="btnML"
     action="TOGGLE" param="guid:ml"
     x="47" y="0"
     image="vista/vst_btn_ML_N.png"
     activeImage="vista/vst_btn_ML_H.png"
     downImage="vista/vst_btn_ML_D.png"
     hoverimage="vista/vst_btn_ML_H.png"
     tooltip="Media library"
   />
   <button
     id="btnClose"
     action="CLOSE" param=""
     x="340" y="17"
     image="xp/btn_capt_close_N.png"
     hoverimage="xp/btn_capt_close_H.png"
     downImage="xp/btn_capt_minimize_D.png"
     tooltip="Close"
   />
   <button
     id="ButtonID2"
     action="MINIMIZE" param=""
     x="340" y="32"
     image="xp/btn_capt_minimize_N.png"
     hoverimage="xp/btn_capt_minimize_H.png"
     downImage="xp/btn_capt_minimize_D.png"
     tooltip="Minimize"
   />
   </groupdef>
   <!-- Components and elements -->
   <groupdef id="grComponents" name="Components">
   <vis id="Visualization"
     x="30" y="30"
     w="76" h="40"
     relatx="0"
     alpha="255"
     gammagroup="gamma"
     ColorBand1="255,255,255"
     ColorBand2="255,255,255"
     ColorBand3="255,255,255"
     ColorBand4="255,255,255"
     ColorBand5="255,255,255"
     ColorBand6="255,255,255"
     ColorBand7="255,255,255"
     ColorBand8="255,255,255"
     ColorBand9="255,255,255"
     ColorBand10="255,255,255"
     ColorBand11="255,255,255"
     ColorBand12="255,255,255"
     ColorBand13="255,255,255"
     ColorBand14="255,255,255"
     ColorBand15="255,255,255"
     ColorBand16="255,255,255"
   
     colorosc1="255,255,255"
     colorosc2="255,255,255"
     colorosc3="255,255,255"
     colorosc4="255,255,255"
     colorosc5="255,255,255"
     colorbandpeak="255,255,255"
   />
   <Text
     id="SongInfo" ticker="1"
     display="songname" showlen="1"
     x="118" y="26"
     w="210" h="17"
     fontsize="16" font="" color="255,255,255"
     shadowcolor="128,128,128" shadowx="1" shadowy="1"
   />
   <text
     id="Timer"
     display="time"
     x="118" y="47"
     w="80" h="25"
     font=""
     fontsize="18"
     color="255,255,255"
     align="left"
     antialias="1" bold="1"
     shadowcolor="128,128,128" shadowx="1" shadowy="1"
     timeroffstyle="1"
   />
   <slider
     id="Slider"
     action="SEEK"
     x="18" y="85"
     w="317" h="20"
     orientation="horizontal"
     thumb="vista/vista_thumb_N.png"
     hoverThumb="vista/vista_thumb_H.png"
     downThumb="vista/vista_thumb_D.png"
   />
   <slider
     id="Slider"
     action="VOLUME"
     x="208" y="63"
     w="115" h="12"
     orientation="horizontal"
     thumb="xp/xp_thumb_N.png"
     hoverThumb="xp/xp_thumb_H.png"
     downThumb="xp/xp_thumb_H.png"
   />
   </groupdef>

<container id="main" name="Main Window" default_x="0" default_y="0" default_visible="1" w="362" h="162">

 <layout id="normal" background="common/Background_player.png" w="400" h="300" desktopalpha="1" >
   <group id="Backgrounds" w="362"/>
   <group id="PlayButtons"  w="360" />
   <group id="grTechButtons" w="360" />
   <group id="grComponents" w="360" />
 </layout>

</container>

ClassicPro Skins

ClassicPro skins is a blend of a Classic Winamp skin and a Modern Winamp skin. You don’t need to do any coding to create your skin because all the coding will be done by the ClassicPro plugin. The layout is similar to the Classic Winamp layout but also resizable using a Single-User-Interface (SUI) to display components.

ClassicPro Official Website

Developer Resources

Community Links

de:Hauptseite