Help - Search - Members - Calendar
Full Version: Skins for foo_title plugin
Hydrogenaudio Forums > Hosted Forums > foobar2000 > Uploads - (fb2k)
Pages: 1, 2, 3
Sphix
Nice skin, sune cool.gif
sankukaai
hello, great plugin, but i have a question though :

how can you fix the position of the window on the right side? Im using the white skin, so i set the bar the be next to the 3 windows buttons (minimze, expand/contract, close), but depending on which song is playing and the length of the title, the right end of the bar can either move to the left or cover the buttons. Anyone got a solution?

thanks in advance.
Quiark
That is not possible. The only thing you can do is to use a fixed size skin, so that it doesn't change it's width.
sankukaai
Hey thanks for your answer, I changed to Sune's skin, which is great.

Actually i tweaked it a little (i hope you don't mind Sune) to fit a clear background (you could barely see it before), so I recolorized the background, and made some other buttons. It's the first time i touch someting this close to skinning, i never believed i could have done this kind of thing and stayed up this late for that.

Anyway, I got two questions about that, after that it'll be perfect:

- I try to insert my tags for the rating into this panel so it'll show the rating of the song playing, the script I use in ColumnsUI is $repeat(*,%rating%), but it doesn't seem to be working here. Do I do anything wrong or is it just this kind of script that is not supported by this plugin?

- The size of the panel is fixed, which is what I was looking for, and the text is scrolling, but I'd like to have the text scrolling only when the mouse is over. I might have to change something in this line
<layer name="trackinfo" type="scrolling-text">
like changing scrolling-text to something else, but I couldn't figure out why.

Thanks yall for your help, I'll upload the final thing if it's working and if it might interest someone, and of course if Sune is OK with it.

snk.
sune
@sankukaai, I dont' mind at all, of course you can use my skin and change it the best way to feet your desktop, vs.. I wouldn't share it otherwise. no copyright tongue.gif
It's true this will only suit a dark background, but I made it for myself, so.. If you have made a nice dark one for clear background, do upload it! now! smile.gif
about the rating, I don't know, cause I don't use it, but the string looks ok to me
as for your 2nd question, I don't think that's possible. there is only one kind of scrolling-text layer, and it has no such option. see the documentation here

sune
sankukaai
All right then, so I upload what i did:
- its more dark skinned so you can see it on light backgrounds
- i changed the buttons and made them black, and changed the activate button (see below)
- the 'activate' button is now the whole bar, and it activates or hides. Click on the bar, it'll show or hide fb2k.

Im still looking for the 'scroll only when mouse over feature' and how to show ratings in the bar. the rating script is implemented, so if it works for you just let me know.

Thanks again Sune

sreenshot
IPB Image

dl:
Click to view attachment
Quiark
That feature with scrolling only when mouse is over the layer doesn't exist either.. foo_title is only a simple plugin wink.gif
vivagardner
sune, i like your skin.


Would you consider inverting the colors? For example, my menu bars are silver, so what about making it look the way the skin looks when it is sitting on your black menu bars.
sune
there you go. A quick batch-invert on the images, not too much work smile.gif

when switching to the default XP visual style (silver) to see how it would suit it I realised the bar is thicker, and it does not fit in "exactly", like in my visual style. I hadn't thought of that... mellow.gif

IPB Image
CIBERUS
QUOTE(sune @ Oct 30 2006, 12:12) *

there you go. A quick batch-invert on the images, not too much work smile.gif

when switching to the default XP visual style (silver) to see how it would suit it I realised the bar is thicker, and it does not fit in "exactly", like in my visual style. I hadn't thought of that... mellow.gif

IPB Image




waw sune cool.....
(request)can u make the opsite? the font is white and the layer is black? coz i used black vs tongue.gif
sune
if you want only the text to be white you can change it yourself in the skin.xml file. change the color of the "text" layer and the "scrolling text" layer. CC000000 is the black i used. change them both to ffffffff (white).
and If you want the whole thing in white it's in the previous page for download

smile.gif

sune

CIBERUS
thanks a lot sune biggrin.gif
gatorade
is there any skins that have the ability to extend the playlist?
vivagardner
sune---- thanks a million man

I really love it.

This is really nit picky... but is there a way to make the skin sit 1 pixel lower when it is all the way at the top of the screen?

I tried to edit the image, by manually moving the transparent box down 1 notch, but then I couldn't get the skin to load. If it was just a tiny bit lower it would sit perfect on my firefox titlebar.
KrisWood
Hi guys, I'm really new to all this and putting together a skin of my own for foo_title, this may be a dumb question but, is there a list of the commands somwhere? I looked on the wiki but didn't find one. Specificly I'd like to add a resize feature and a volume slider to my foo_title skin. smile.gif
Quiark
Neither resize nor volume slider is possible in foo_title (it's a simple program wink.gif. The commands for buttons you can use are the foobar's main menu commands such as Next, Play, Open...
KrisWood
Damn, I was hoping I could ditch WMP for good sad.gif I'm too lazy to learn hotkeys or maximize foobar every time I want to change volume and even the smallest of these foo_title skins is too large to leave comfortably at the bottom of my screen. sad.gif If only there was a way to make it behave exactly like WMP's taskbar toolbar. I just got an Auzentech XM7.1 last week though and it sounds infinitely better on foobar than on WMP, so trying to take my features with me haha. Well, I guess I can just make a smaller skin (about the size of a taskbar item). Is there a way to get it to show/hide the now playing? I guess I could put in a really small scrolling area... Any suggestions for how I could get volume control working? I know you say it's not possible with foo_title, would it be hard to add to the .net code? Sorry for all the questions, I'm still getting accustomed to this thing. smile.gif

Edit: Also, I don't really want to use the system tray component, the less things running in the systray the better. Also the method that one user posted of making shortcuts for a taskbar toolbar seems kinda kludgy and I'd prefer a more elegant solution like foo_title which I can at least park at the bottom of the screen even if it's not an actual taskbar item.

Edit2: What about a time slider?
Matt Schuette
QUOTE(KrisWood @ Nov 26 2006, 16:25) *
even the smallest of these foo_title skins is too large to leave comfortably at the bottom of my screen.

Make your own skin... then you can make it arbitrarily small.

QUOTE(KrisWood @ Nov 26 2006, 16:25) *
Is there a way to get it to show/hide the now playing? I guess I could put in a really small scrolling area...

Any suggestions for how I could get volume control working?

To simply hide the now playing area, remove that layer from the skin. If you mean a toggle between showing and hiding it, foo_title doesn't currently do that. As for the volume, vlada has a pretty nice solution on his "shade" skin. It's not a slider, but again, not yet possible in foo_title.

QUOTE(KrisWood @ Nov 26 2006, 16:25) *
Edit2: What about a time slider?

No sliders of any kind in foo_title. Should you need this post haste, Quiark has graciously posted the code for foo_title on SourceForge so that we all may contribute. I have plans to do so, and sliders are very near the top on my personal wishlist. Maybe I'll bump the priority on that a bit since it seems a popular request.
Trappski
I made myself a very slim little skin... Just for me.
It has quick button for shuffle (the round circle with the S if you didn't figure that out)and displays the info about the song...
IPB Image
I definately not expect anyone to like or even want this but i thought i'd show that you don't need a fancy skin for a plugin to be very useful.
sankukaai
i got a question here,

CODE
<layer name="trackinfo" type="scrolling-text">
        <geometry type="absolute">
            <size x="379" y="3" />
            <position x="22" y="3" align="left" />
        </geometry>
        <contents spacing="0" font="Verdana" size="9">
            <label position="left" color="ff000000">%title%

$repeat(*,%rating%)[| %tracknumber%][ | %artist%][ | %album%]</label>
        </contents>
    </layer>


this is what i use, but id like to change that scrolling text to a fixed one where the end is wrapped if the title is too large.

I tried to change to "text", but whatever size I put under <size x="379" y="3" />, the text will not be wrapped and will go on miserably on the sreen without any skin behind it....
any suggestion to fix that? thanks
Quiark
Text wrapping is not supported in foo_title and overflowing is an unsolved problem. Maybe you could use some tricky formatting string to achieve what you want (using for example $iflonger, $substr and such).
drake
how do we integrate titleformat language into xml?
Quiark
Only in the text layer - like this:

CODE

<layer name="trackinfo" type="scrolling-text">
        <geometry type="absolute">
            <size x="379" y="3" />
            <position x="22" y="3" align="left" />
        </geometry>
        <contents spacing="0" font="Verdana" size="9">
            <label position="left" color="ff000000">%title% $repeat(*,%rating%)[| %tracknumber%][ | %artist%][ | %album%]</label>
        </contents>
    </layer>



Borrowed the code from sankukaai smile.gif

jakelian
Hi, Everyone.
This is my "first" post smile.gif

I was been inspired by all that master piece, so I made a little skin like below...

That is a Mac-like crystal skin, but I have to admit that that skin isn't Really as same as the Mac OS.
I just design it by my poor imagination... crying.gif crying.gif
IPB Image
It cast some simple glass & shadow effect. crying.gif

I made it just for fun tongue.gif Download it if you like it.

(P.S My grammar is very poor... SORRY..)
Quiark
jakelian: Nice skin smile.gif
Yojimbo
I modifed the CD-Cover skin even further.

I just added some controls, cause I really wanted them. wink.gif

The pic shows the play-button as mouse over.
they are usually all faded out so you can see the cover clearly.


IPB Image

Have fun, hope you like it!
Matt Schuette
I updated the foolbar skin if anyone is interested. It now shows more information and still fits nicely in the Windows XP sized title bar area. The text displayed is different based on the playback state, check out the screenshot. An astute reader contacted me about some changes... I made a few, but he made an alternate version that will hopefully show up here soon. Feel free to use this as a base or make adjustments as you see fit. Have the appropriate amount of fun!

Matt
mundschuss
so, heres my question, but first my pic:
IPB Image

i have the play count plugin.

if i make a read out of this tag, he says nothing, but he doenst read the things out! i see othiong, but it should be there, here my code:
CODE
  <layer name="plays" type="text">
   <geometry type="absolute">
    <position x="-19" y="46" align="right" />
    <size x="-18" y="60" />
   </geometry>
   <contents spacing="0" font="Verdana" size="8">
    <label position="right" color="ffffffff">%play_counter%</label>
   </contents>
  </layer>


and then my 2nd question.

is it possible to make buttons for foo_rate in this pretty useful plugin?


seeya
Matt Schuette
QUOTE(mundschuss @ Apr 1 2007, 02:43) *

CODE
  <layer name="plays" type="text">
   <geometry type="absolute">
    <position x="-19" y="46" align="right" />
    <size x="-18" y="60" />
   </geometry>
   <contents spacing="0" font="Verdana" size="8">
    <label position="right" color="ffffffff">%play_counter%</label>
   </contents>
  </layer>



The -18 in the size looks a little funky to me. Try making that positive.

QUOTE(mundschuss @ Apr 1 2007, 02:43) *

is it possible to make buttons for foo_rate in this pretty useful plugin?


If there is a menu entry for foo_rate, then yes. Any menu command can be invoked by a foo_title button.

Matt
Quiark
I'm considering giving a friend of mine a programming excercise - to create a program, that would take a properly layered PSD (or some other image format) file and slice it into several pngs along with the XML description of the skin. That would make it easier to create skins. This idea was inspired by Xion, which can load PSD directly.

Would you be interested in such a program ?
Ulquiorra
QUOTE(Quiark @ Apr 8 2007, 23:21) *

I'm considering giving a friend of mine a programming excercise - to create a program, that would take a properly layered PSD (or some other image format) file and slice it into several pngs along with the XML description of the skin. That would make it easier to create skins. This idea was inspired by Xion, which can load PSD directly.

Would you be interested in such a program ?


Programming excersises are good. Go for it!
FunkyMunky
This is a skin i made. I actually modified a previous skin in this thread called "Black".

I call it Crystal, hope you guys like it cool.gif
V1:
IPB Image

Edit: Updated with Version 2 :
IPB Image


Funky
randomtw
QUOTE(sune @ Oct 23 2006, 14:44) *

Hi everyone. First Post
biggrin.gif

I've been playing around with foobar for a while,but I had not registered..
I just found this component, I love it! So, I did this for myself, and thought I'd share it.

The two "foobar icons" on the left are for activating and shutting off foobar.
IPB Image

IPB Image

Cheers


for some reason the minimize button only brings up the window, not minimizing it
can you make one button for play/pause?
and can you also rearrange your icons so that it goes play/pause, stop, forward, backwards? thanks!
moniquid
IPB Image

This is my first time to make a foo title skin!
At first I planned to use gif animation..... <--do not support-_- crying.gif
and I planned to use.fon files.....<---do not support either.... blink.gif

This is the website of the charater I used:http://period.jp/
Hope you guys like it smile.gif

PS - please change the font if you wish... rolleyes.gif
I use japanese font as my songs are mainy japan ones.
Quiark
GIF-like animation is supported using a layer of type animation. See the documentation.

If a font is installed in the system (=Windows), it can be used.
banga77
Hi~My first "Post ".

And thanks to sune.(coz icon)IPB Image
SynchrO
IPB Image

Using font
Swis721 Ex BT
SynchrO
IPB Image

Using Font
HandelMod, Arial, Calibri
TomBarlow
Hi, this component is great, and there are some excellent looking skins in here, but I was wondering if anyone knew of one that has a stop after current button? Or I could try and make one, but can anyone tell me how to put one together, is there something I need to write .xml files, or will notepad do? Oh and is there a way to make a play/pause button that shows pause when something is playing, and play when it's paused or stopped? Maybe using that COM automation component??

Cheers.
Quiark
Notepad is fine for XML. You can just take an existing skin and add or change an existing button - that's quite easy.

Changing the button at runtime is not currently supported, but it's rather easy to add this functionality to foo_title (it's in C# which is quite a friendly language).
TomBarlow
Thanks, I had a look around, read the manual etc and I've made a skin, although it's not perfect. It's meant to be a kind of miniplayer/desktop widget thing. I think it suffers from it not updating on stop, so it looks pretty dodgy when you load it or sometimes when you stop playback (eg after playing an online stream). It has a play/pause button, a stop after current toggle and a progress bar/scroller for streams, which I managed to make using titleformating in the geometry parts. If anyone want to make it look more consistent I'm sure they can, I've included a play/pause button in the rar for people to use. It'll do for the moment, here it is:

IPB Image

I included the PSDs in case people want to edit those too. Oh and I took the foobar mask thing from one of the skins in this thread, (foostick) I hope that's OK!

Another thing, it uses cwb_hooks for some of the titleformating, so some people might need that.

Cheers.
jacobbrett
Royale Noir ('Royale Noir.zip' attachment): based on the XP theme.
I plan to update this skin pretty soon, add better button functionality (its basically a re-skinned 'thin2').
IPB Image
silv3rmind
Hi, I was checking this topic and noticed some problems with the placement of the foo_title plugin and I have a different on this. I've been using a program called AutoHotKey, with it you can do some simple programming and add lots of features to your system, being one of the main ones the ability to add hotkeys to your system with almost no restrictions. And so with this little app, I have one of the side buttons of my mouse to show/hide foo_title, so there's no problem which size the skin is or where it is placed.

This is the code I use for it:

CODE
1 DetectHiddenWindows, Off
2 GroupAdd, g_foo_title, ahk_class WindowsForms10.Window.8.app.0.33c0d9d
3
4 XButton2::
5 IfWinExist ahk_group g_foo_title
6     WinHide ahk_group g_foo_title
7 else
8     WinShow ahk_group g_foo_title
9 return


Explaining the above for those that aren't so keen on this kind of stuff:

- Line 1: this option has to be turned off so that this little trick can work, so it'll be able to "hide" the foo_title window from the system;
- Line 2: creates a "group" of windows called "g_foo_title", and adds "WindowsForms10.Window.8.app.0.33c0d9d" class to it (which is the name of the class of foo_title, this name can be found with a little app that comes with AutoHotKey);
- Line 4: This tells which key (or combination) will be used to activate the code below, in my case, XButton2 refers to the 2nd side button on the mouse, a combination like "#s" can be used to represent the WinKey+S combination or "^!s" which represents "Ctrl+Alt+S";
- Line 5: It reads like, "if a window, from the "g_foo_title" group exists then";
- Line 6: this line sends a "Hide" command to the found window, and so the foo_title will not be shown;
- Line 7, 8: if it doesn't exist (even if foobar is running with foo_title, when the "hide" command is set, the it will not be found because of the turned off option on line 1), show the window belonging to the "g_foo_title", and foo_title is shown;
- Line 9: this line must be included in the end of a procedure so that it stops, or else anything below would be read too.

And so with this running in background, and foo_title set to be "Always On Top", each time I press the side button on my mouse if foo_title is being shown, it is hidden and vice-versa ^^

The documentation of this app is really great and pretty extensive with lots of details so you can learn how to do almost anything in it easily =) hope it helps.

PS: If anyone is interested in this app and need some help making it work I'll gladly give a hand on what I can ^^
jacobbrett
Royal Noir v1.1
-redone shadows
-added play/pause functionality (though buggy on skin initialisation)

UPDATE: v1.2 available here: Royale Noir v1.2
BuM
This Dont Have everything i wanted but im running outta time so ill updated it later smile.gif

IPB Image

Enjoy

Click to view attachment
fffun
here is mine " frankenstein" made out of other skins if any1 can help in 2 subjects:
1. how to make trackbar scrolable if its posible?
2. how to make resize skin to the right if posible?

IPB Image


<img src="http://www.imagehosting.com/out.php/t1688708_fffun.JPG" border="0" alt="IPB Image" />

its not green its transparent
logo is hide/unhide and numbers r shufle repeat default
Quiark
I use this code to make an image move to the right as the song plays:
CODE

    <layer name="bar" type="absolute-images">
        <geometry type="absolute">
            <size x="33" y="9" />
            <position x="$add(41, $mul(4, $div($mul(%playback_time_seconds%, 94), %length_seconds%)))" y="13" align="left" />
        </geometry>
        <contents>
            <image src="tracker3.png" />
        </contents>
    </layer>


To make the skin change size you need to use the full geometry. See the documentation and the white skin which changes size as the text changes it's size.
fffun
thank you for helping but its my mistake couse my skin does resize to the right like white one what i ment is how to make it resize to the left? - sorry for posting wrong
and i do have a track bar for track position but i wonder if it can be scrollable like a button?
Quiark
Extending to the left is not supported.. and a controllable trackbar also isn't possible. Sorry smile.gif
fffun
Pity wink.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2008 Invision Power Services, Inc.