Old 28th February 2005, 20:35   #1
Kneego
Junior Member
 
Join Date: Feb 2005
Posts: 6
Question Playlist problems

I love Cowboy Bebop (Anime) and decided to make a skin with a Bebop-theme. This is my very first and don't know much about XML and painting... The codes for my first skin is basically a "copy-and-paste" and hopes it works but I am still learning how it works :-)
I am quite happy with the main but have some problems with the playlist, (see attached screenshot file :-)
1. Can the infotext have transparent background so the main background is visible?
2. Big problems with moving the text-display to right place, next to the buttons, tried many things, need help argh... :-)

The code:

<elements>

<!-- PL_MAIN -->
<bitmap id="pledit.main" file="PNG/playlist/pledit_main.png"gammagroup="Backgrounds"/>

<!-- Buttons -->
<bitmap id="pledit.add.button" x="0" y="0" w="20" h="20" file="PNG/playlist/add_button.png" gammagroup="Buttons" />
<bitmap id="pledit.add.button.down" x="21" y="0" w="20" h="20" file="PNG/playlist/add_button.png" gammagroup="Buttons" />

<bitmap id="pledit.remove.button" x="0" y="0" w="20" h="20" file="PNG/playlist/rem_button.png" gammagroup="Buttons" />
<bitmap id="pledit.remove.button.down" x="21" y="0" w="20" h="20" file="PNG/playlist/rem_button.png" gammagroup="Buttons" />

<bitmap id="pledit.select.button" x="0" y="0" w="20" h="20" file="PNG/playlist/sel_button.png" gammagroup="Buttons" />
<bitmap id="pledit.select.button.down" x="21" y="0" w="20" h="20" file="PNG/playlist/sel_button.png" gammagroup="Buttons" />

<bitmap id="pledit.misc.button" x="0" y="0" w="20" h="20" file="PNG/playlist/misc_button.png" gammagroup="Buttons" />
<bitmap id="pledit.misc.button.down" x="21" y="0" w="20" h="20" file="PNG/playlist/misc_button.png" gammagroup="Buttons" />

<bitmap id="pledit.options.button" x="0" y="0" w="20" h="20" file="PNG/playlist/opt_button.png" gammagroup="Buttons" />
<bitmap id="pledit.options.button.down" x="21" y="0" w="20" h="20" file="PNG/playlist/opt_button.png" gammagroup="Buttons" />

<color id="display.objects.text" value="22,67,105" gammagroup="Display Objects"/>

</elements>

<groupdef id="pledit.layout">

<!-- Resize areas -->
<layer id="resize-topright" x="-12" y="0" w="12" h="16" relatx="1" resize="topright" />
<layer id="resize-right" x="-12" y="16" w="12" h="-64" relatx="1" relath="1" resize="right" />

<layer id="resize-bottom" x="12" y="-48" w="-24" h="12" relaty="1" relatw="1" resize="bottom" />
<layer id="resize-bottomright" x="-12" y="-48" w="12" h="12" relatx="1" relaty="1" resize="bottomright" />

<!-- Titlebar -->
<text id="titlebar" x="11" y="0" w="-22" h="11" relatw="1" align="center" default=":componentname" font="player.smallfont" ghost="1"/>

</groupdef>

<groupdef id="pledit.buttons">
<button id="pl-status-add" action="PE_Add" x="0" y="5" image="pledit.add.button" downImage="pledit.add.button.down" tooltip="Add Files to Playlist" rectrgn="1" />
<button id="pl-status-rem" action="PE_Rem" x="0" y="25" image="pledit.remove.button" downImage="pledit.remove.button.down" tooltip="Remove Files from Playlist" rectrgn="1" />
<button id="pl-status-sel" action="PE_Sel" x="0" y="45" image="pledit.select.button" downImage="pledit.select.button.down" tooltip="Select" rectrgn="1" />
<button id="pl-status-misc" action="PE_Misc" x="0" y="65" image="pledit.misc.button" downImage="pledit.misc.button.down" tooltip="Misc" rectrgn="1" />
<button id="pl-status-opts" action="PE_List" x="0" y="85" image="pledit.options.button" downImage="pledit.options.button.down" tooltip="Manage Playlist" rectrgn="1" />

</groupdef>

<groupdef id="pledit.frame.status.display">

<!-- Contents -->
<vis id="display-bars"
x="8" y="5" w="72" h="13"
gammagroup="Display Objects"

- colorbands here -
/>
<text id="display-plinfo" x="85" y="5" w="80" h="40" font="player.smallfont" fontsize="10"
color="display.objects.text" align="right" ticker="1" showlen="1" nograb="1" display="PE_Info"/>

</groupdef>

<layout id="normal" background="pledit.main">

<!--<group id="pledit.layout" x="0" y="0" w="0" h="0" relatw="1" relath="1"/>-->
<group id="pledit.buttons" x="5" y="10" />
<component
x="30" y="5"
w="80" h="70"
noshowcmdbar="1"
autoopen="1"
autoclose="1"
param="guid:{45F3F7C1-A6F3-4ee6-A15E-125E92FC3F8D}"/>
</layout>


Appreciate for any help and suggestions
Kneego<elements>
Attached Images
File Type: jpg my_1st_skin.jpg (23.9 KB, 180 views)
Kneego is offline   Reply With Quote
Reply
Go Back   Winamp & Shoutcast Forums > Skinning and Design > Modern Skins

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump