|
|
Line 1: |
Line 1: |
− | == Description, Requirements ==
| + | {{stub}} |
| | | |
− | Foo_title is a plugin created to have a little titlebar available even when foobar is minimized. You can create and share your foo_title skins.
| + | =Description= |
| | | |
− | It requires .NET framework 2.0 to work and the syntax for skins in in .xml Supported image formats are those supported by the .NET framework - that is bmp, jpg, .png (for transparent images) and perhaps more.
| |
| | | |
− | == Screenshots == | + | =Link= |
− | [[Image:screen1.png|First skin]]
| + | * [http://kode54.foobar2000.org/ Official Website] |
− | | + | |
− | [[Image:sshot2.png|Second skin]]
| + | |
− | | + | |
− | [[Image:Foo title3.png|Second skin]]
| + | |
− | | + | |
− | == Header ==
| + | |
− | You must start your skin with a header like this one:
| + | |
− | <?xml version="1.0" encoding="utf-8"?>
| + | |
− | <skin
| + | |
− | author="'''Name of the Author'''"
| + | |
− | name="'''Name of the skin'''"
| + | |
− | width="'''width in pixel'''"
| + | |
− | height="'''Height in pixel'''">
| + | |
− | | + | |
− | The size of the skin can be overstepped as the size is adjusted automatically.
| + | |
− | | + | |
− | == Layer ==
| + | |
− | A layer is an element a kind of container. You can nest (imbricate) layers
| + | |
− | | + | |
− | The global structure of layers is as following:
| + | |
− | <layer name="'''name of the layer'''" type="'''type of content for the layer'''">
| + | |
− | <geometry type="'''Geometry type'''">
| + | |
− | '''Informations related to Geometry Type'''
| + | |
− | </geometry>
| + | |
− | <contents>
| + | |
− | '''Information related to the type of content for the layer'''
| + | |
− | </contents>
| + | |
− | '''<!-- optionally, another <layer> element (or more) go here -->'''
| + | |
− | </layer>
| + | |
− | | + | |
− | == Geometry type ==
| + | |
− | The are two type: full and absolute.
| + | |
− | | + | |
− | === full ===
| + | |
− | <geometry type="'''full'''">
| + | |
− | <padding left="'''32'''" top="'''8'''" right="'''32'''" bottom="'''8'''" />
| + | |
− | </geometry>
| + | |
− | | + | |
− | All sizes are in pixel.
| + | |
− | | + | |
− | The full type is useful for resizement. You only have to show the padding (space between the border and the layer).
| + | |
− | | + | |
− | [[Image:Foo title4.png]] ==> [[Image:Foo title5.png]]
| + | |
− | | + | |
− | The only thing important is padding (the blue area), not the size of the yellow element itself (But you are describing the yellow element)
| + | |
− | | + | |
− | === absolute ===
| + | |
− | | + | |
− | <geometry type="'''absolute'''">
| + | |
− | <size x="'''78'''" y="'''78'''" />
| + | |
− | <position x="'''0'''" y="'''0'''" align="'''left'''" />
| + | |
− | </geometry>
| + | |
− | All sizes are in pixel
| + | |
− | | + | |
− | Here, you will have to indicate not only the size of your element but also its position.
| + | |
− | | + | |
− | Alignment is also important, if you want the x value to indicate padding from the right, use align="right".
| + | |
− | | + | |
− | Resizing the window won't change the placement or the size of each "absolute" element.
| + | |
− | | + | |
− | Examples:
| + | |
− | <geometry type="'''absolute'''">
| + | |
− | <size x="'''78'''" y="'''78'''" />
| + | |
− | <position x="'''13'''" y="'''1'''" align="'''left'''" />
| + | |
− | </geometry>
| + | |
− | [[Image:Foo title6.png]]
| + | |
− | <geometry type="'''absolute'''">
| + | |
− | <size x="'''170'''" y="'''78'''" />
| + | |
− | <position x="'''13'''" y="'''1'''" align="'''right'''" />
| + | |
− | </geometry>
| + | |
− | [[Image:Foo title7.png]]
| + | |
− | | + | |
− | == Contents ==
| + | |
− | The contents part will indicate the kind of things contained in the layer and you will be able to specify information related to the contents type.
| + | |
− | === Graphic Elements ===
| + | |
− | ==== fill-images ====
| + | |
− | It is typically here to define a background.
| + | |
− | For this kind of content, there is 3 images needed, one for the left border, one for the center, one for the right border.
| + | |
− | The attribute repeat can be "true" or "false". True means that the picture will be repeated, false, it will be stretched. (Usually, stretched images can be quite ugly)
| + | |
− | | + | |
− | <contents>
| + | |
− | <image position="left" src="'''left_back.png'''" />
| + | |
− | <image position="center" repeat="'''true'''" src="'''repeat_back.png'''" />
| + | |
− | <image position="right" src="'''right_back.png'''" />
| + | |
− | </contents>
| + | |
− | | + | |
− | ==== absolute-images ====
| + | |
− | ==== animation ====
| + | |
− | ==== album-art ====
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | === Text Elements ===
| + | |
− | ==== text ====
| + | |
− | ==== scrolling-text ====
| + | |
− | | + | |
− | === Buttons ===
| + | |
− | | + | |
− | == Examples ==
| + | |
− | | + | |
− | == Links ==
| + | |
− | [http://foo-title.sourceforge.net/ Official Website] | + | |
− | | + | |
− | [http://sourceforge.net/projects/foo-title/ SourceForge project page]
| + | |
− | | + | |
− | [http://www.hydrogenaudio.org/forums/index.php?showtopic=46595 Discussion thread]
| + | |
− | | + | |
− | [http://www.hydrogenaudio.org/forums/index.php?showtopic=46619 foo_title skins thread]
| + | |
− | | + | |
− | | + | |
− | | + | |
− | [[Category:foobar2000 Looks Components|Titlebar]]
| + | |