Hydrogenaudio Forums > Columns UI / Panels UI appearance

Falstaff

Dec 26 2006, 15:52

QUOTE(syntech @ Dec 26 2006, 21:18)

Ok, got that (and I thought it's an album art panel

)

And how did you do the transparency? With a partly transparent background picture with the grey color transition on top and the CD cover? Ok, in theory, the transparency could be done manually py adding 255 times the mirrored image with alpha-transparency+1

... But you said you only use imageabs2 two times, so I'm pretty sure it must be a background picture. (no?)

yep! a gradient white (235-230-225) to tansparent color to cover the flip-Y cover !

don't forget th reflect

extract of the code

CODE

$imageabs2(339,300,0,0,339,300,25,$add(0,$get(addy)),'images4\cdcase.png',alpha-230nokeepaspect)
$imageabs2(339,250,0,0,339,250,25,$add(301,$get(addy)),'images4\cdcase.png',alpha-230nokeepaspectROTATEFLIP-6)
$imageabs2(292,287,0,0,292,287,61,$add(7,$get(addy)),'images4\nocover.png',alpha-255nokeepaspect)
$imageabs2(292,240,0,0,292,240,61,$add(307,$get(addy)),'images4\nocover.png',alpha-255nokeepaspectROTATEFLIP-6)

$imageabs2(292,287,0,0,292,287,61,$add(7,$get(addy)),$replace(%path%,%filename_ext%,cover.jpg),nokeepaspect)
$imageabs2(292,240,0,0,292,240,61,$add(307,$get(addy)),$replace(%path%,%filename_ext%,cover.jpg),nokeepaspectROTATEFLIP-6)

$imageabs2(350,302,0,0,350,302,20,$add(300,$get(addy)),'images4\reverse_overlay6.png',nokeepaspect)
$imageabs2(300,300,0,0,300,300,59,$add(5,$get(addy)),'images4\reflet300.png',alpha-125)

i'll try to present the entire config (code + pictures) tomorrow

---
Falstaff

bvm

Dec 26 2006, 16:32

Thanks to Yann for the basic idea. I couldn't ask him for his code because I wasn't a member of the forum, so I had to do it myself! I guess that is a good thing, its helped me learn so much more about foobar than I ever could by just copying and pasting codes.

This is the foobar I copied.

Moderation: Please do not inline images larger than roughly 800x600 and 80KB. Please use thumbnails and/or links for large pictures instead.

Nickoladze

Dec 26 2006, 23:31

Love those GANT icons

Lorraine

Dec 27 2006, 11:44

Something simple and unfinished to go with my hmmXP. Not happy with it but it's a work in progress and it has all I need.

IPB Image

Russell777

Dec 27 2006, 14:56

Getting towards the end

gizbug

Dec 28 2006, 13:01

QUOTE(johdax @ Dec 23 2006, 09:47)

QUOTE(skelly831 @ Dec 12 2006, 01:01)

Simple and functional:

IPB Image

It's a ripoff of this.

simple awesomeness, would share some code?

Brand new at skinning anything in foobar. Right now I have the default look. Is there a quick/easy way to get mine looking like this? (ie an installer, or copy files over to get this look, without all the programing?)

skelly831

Dec 28 2006, 13:23

QUOTE(gizbug @ Dec 28 2006, 11:01)

Brand new at skinning anything in foobar. Right now I have the default look. Is there a quick/easy way to get mine looking like this? (ie an installer, or copy files over to get this look, without all the programing?)

The code for this config isn't really worth posting

, its just two track_info_mod panels, one displaying the album art and the other displaying the track info, standard button setup with PNG's from the tango project site, tabbed panel mod with buttons for playlist display and album list, a very minimal SCP config using !noheader! and playlist dropdown with just the colors changed.

If you have trouble with something like this, you should read the wiki and some guides and manuals. This is very basic stuff.

hexonn

Dec 28 2006, 19:01

fookay!!

not as advanced as some of the others, and i need a better config under the album art, but o well

syntech

Dec 28 2006, 20:41

QUOTE(Falstaff @ Dec 26 2006, 22:52)

i'll try to present the entire config (code + pictures) tomorrow

---
Falstaff

Would be great.

schluepfer

Dec 29 2006, 09:30

finally decided to go single columns playlist

:

anishbenji

Dec 29 2006, 09:37

QUOTE(schluepfer @ Dec 29 2006, 11:30)

finally decided to go single columns playlist

:

Nice look. Could you share your album art images. Do you have the CD just by itself as well?
Anish

schluepfer

Dec 29 2006, 10:09

QUOTE(anishbenji @ Dec 29 2006, 15:37)

