|
|
| 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]]
| |
