Foobar2000:Title Bar (dotnet title bar): Difference between revisions

From Hydrogenaudio Knowledgebase
No edit summary
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]]

Revision as of 03:13, 19 December 2006

Description

Link