QUOTE(schluepfer @ Dec 29 2006, 11:30)

finally decided to go single columns playlist

:

Nice look. Could you share your album art images. Do you have the CD just by itself as well?
Anish

the disc-image is from the crystal-clear-icons. the case is this one, resized.

Safe Drive Home

Dec 29 2006, 10:24

Click for full. Album art is nifty, I'm still cleaning it up though. Snagged the SCPL string from one of tool's, modified it to my needs.

Embarassed to say I'm just now realizing you can in fact do text buttons in tim.

Here's the PSD for what I've done for the image anyway, if anyone wants to mess with it. vinyl on top of album art on top of background. All images I have are in album folders and nice and square with no frills, I needed some way to make them look pretty

schluepfer

Dec 30 2006, 08:00

QUOTE(schluepfer @ Dec 29 2006, 16:09)

QUOTE(anishbenji @ Dec 29 2006, 15:37)

QUOTE(schluepfer @ Dec 29 2006, 11:30)

finally decided to go single columns playlist

:

Nice look. Could you share your album art images. Do you have the CD just by itself as well?
Anish

the disc-image is from the crystal-clear-icons. the case is this one, resized.

created an own cd-case now

: http://www.hydrogenaudio.org/forums/index....mp;#entry460572

SwiftBass

Dec 30 2006, 16:49

QUOTE(hexonn @ Dec 28 2006, 19:01)

fookay!!

not as advanced as some of the others, and i need a better config under the album art, but o well

i love large album arts like that, i mean some ppl go through alot to get good resolution covers so why not make it big eh
what VS is that?

kyller

Dec 31 2006, 13:17

QUOTE(skelly831 @ Dec 28 2006, 17:23)

The code for this config isn't really worth posting

, its just two track_info_mod panels, one displaying the album art and the other displaying the track info, standard button setup with PNG's from the tango project site, tabbed panel mod with buttons for playlist display and album list, a very minimal SCP config using !noheader! and playlist dropdown with just the colors changed.

If you have trouble with something like this, you should read the wiki and some guides and manuals. This is very basic stuff.

How I align the artist - title a few pixels to the right of the numbers?
IPB Image

Look at my item display:

CODE

$ifequal($mod(%_itemindex%,2),0,
$drawrect(0,0,0,0,pencolor-0-0-0 alpha-15),)

$if(%_selected%,$drawrect(0,0,0,0,brushcolor-SYSCOL-13 pencolor-null))
$if(%_focused%,$drawrect(0,0,0,0,brushcolor-null pencolor-SYSCOL-6))
$if(%_selected%,$textcolor(SYSCOL-9),$textcolor(SYSCOL-8))

$padding(6,0)
$align(left,middle) $font(Comic Sans MS,7,,145-145-145)%list_index%

$font(Tahoma,8,,119-84-84)%artist% -
$font(,,,0-0-0)%title%

morishani

Dec 31 2006, 13:30

Thats my first here

Well, i got a question too, you see the selection? how can i disable the (black 1px) border of the selection?
Thanks.

blaxima

Dec 31 2006, 14:21

QUOTE(FalledAngel @ Dec 31 2006, 15:17)

How I align the artist - title a few pixels to the right of the numbers?
Look at my item display:

CODE

$ifequal($mod(%_itemindex%,2),0,
$drawrect(0,0,0,0,pencolor-0-0-0 alpha-15),)

$if(%_selected%,$drawrect(0,0,0,0,brushcolor-SYSCOL-13 pencolor-null))
$if(%_focused%,$drawrect(0,0,0,0,brushcolor-null pencolor-SYSCOL-6))
$if(%_selected%,$textcolor(SYSCOL-9),$textcolor(SYSCOL-8))

$padding(6,0)
$align(left,middle) $font(Comic Sans MS,7,,145-145-145)%list_index%

$font(Tahoma,8,,119-84-84)%artist% -
$font(,,,0-0-0)%title%

Just add a space before %artist%

QUOTE(morishani @ Dec 31 2006, 15:30)

Thats my first here

Well, i got a question too, you see the selection? how can i disable the (black 1px) border of the selection?
Thanks.

You should have a line that looks something like this in your code

CODE

$if(%_isplaying%,$drawrect(0,0,0,0,brushcolor-69-69-69 pencolor-108-147-116)

just change the pencolor to

CODE

$if(%_isplaying%,$drawrect(0,0,0,0,brushcolor-69-69-69 pencolor-null)

skelly831

Dec 31 2006, 14:42

QUOTE(FalledAngel @ Dec 31 2006, 11:17)

How I align the artist - title a few pixels to the right of the numbers?

I used $alignabs to display the track numbers and titles in straight columns, and used an $if to see if track number exists, if it doesn't (singles) the title gets aligned with to the first column (tracknumber).

EDIT: I don't have the code for this anymore so I can't provide the $alignabs values

kyller

Dec 31 2006, 16:25

thanks, blaxima and skelly831.

blaxima, it almost fixed my problem, but I used "Comic Sans MS" (in the numbers) and this font isn't monospace, the following contents became a little disaligned.
See, for example, the 'trace' ( - ) change between 09 and 10

IPB Image

skelly831

Dec 31 2006, 20:11

FalledAngel, you can fix that problem with $alignabs, use one $alignabs for tracknumber so it has its own column, and another $alignabs for the artist - title display so it has its own column too, thats how I got mine to look nice and straight with Calibri.

tool++

Jan 1 2007, 06:04

Why would you want to use comic sans ms for anything, ever?

But yeah skelly is right.

My config is really boring and hasn't changed much for ages but I really like it as it's functional and nice :]

Yotsuya

Jan 1 2007, 07:38

Well I have not posted an image for awhile, I too have pretty much settled into my existing design. However It's hard to go very long without tweaking something so here it goes:

Images from left to right:

- Playlist showing albums including indicators for playback queue
- I freely mix singles with my albums and they appear in different styles. This one also shows my pop-up multifunction panel I use to select albums, view song details, console events, etc. The icons are clickable to popup the tag properties.
- This center one is my online radio playlist, sorted and grouped by genre and stream type. This again shows my pop-up panel, the cover art has been replaced to indicate it is an online stream
- This is ProjectM, with my popup panel in a "no cover" scenerio
- Finally, more ProjectM

EDIT: Replaced images due to image hosting issues.

neomcnasty

Jan 1 2007, 20:33

I postet my foobar some time ago, now I decided to go on with foo_uie_single_columns_playlist

I made a very simple but useful config...
Link (stopped)
Link (playing)

Pancho

Jan 1 2007, 23:49

QUOTE(Russell777 @ Dec 27 2006, 21:56)

Getting towards the end

Awesome,I love the simpleness.

QUOTE(hexonn @ Dec 29 2006, 02:01)

fookay!!

not as advanced as some of the others, and i need a better config under the album art, but o well

Also really awesome.

I wish I had the skills to pull that kinda stuff of,at the moment I just made my background black and text white and added album art in a little box bottom left.

Meh

drake

Jan 2 2007, 01:47

QUOTE(schluepfer @ Dec 29 2006, 11:09)

QUOTE(anishbenji @ Dec 29 2006, 15:37)

QUOTE(schluepfer @ Dec 29 2006, 11:30)

finally decided to go single columns playlist

:

Nice look. Could you share your album art images. Do you have the CD just by itself as well?
Anish

the disc-image is from the crystal-clear-icons. the case is this one, resized.

wait....

how do you put images in the columns playlist??!?!?

drake

Jan 2 2007, 02:35

wow, go away for a few months and scp shakes things up

will have to see how i can integrate it into the classic:

vertigo1980

Jan 2 2007, 03:55

with some help from malde (thanks again

)...

Aid

Jan 2 2007, 07:03

Hey guys, lovely configs throughout this thread.

I was just wondering if this config has been released?

http://img19.imageshack.us/my.php?image=browserjz9.jpg
http://img88.imageshack.us/my.php?image=lyricsoh4.jpg

EDIT: Oops, I found the answer.

lazy

Jan 2 2007, 07:31

borrowed new color scheme:

schluepfer

Jan 2 2007, 13:20

QUOTE(drake @ Jan 2 2007, 07:47)

QUOTE(schluepfer @ Dec 29 2006, 11:09)

QUOTE(anishbenji @ Dec 29 2006, 15:37)

QUOTE(schluepfer @ Dec 29 2006, 11:30)

finally decided to go single columns playlist

:

Nice look. Could you share your album art images. Do you have the CD just by itself as well?
Anish

the disc-image is from the crystal-clear-icons. the case is this one, resized.

wait....

how do you put images in the columns playlist??!?!?

it's the scp-plugin: http://wiki.hydrogenaudio.org/index.php?ti...29#.24imageabs2

tool++

Jan 2 2007, 14:47

To be honest my latest foo is really simple and not very graphical at all (doesn't use scpl) - I got annoyed with the text rendering of SCPL and realised I just wanted a functional playlist like the one in this shot.

Its really easy to maintain, as well.

IPB Image

skelly831

Jan 2 2007, 14:51

I... I remember now! OMG! it's Columns UI!

tool++

Jan 2 2007, 15:33

it is!

quasimofo

Jan 2 2007, 16:07

tool++: mind sharing your config plz?

columnsui ftw!

tool++

Jan 2 2007, 17:17

Okay this has everything in it:

toolej_xx0r-columns

gl/hf

Plastic Snake

Jan 2 2007, 17:44

QUOTE(Safe Drive Home @ Dec 29 2006, 08:24)

Click for full. Album art is nifty, I'm still cleaning it up though. Snagged the SCPL string from one of tool's, modified it to my needs.

Embarassed to say I'm just now realizing you can in fact do text buttons in tim.

Here's the PSD for what I've done for the image anyway, if anyone wants to mess with it. vinyl on top of album art on top of background. All images I have are in album folders and nice and square with no frills, I needed some way to make them look pretty

Do you think you could post the fcs for your style? I love it. I just upgraded to .9.4.2 and I figured it was time for a new style.

Oh hey the SCPL stuff was posted right above. Cool

drake

Jan 2 2007, 19:41

QUOTE(tool++ @ Jan 2 2007, 15:47)

To be honest my latest foo is really simple and not very graphical at all (doesn't use scpl) - I got annoyed with the text rendering of SCPL and realised I just wanted a functional playlist like the one in this shot.

Its really easy to maintain, as well.
snip

i DLed your setup...

only thing i cant get are your buttons... whats that setup?/what images?

hexonn

Jan 2 2007, 22:33

QUOTE(SwiftBass @ Dec 30 2006, 14:49)

i love large album arts like that, i mean some ppl go through alot to get good resolution covers so why not make it big eh
what VS is that?

large cover arts are the best, although, that one isn't as high res as i would want it

Japan or something, from 4impressions.net

slight change of the buttons

TedFromAccounting

Jan 3 2007, 02:46

Something i've been working on...

SCPl is based on callisto's (which is based on tool++'s old config). Got the background the for the trackinfo from somewhere in this thread, same goes for the code for the progress bar. Still got a few things to do, but this is the basic layout. Nothing amazing.

tool++

Jan 3 2007, 03:33

The buttons are in the buttons release thread. Go find 'emyerself

QUOTE(TedFromAccounting @ Jan 3 2007, 08:46)

Something i've been working on...

SCPl is based on callisto's. Got the background the for the trackinfo from somewhere in this thread, same goes for the code for the progress bar. Still got a few things to do, but this is the basic layout. Nothing amazing.

o.- did callisto completely rewrite my old config or something? or is callistos based off of mine? :S

TedFromAccounting

Jan 3 2007, 03:51

QUOTE(tool++ @ Jan 3 2007, 04:33)

o.- did callisto completely rewrite my old config or something? or is callistos based off of mine? :S

Hmm lol, i don't know, callisto's code was posted a few pages back and i didn't dig further back, so it's very possible.

edit: yeah, its based off of yours http://www.hydrogenaudio.org/forums/index....mp;#entry449268 sorry, will edit my post to reflect that.

lazy

Jan 3 2007, 04:19

QUOTE(quasimofo @ Jan 2 2007, 16:07)

columnsui ftw!
...

nice looks
could you share your config please too?

towa

Jan 3 2007, 11:06

Here's my simple, windows xp silver based SCPL. The screenshot was taken so you can see singles, albums with multiple disks and vinyls.

Digital Ruse

Jan 3 2007, 13:39

QUOTE(Falstaff @ Nov 19 2006, 08:33)

Hi foo'men

Just a post to present my foobar config (CD-Cover style)

Thanks for your comments !

IPB Image

---
br3tt

I know the author mentioned they would be adding it to the config thread, but I was curious as if anyone knew how he created the volume controls as well as the rating controls in his layout?

-DR

Snowsfall

Jan 3 2007, 14:21

blankfaze

Jan 3 2007, 17:02

QUOTE(schluepfer @ Dec 29 2006, 09:30)

finally decided to go single columns playlist

:

schluepfer ... this looks really nice. I am still using columns playlist but this makes me want to switch... would you mind sharing the SCPL code?

Khaine

Jan 4 2007, 02:50

This is my current foobar setup, I'm not as happy with it as I'd like to be so hopefully I can improve upon it

Ronny Pries

Jan 4 2007, 05:17

QUOTE(TedFromAccounting @ Jan 3 2007, 09:46)

Something i've been working on...

SCPl is based on callisto's (which is based on tool++'s old config). Got the background the for the trackinfo from somewhere in this thread, same goes for the code for the progress bar. Still got a few things to do, but this is the basic layout. Nothing amazing.

Sexy!

'Can i have it like that?'

Ronny

ryknow

Jan 4 2007, 06:58

QUOTE(baworak @ Dec 19 2006, 13:13)

That's real nice, Could you possibly share your config