Audiosoft Forums - powered by XMB

Development Notes (All Skin Engine Additions Listed Here)

Audiosoft - 5-3-2004 at 02:48 AM

1.) If you only update one of the songlist.dis, songlist-large.dis, songlist-Xlarge.dis files makes sure to copy the contents of the file you modified into the others.

2.) It has come to our attention that the "searchbox.jpg" file when applied does not completely cover the search box....as v3.8 clips part of the image...leaving a couple pixels of blue on the bottom and right. We have fixed this in v3.83 so that it shows your entire "searchbox.jpg" image over the searchbox.

Audiosoft - 5-21-2004 at 07:45 PM

[RightBrdinNP]
Background=

in colors.ini does to get applied correctly in v3.80 (as a white border line always remains)...This has been fixed in v3.83.

The following was also added to colors.ini in v3.83:

[PlayTime ProgressBar]
nonElapsedBG=

[ArtistList]
RightBorder=

Audiosoft - 5-31-2004 at 11:51 PM

v3.83 adds support for usage of filters in the nowplaying.dis file.

In addition, the following was added to the bottom of the nowplaying.dis file:

[AutoScroll]
Title=15
Artist=15
Album=15
Settings=WIDTH=100% DIRECTION=Left BEHAVIOR=SLIDE SCROLLAMOUNT=1 SCROLLDELAY=10

[ShowArtistOverTitle]
Enabled=0

Replace "15" with the number of characters the text must contain (v3.999 Update: when the now playing panel is at the minimum width) in order for scrolling to turn on. Change this number to a really high number such as "9999" or do not include it in the .dis to disable scrolling.

Audiosoft - 6-23-2004 at 07:19 PM

The following has been added to colors.ini for v3.85.

:-ProgressBar Color Definitions-
:-----------------------------------

[ProgressBars]
AlbumListBack=16744576
AlbumListBar=12468792
PlayListBack=12468792
PlayListBar=16744576

:-Songlist History Forward and Back Button Positions (Pixels x 15)-
:------------------------------------------------------------------
[BackArrow]
XPos=480
YPos=705

[ForwardArrow]
XPos=900
YPos=705

If you want your skin to change the album list scrollbars from the windows default you may now add a file named albumlistscroll.dis with the following contents to your skin:

body {
scrollbar-face-color: #87B8EA;
scrollbar-shadow-color: #87B8EA;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #87B8EA;
scrollbar-darkshadow-color: #87B8EA;
scrollbar-track-color: #D6D6D6;
scrollbar-arrow-color: #FFFFFF;
}

You can now also add the above to the top of homeview.ini in v3.86 to change the scrollbar colors in the home view.

*Note: You must refresh the album list after changing skins in eJukebox to see skin changes on it.

In addition, v3.85 fixes some alignment issues where the interface background images did not line up correctly (leaving lines of color) pre v3.85.

v3.85 also fixes it so text and background colors specified in the nowplaying.dis and playlist.dis always get applied correctly.

v3.85, will automatically detected changes to SkinName.zip files in the Skins folder (i.e. new version of the same skin) and reload the skinname.zip contents to its images folder. That way you can update your skin and when users replace the old SkinName.zip it will use the updated Skin in eJukebox.

Audiosoft - 7-13-2004 at 08:00 PM

Using albumlistscroll.dis you can set the font for the artist text and the album name text in the album list....here is the albumlistscroll.dis file's contents:

body {

scrollbar-face-color: #9F0002;
scrollbar-shadow-color: #1B2932;
scrollbar-highlight-color: #FF0000;
scrollbar-3dlight-color: #FF0000;
scrollbar-darkshadow-color: #330000;
scrollbar-track-color: #333333;
scrollbar-arrow-color: #FF0000;

}

.artisttext {font-weight: bold; font-size:20pt;
font-family: bitsumishi, Arial, sans-serif;

}

.albumtext {font-weight: bold; font-size:12pt;
font-family: bitsumishi, Arial, sans-serif;
}

Audiosoft - 10-6-2004 at 10:48 PM

v3.95 also adds the ability to change the On Click Animation Effect:

In colors.ini add:

[AnimationEffect]
Color=0

Replace 0 with the long value for your color.

Audiosoft - 6-1-2005 at 10:09 PM

eJukebox v3.98 adds the ability to replace all the scrollbars in eJukebox with large up and down AutoScroll Buttons. You can add the following to your skin's colors.ini to specify the colors for each button:

:-AutoScroll Buttons-
:------------------------------------------------------------------

[ScrollButtonAlbumList0]
Background=0
Text=16777215
HiBackground=8388608
HiText=16777215
Style=14

[ScrollButtonAlbumList1]
Background=0
Text=16777215
HiBackground=8388608
HiText=16777215
Style=14

[ScrollButtonSongList0]
Background=0
Text=16777215
HiBackground=8388608
HiText=16777215
Style=14

[ScrollButtonSongList1]
Background=0
Text=16777215
HiBackground=8388608
HiText=16777215
Style=14

[ScrollButtonArtistList0]
Background=8388608
Text=16777215
HiBackground=0
HiText=16777215
Style=14

[ScrollButtonArtistList1]
Background=8388608
Text=16777215
HiBackground=0
HiText=16777215
Style=14

Audiosoft - 6-23-2005 at 01:08 AM

v3.98 adds the ability to set row alternating background colors for the artist list

.Artistrow { } and .Artistrow2 {} can now be used in artistlist.dis

You can now also set the size of the play now icon in the songlist by adding the following to songlist.dis.

.playicon{width: 20px;height: 20px;}

Also,

.albumimage {} can now be used in nowplaying.dis to allow for changes to album image filter

Pirk - 4-17-2006 at 10:20 AM

Quote:

Message original : Audiosoft
.albumimage {} can now be used in nowplaying.dis to allow for changes to album image filter

Audiosoft,

Could you explain how to use this feature?
I've tried to include it in my skin.. but no success!

Thanks.

Audiosoft - 4-17-2006 at 12:55 PM

Hmm..

In nowplaying.dis you can use any of the filter: statements and have it distort the cover image in different ways or change alpha transparency.

For Example:

.albumimage {
filter: Wave(Add=0, Freq=5, LightStrength=20, Phase=20, Strength=20);
}

You can use any of the filters found here:
http://www.fred.net/dhark/demos/css/css_filter_examples.html
(only works in Internet Explorer)

Pirk - 4-17-2006 at 01:26 PM

Ah OK... your filter is very nice, but I think it is too much distorting for album images!

So in the .albumimage it seems it's only possible to specify a filter, not a background-color or background-image that would be only applied behind the album image?

Because I've put a red background in body {} and the highlight effect when the mouse pass over the album image is red too! I would like to get a highlight effect in white and only behind the album image (small or large..), while keeping my red background image. So that is not possible?

Thanks.

Audiosoft - 4-17-2006 at 01:37 PM

RE: Ah OK... your filter is very nice, but I think it is too much distorting for album images!

Ha. I totally agree. The only .albumimage filter worth using (other than possibly Gray and XRay) is Alpha. The others distore the image too much.

I am looking into if I can make it change the mouse over effect.

Pirk - 4-17-2006 at 01:50 PM

Thanks!
I've just tried your .cdcaser2. It works good, but it produce the opposite effect that I would like: my white background disappears when the mouse pass over the album image, so the album image is still highlighted in red..

Pirk - 4-17-2006 at 01:51 PM

Quote:

Message original : Audiosoft
I am looking into if I can make it change the mouse over effect.

Ah Thanks!

Audiosoft - 4-17-2006 at 02:09 PM

You can try
div { background-color: #FF0000;}
instead and it will make the image fade to the color (or background image) when the mouse is over it. But it also makes a border show up around the cover image when not highlighted. You could probally get creative and use a gif with tranparent pixels on the border...but it may be complicated since you can not stretch the background image only tile or center it.

Pirk - 4-17-2006 at 02:21 PM

Quote:

Message original : Audiosoft
You can try
div { background-color: #FF0000;}
instead and it will make the image fade to the color (or tiled background image) when the mouse is over it. But it also makes a border show up around the cover image when not highlighted.

I've tried div { background-color: #FFFFFF;}:
The highlight effect is good (in white), but as you say the white border is.. in the way! That would be great if it could only appear behind the album image, so it would just highlight the album image. Thanks.

Audiosoft - 6-27-2006 at 05:36 AM

v4.0 alpha 4 adds the ability to skin the carousel background color. you can add the following to colors.ini to change the carousel background color

:-Album Carousel Definitions-
:--------------
[Carousel]
BgColor=#000000
:--------------

Audiosoft - 8-26-2006 at 05:35 AM

Optionally add the following to colors.ini to exactly specify new a-z slider colors

[AZSlider]
Background=16744538
Text=0
HiBackground=16777215
HiText=0
Style=3

Audiosoft - 2-20-2007 at 10:26 PM

To get rid of the albumrule line (in eJukebox v4.3 later) in the songlist you can add the following:

[SongList]
DisableAlbumRule=1

to the bottom of songlist.dis to hide the albumrule lines. Do NOT put this inside .albumrule { }. Only add it to the end of the songlist.dis files right before /* END eJukebox Song List Display Definitions */

Audiosoft - 2-27-2007 at 05:36 AM

v4.3 Beta 2
Added support for including 'songlistbot.png' in skin to have the png image stretched over the unused area under songlist.

v4.3 Beta 3
Adds support for use of the following in colors.ini to hide now playing area left and right border lines.

[BrdinNP]
Hide=1

Audiosoft - 3-6-2007 at 08:51 AM

eJukebox v4.3 beta 6 adds support for adding the following to the bottom of any of the songlist.dis files:

[SongList]
PlayImage=filename.jpg
PlayOnImage=filename.gif
ArtistArrowImage=filename.png
ArtistArrowOnImage=filename.png

With this you can specify any image you want to use and the large and extra large songlists can use totally different images instead of the default audio3off.gif, audio3on.gif, artistshowarrow.gif and artistshowhiarrow.gif.

Audiosoft - 3-16-2007 at 07:08 PM

eJukebox v4.5 adds support for skinning the Scroll Sliders.

-add artistslider.png to skin for the scroll slider image. optionally add songslider.png and albumslider.png to specify different sliders for the song and album lists.

-add the following to colors.ini to change horizontal position of sliders
[ScrollSliders]
ArtistOffSetX=0
SongOffSetX=0
AlbumOffSetX=0

Replace the 0 the positive or negative number of pixels.

Audiosoft - 11-7-2007 at 08:46 AM

eJukebox v4.89 allows for an .artistheader { } in albumscroll.dis to independently skin artist name headers in the album list. This goes along with the ability to use td { } inside the albumscroll.dis to set a gif/jpg/png background for the area around the albums.

Audiosoft - 12-7-2007 at 04:10 AM

v4.90 Beta adds the LCD time display to the Song Change Popup. You can skin the LCD and the png that shows up behind it by copying the following files to your skin's albumpop folder.

Crogram FileseJukeboximagesalbumpoptimeback.png
Crogram FileseJukeboximagesalbumpoplcd.ini

timeback.png - can contain alpha transparency and is displayed between the cover and the lcd
lcd.ini - lets you set long color values for the lcd display:

[LCD]
BackColor=0
BorderColor=0
BurnInColor=5263360
SegColor=16776960

Audiosoft - 12-8-2008 at 09:40 AM

Can now add an AlbumListHeaderANI.gif to skin to overlap AlbumListHeader.jpg with an animated gif

eJukebox 5 beta 36 adds support for 'visoralbumlistbar.png'
for an alpha PNG over top of the albumlist bar.

Makes it possible to alpha overlay ontop of the AlbumListHeader.jpg + buttons and extend the shape of the bar and/or create a shadow effect over the album list.

It will automatically stretch the PNG horizontally over the albumlist bar to match the edv or non edv width.

Audiosoft - 2-24-2009 at 10:52 PM

New in 4.99.52:
-new ability to skin the Volume Slider any size with alpha transparent PNG files....
-can add a "volumeslider.png" of any size to the skin to replace the old volume jpeg slider.
-optionally add any size "volumetrack.png" to the skin to show under the new "volumeslider.png". omit this file to show no track
-optionally add the following to colors.ini to set the number pixels (+ or -) the volumeslider.png is from the left side:
[ScrollSliders]
VolumeOffSetX=0

Audiosoft - 2-25-2009 at 01:33 AM

volumetrack.png

Pirk - 2-25-2009 at 03:11 PM

Ah you also give us your new pngs! Thanks.

Audiosoft - 3-3-2009 at 08:25 PM

with v4.99.54+
-can now use the following to colors.ini to change the video window alignment (+/-number pixels)
[VideoOffset]
Top=0
Height=0
Left=0
Width=0

Audiosoft - 3-10-2009 at 08:28 PM

v4.99.55
-added support for png stars in the songlist instead of gif. add star1.png star2.png star3.png and star4.png to replace .gifs
-added support for png pickcountbar in the songlist instead of gif. include pickcountbar.png to replace pickcountbar.gif

Audiosoft - 3-17-2009 at 06:47 AM

eJukebox v4.99.57
-new skin ability to create custom faded/gradient/shadowed looking text on each artist name in the artist list and each song title in the songlist

-can now optionally add any of the following to artistlist.dis to layer an alpha PNG image OVER each Artist name's text:
.Artistrow span {background: url(your.png) repeat-x;}
.Artistrow2 span {background: url(your.png) repeat-x;}

-can now optionally add any of the following to songlist.dis to layer an alpha PNG image OVER each Song Title's text:
.title span {background: url(your.png) repeat-x;}
.titlehi span {background: url(your.png) repeat-x;}
.titleedithi span {background: url(your.png) repeat-x;}

it is hard to see in this white skin screenshot but the new .dis pngs actually blend over the text (based on alpha channel in png). The png used in this screenshot is very transparent. It should be possible for skins to display fading/gradient looking text with the right png.

Pirk - 3-17-2009 at 10:21 AM

Ah ah.. beautiful effect Audiosoft!
No doubt this new layer of PNGs will help us to produce even more surprising effects. Thanks.

Audiosoft - 3-17-2009 at 08:58 PM

Add text line shadows and/or overlay/fade/gradient style text effects on the songlist track titles by using a png image:

requires eJukebox v4.99.57 or newer

Song title overlay effect:
add the following to songlist.dis:
.title span { margin-top: -6px; background: url(overglow.png); background-repeat:no-repeat; }
.titlehi span { margin-left: -3px; margin-top: -6px; background: url(overglow2.png); background-repeat:no-repeat; }
.titleedithi span { margin-left: -3px;margin-top: -6px; background: url(overglow3.png); background-repeat:no-repeat; }

change the "margin-top:-6px;" to adjust the png related to the text. add "height: 100% to make the png display equal to the lines of text

Song title shadow/under text effect:
To show a png image BEHIND the text you can use "div" instead of "span".

.title div{ margin-top: -10px; background: url(overglow.png); background-repeat:no-repeat; position: absolute; }
.titlehi div{ margin-top: -10px; background: url(overglow2.png); background-repeat:no-repeat; position: absolute; }
.titleedithi div{ margin-top: -10px; background: url(overglow3.png); background-repeat:no-repeat; position: absolute; }

add "position: absolute;" to the .title div{} to make the png appear behind the text portion only and not extend to the full area width.

just remember that songlist.dis's .title and .artistshow DIV is behind the text and SPAN is on top of the text.

Pirk - 3-17-2009 at 11:08 PM

Interesting explanations Audiosoft..

In songlist.dis can I use .artistshow span {} or .artistshow div {} as well ?

Audiosoft - 3-17-2009 at 11:11 PM

Behind artist name text shadow in songlist.dis:
.artistshow div{ background: url(overglow.png) repeat-y;}
.artistshowhi div{ background: url(overglow.png) repeat-y;}

Behind album name text shadow in songlist.dis:
.albumwimage span{ background: url(overglow.png) repeat-y;}
.albumwimagehi span{ background: url(overglow.png) repeat-y;}

Pirk - 3-17-2009 at 11:46 PM

Well in fact I would like to add a artist icon in front of the artist name in songlist.dis. But it seems your latest tricks are reserved for the text area, behind or ontop, but not separate from the text. The only Big advantage in my case would be the additional PNG is not affected by the css filters. I'll test more..

Audiosoft - 3-17-2009 at 11:56 PM

Pirk I updated the .57 exe download and also cleaned up the code in this thread.
now can use songlist.dis .artistshow div{ for the text and span{ for overlaying artist name to. the span will work to show a png over more than just the text portion if you adjust the margin-top to a negative number:

Layer png over songlist.dis artist name:
-----------------------------------------
.artistshow span { margin-top: -6px; background: url(overglow.png); background-repeat:repeat-y; height: 100%; }
.artistshowhi span { margin-top: -6px; background: url(overglow2.png); background-repeat:repeat-y; height: 100%; }
.artistshow div{ margin-top: 16px; }
.artistshowhi div{ margin-top: 16px; }

Pirk - 3-18-2009 at 10:26 AM

Thanks a lot for the update and the css code.
I will try to make that my artist icon not be affected by the css filters in .artistshow and .artistshowhi.

Audiosoft - 3-30-2009 at 09:45 PM

v4.99.65
-optional add .vidresults{} to songlist.dis to skin netvideo results container
-optional add to songlist.dis to skin netvideo blocks different than your .title and .title hi:
.vidstream{} .vidstreamhi{}
and optional for text area .vidstream span{} .vidstreamhi span{}
and optional for thumbnail image .vidstream img{} .vidstreamhi img{}

Pirk - 3-30-2009 at 10:39 PM

Audiosoft, when you work around.. There is no option to Enlarge my Internet Bandwidth? It's a bit too slow for videos.. As I know you can do impossible things!

More seriously, if we could have the youtube Rating Stars displayed beside the video thumbnails, that would help us to choose the best video streams..

Thanks anyway for these new skinning options.

Audiosoft - 3-31-2009 at 08:18 AM

lol Pirk glad you like it despite your slow connection! buffers pretty good if you wait.
also the tube results layout could be improved. will need to at least update it to show 2 columns instead of 3 for non-edv so titles shows. i don't know if stars are really needed but i will look into it. i might be able to sort them highest rated first instead of by relevance.

Pirk - 3-31-2009 at 09:15 AM

Sometimes it works pretty good, no break with some videos, but which ones?

Quote:

Message original : Audiosoft
i might be able to sort them highest rated first instead of by relevance.

I think that could be a good idea! (rating -> relevance)
Maybe it exists another criterion for the streaming "availability"?

Audiosoft - 6-5-2009 at 09:34 PM

v4.99.89

optionally can now add the following to colors.ini to set independent styles for albumlist bar pin:

[AlbumListPin]
Background=
Text=
HiBackground=
HiText=
Style=

Audiosoft - 6-10-2009 at 12:15 AM

v4.99.895
-new ability to further skin eJukebox buttons in colors.ini with PNG images
-optional PNG images appear stretched OVER the original button with 50% opacity when the mouse is not over it.
when the mouse is over the button there is a new animation effect that fluctuates the PNG's opacity between 50% and 100%
-can now add the following under any of the style button {Headers} in colors.ini:
PNG=yourimage.png
-note the PNG must be in your images skin folder. also the PNG should have some opacity near the middle otherwise it will cover the button text when fully highlighted.

Audiosoft - 6-10-2009 at 01:29 AM

Audiosoft - 6-12-2009 at 05:23 AM

v4.99.90
-greater flexibility when skinning eJukebox buttons. can now restyle eJukebox buttons with 2 PNGs and morph between the 2 for the highlight effect.
-under any of the style button {Headers} in colors.ini add PNG=yourimage.png
-when a yourimageHI.png is in skin folder yourimage.png will render 100% over the button and it will morph to the HI.png for the highlight animation. when there is no yourimageHI.png in the skin folder the PNG=yourimage.png will appear at 50% opacity and fluctuate opacity for the highlight animation.

Including a yourimageHI.png will ensure your yourimage.png can cover the edges of the original button and give you full control over the normal and highlight. just make sure to leave some opacity near the center in the png file or it will cover the button caption. for some buttons you can add the caption in the png if you wish but others like the a-z bar you will need at least some transparency near the center.

Audiosoft - 6-23-2009 at 06:08 AM

When using .title span{}'s in the songlist.dis to shadow the songlist title text....instead of using height: 100%; you should use the expression below so that the title text stays aligned to the middle vertically and the png covers all lines of the text and nothing more.

.title span{
margin-top: -5px;
height: expression(this.parentNode.childNodes(1).offsetHeight+5);
background: transparent;
background-position: left top;
background-repeat: repeat;
background-image: url(songlisttitlespan.png);
}

use this in artistlist.dis to overlay a png and match the row height

.Artistrow span {
margin-top: -3px;
left: 5px;
background: transparent;
height: expression(this.parentNode.offsetHeight+3);
background-position: left top;
background-repeat: repeat;
background-image: url(artistrowspan.jpg);
}

this is just one example yours can look totally different. Notice the difference in the TEXT in this screenshot. first the .titlehi has no span in this skin so that text is not shaded. shading is achieved on the texts of the other titles using the .title span{} above and a PNG (purple->clear) that matches up with the height of 1 line text....which then repeats when there are multiple lines.

Audiosoft - 6-23-2009 at 07:31 AM

here is another screen this time with the .title span{} text shading showing over multiple lines of text

Audiosoft - 6-23-2009 at 07:53 AM

here it is with a different .title span{} png and a transparent .title{} background so you can see the area better...the only thing visible is the .title span{} png over the text.

Pirk - 6-23-2009 at 09:05 AM

Very interesting Audiosoft! I will try your new formula.. of course!
Thanks a lot.

Pirk - 6-23-2009 at 07:36 PM

well Audiosoft.. your formula just freezes my skin and ejukebox too!

that's OK.. no more freezing when I put the formula in span instead of div.

Audiosoft - 6-23-2009 at 09:40 PM

yes forgot to mention...be careful with expressions!
if you use an incorrect value ej will freeze up! if it happens again just end ejukebox.exe from taskmanager and correct the expression in the dis before restating ej!

also doesn't height: 100% work for the div? if not you can let me know which div and i will figure out the correct expression for it.

Audiosoft - 7-1-2009 at 05:01 AM

4.99.91
-new ability to use png images for the 'now playing' stars
-optionally include a "nowstars" folder in your skin images folder with 0-10.png files like the images in the albumpop folder but any size
-add optional nowstarslayout.ini containing the following to set number of pixels from the top of eJukebox for the stars
[StarPos]
Y=15

Create "nowstars" folder first then extract zip to the eJukeboximagesskinnamenowstars folder
then you can freely resize the 0-10.png images in photoshop to any dimensions and it will automatically center horizontally

Audiosoft - 7-15-2009 at 10:26 AM

v4.99.92 - optionally add a "songlistshadow.png" to your skin

Audiosoft - 7-16-2009 at 04:48 AM

v4.99.93

optionally add these to your skin to replace the default keyboard

keyboardbg.jpg <-background
keyboard.png <-foreground

in colors.ini:

[KeyboardButtons]
Background=0
Text=16777215
HiBackground=0
HiText=16777215
Style=9
PNG=keyboardbutton.png

also can include keyboardbuttonHI.png for button over
BTW "Reload Colors" skin menu item reloads the keyboard

Audiosoft - 8-18-2009 at 09:47 PM

v4.99.95
-fixed a-z buttons alignment so there is never a space between the buttons
Recommended use Style=8 with PNG=your.png and PNG=yourHI.png in colors.ini
-fixed "songlistshadow.png" so it hides when right side hidden
-can now hide left border in colors.ini under [Left] add Hide=1
-in [MainButtons] section can now add the following in colors.ini to alter the button height and top position in pixels
Top=21
Height=21
PNG=your.png

can now add Top= to set middle sizer border pixels from top
[NowPlayingRight]
Background=3947580
HiBackground=8667956
Style=4
Top=43
PNG=your.png

Audiosoft - 9-3-2009 at 07:52 PM

v4.99.96
-can now add the following to colors.ini to change the right edge to a color other than black
[RightEdge]
Background=11908533

Audiosoft - 9-30-2009 at 02:11 AM

eJukebox v4.99.982
-can now give the Artist List a different text color on highlight and have it alternate the text and background highlight colors for odd and even rows.

Use notepad to add the following to the bottom of artistlist.dis:

[HiArtistBackground]
Color=#627599
Color2=#627599
TextColor=#676767
TextColorHi=#FFFFFF
TextColor2=#676767
TextColor2Hi=#FFFFFF

*Color (only Color= was supported before 4.99.982) and Color2 are the row background color for odd and even rows
TextColorHi and TextColor2Hi are the odd/even row text color when highlighted
TextColor and TextColor2 are the off text color and should = the color:# in the .Artist { or .Artistrow and .Artistrow2

to make only the text change color and not the background you can set the following
Color=transparent
Color2=transparent

Audiosoft - 10-7-2009 at 06:48 AM

v4.99.984
-new optional [LargePlayControls] Top=X or -X pixels in colors.ini
-skin now will use a lsnglistbrd.jpg if exists over a lsnglistbrd.gif
-skin now will use a rsnglistbrd.jpg if exists over a rsnglistbrd.gif

New Now Playing Control Area Background JPG and Seek PNGs
-new optional add a timeslider.png for a large time seek handle - increase the image height to position the slider how you want.
-new optional add a timeemptybg.jpg for underneath the play controls
-new optional add a timeelapsedbg.png for underneath the play control buttons and have it stretched below timeelapsed.jpg

Pirk - 10-7-2009 at 03:23 PM

Quote:

Message original : Audiosoft
v4.99.984
-new optional [LargePlayControls] Top=X or -X pixels

I just tested this option: I would add that works in colors.ini!

Audiosoft - 10-26-2009 at 11:24 AM

v5.0
-new skin optional webshadow.png for top of the browser. png stretches to width when in full width browser mode
-as with the playlist can now use playmodeupnextbacX.jpg and queuebaclongX.jpg in nowplaying.dis and the non X image will now be stretched as X.jpg to match now playing/playlist width

Audiosoft - 2-18-2010 at 11:48 PM

v5.05
-can now add optional .titletextfilter {} to songlist.dis to use a filter on the songlist track titles
-can now add optional searchbutton.png and optional searchbuttonhi.png to get rid of small search box shape - this replaces need for searchbox.jpg matched to the box size - png shows actual size and sticks over the bottom right corner of the Top.jpg or TopEDV.jpg

below is a example searchbutton.png but note that it could be any dimensions. this one fits in EDV nice but not so nice in non-edv. if you make it smaller make sure to leave canvas on the right and bottom as it is aligned with the bottom right of the TopEDV.jpg

Pirk - 2-19-2010 at 12:42 AM

Perfect! Thanks much Audiosoft.

Audiosoft - 8-4-2010 at 08:49 PM

v5.28
-added LevelPrevNext=1 option to colors.ini to make all of the play control images align with the Top
[LargePlayControls]
Top=5
LevelPrevNext=1

Audiosoft - 9-22-2010 at 09:06 AM

v5.32
Add the following #bg{} to the top of your songlist.dis to control the fade on the stretch background cover image which is above the tiled background. you can set a background-image in the body {} if you wish to override the tiled background.

#bg{
filter:alpha(Opacity=30,FinishOpacity=0,Style=1,StartX=0,StartY=0,FinishX=0,FinishY=100);
}

Audiosoft - 9-29-2010 at 10:05 PM

Starting with EJukebox v5.34 you can add this to colors.ini
[IEStandardsMode]
Version=9

This setting allows the skin to render in IE9 standards mode now and works to set IE 10 11 12 etc standards modes for when they come out.
The value must be 9 or greater and IE9 or greater must be installed or it will use quirks mode.
if you specify Version=10 and only 9 is installed then it will use the standards mode of the version installed...IE9. if the setting is Version=9 when 10 is installed...9 standards will be used.

Audiosoft - 11-4-2010 at 09:05 PM

v5.43
-in colors.ini can now add font styling to [Songlist Title] , [MainButtons] , [ArtistBarLetters] , and [AZSlider]
-in colors.ini under [MainButtons] can now add DoubleWidthEDV=1 and FontSizeEDV=

NEW:

[MainButtons]
DoubleWidthEDV=0
FontSizeEDV=8
FontName=MS Sans Serif
FontSize=8
FontBold=1
FontItalic=0
FontUnderline=0

[Songlist Title]
FontName=Arial
FontSize=15
FontBold=1
FontItalic=1
FontUnderline=0

[ArtistBarLetters]
FontName=Arial
FontSize=8
FontBold=1
FontItalic=0
FontUnderline=0

[AZSlider]
FontName=Arial
FontSize=24
FontBold=1
FontItalic=0
FontUnderline=0

------
Here they are with all the current colors.ini options:

[Songlist Title]
Text=14483199
Shadow=5
FontName=Arial
FontSize=15
FontBold=1
FontItalic=1
FontUnderline=0
Top=47
Height=52

[MainButtons]
UseDefault=0
HomeBackground=8618883
ArtistsBackground=8618883
AlbumsBackground=8618883
GenreBackground=8618883
YearBackground=8618883
PopularBackground=8618883
ToolsBackground=8618883
Text=0
Style=14
HiBackground=16777215
HiText=0
SelBackground=10441272
SelText=16777215
SelStyle=14
Top=2
Height=30
PNG=Topbutton.png
DoubleWidthEDV=0
FontSizeEDV=8
FontName=MS Sans Serif
FontSize=8
FontBold=1
FontItalic=0
FontUnderline=0

[ArtistBarLetters]
UseDefault=0
Background=0
Text=14079702
HiBackground=0
HiText=16777215
Style=8
SelBackground=0
SelText=16777215
SelStyle=8
PNG=artistbuttons.png
FontName=MS Sans Serif
FontSize=8
FontBold=1
FontItalic=0
FontUnderline=0

[AZSlider]
Background=0
Text=16777215
HiBackground=0
HiText=16777215
Style=8
PNG=artistbuttons.png
FontName=Arial
FontSize=24
FontBold=1
FontItalic=0
FontUnderline=0

Audiosoft - 11-12-2010 at 07:34 PM

v5.45
-added optional
[Songlist Title]
Top=47
Height=52

see the post above this one for the full [Songlist Title] options

Pirk - 11-13-2010 at 11:58 AM

Thanks for [Songlist Title] Top and Height! Top works good, Height too, but that would be great if the text could be displayed Over the carousel visor, and over the songlist headers when the carousel is not used. If possible..

Audiosoft - 11-13-2010 at 12:07 PM

not possible unless we red0 the songlist title with the now playing album popup style text
and here i thought you wanted to move the text up and the main buttons down

Pirk - 11-13-2010 at 02:39 PM

well i think large fonts can improve the eJukebox feeling. so i like much when "it exceeds" a bit!
-could you allow the positioning of the search box in colors.ini? over the shelf3d visor if possible..
-could you make so that it scrolls the songlist title when too long.. plus a way to set its max width?
-it seems the songlist title Shadow value Can't be changed in colors.ini. shadow=8 has no effect.
-if not possible for the songlist title, then maybe can you display the main Buttons over the shelf3d visor? Thanks.

Pirk - 11-13-2010 at 05:56 PM

well here is where i am currently: a pixel is a pixel.. no wasted place!

Audiosoft - 11-13-2010 at 09:22 PM

Pirk,

FYI
Shadow=COLOR
Shadow=6750003

Let me digest the rest of your requests and i will get back to you.

Pirk - 11-13-2010 at 09:31 PM

Audiosoft, i wish you'll have a good digestion! ok for the shadow color, i was "dreaming" the value is for the size.. sorry.

Audiosoft - 12-28-2010 at 06:00 AM

v5.51 new songlist ToolTips rounded corner image files are automatically added to the skin on load if they are not in the skin yet.
tt_top.gif
tt_left.gif
tt_bottom.gif

new optional tooltip styling in songlist.dis:
#tt { }
#ttcont { }
#tttop { }
#ttbot { }

Audiosoft - 2-25-2011 at 09:10 PM

v5.54 - the now playing PNG stars now only detect a rating click over the top bar area (top 37 pixels). this prevents clicking the star's png shadow from changing the rating when you are really trying to click the now playing artist text.

if you have stars that go under the top 37 pixels and you want the non-transparent png pixels under to still to set the rating when clicked
...you can add this in nowstarslayout.ini
[UnderBarClick]
Allow=1

Audiosoft - 4-8-2011 at 05:14 AM

...
new option for png stretched to 'now playing' width and height

NowPlayingAboveBG.png - is under the text/cover image and above the Vista/Win7 VU Meter

in this screen there is a NowPlayingAboveBG.png

Audiosoft - 4-8-2011 at 05:16 AM

NowPlayingAboveBG.png supported in EJukebox v5.58

Audiosoft - 5-6-2011 at 02:43 AM

You can add this to the top of colors.ini...

:-----------------------
:The following top section allows for the customization of EJukebox Background Videos and PNGs over the video and .dis body {} backgrounds
:Note: All videos must be in .MP4 H.264 format. Only the following are supported on Windows XP.
:[VideoBackgrounds]
:Shelf=
:[PNGBackgrounds]
:NowPlaying=
:PlayList=
To Support the other area backgrounds you must have Internet Explorer 9 or newer installed on Windows Vista, Windows 7 or newer
:and you must uncomment the next 2 lines regarding [IEStandardsMode] Version=9. also #BGVideo{ opacity: 0.4; } are now supported in all list .dis files and homeview.ini to set the background video opacity over the background

:[IEStandardsMode]
:Version=9

[VideoBackgrounds]
Enable=True
OnlyPlayFocused=False
Shelf=shelfbg.mp4
NowPlaying=
PlayList=
ArtistList=
SongList=
AlbumList=
HomeView=

[PNGBackgrounds]
Enable=False
NowPlaying=
PlayList=
ArtistList=
SongList=
AlbumList=
HomeView=

Audiosoft - 5-18-2011 at 12:29 AM

v5.62 adds better control over the right column in the playlist...
this example IE9 code for the end of playlist.dis makes track lengths appear on top of the album icons

#coverbig {
width:35px;
height:35px;
border-radius:25% 25% 25% 25%;
border-color:rgba(111,111,61,0.1);
border-style:solid;
border-width:2px;
}

#coversmall {
background-color:rgba(0,225,61,0.05);
border-radius:25% 25% 25% 25%;
border-color:rgba(111,111,61,0.1);
border-style:solid;
border-width:0;
width:35px;
height:23px;
}

#tracklength {
background: transparent;
width:50px;
position:fixed;
right:3px;
margin-top:15px;
color:#FFFFFF;
font-copy:TektonPro-BoldExt;
font-family:Tekton Pro Ext;
font-weight:bold;
font-size:10pt;
line-height:10pt;
z-index: -1;
}

[coverbig]
ShowTrackLength=1

[coversmall]
ShowTrackLength=1
ShowIcon=1

CiXel - 5-18-2011 at 10:52 AM

Ah, numbers over covers may be an interesting combo (since I prefer numbers given a choice

Good thought

Audiosoft - 5-25-2011 at 07:54 AM

with EJukebox v5.64 you can add this to your songlist.dis files
it does a double strike of the text under the .title,hi,edithi
and does not require IE9 so it works on XP and Win7

.titletextshadow { color: #000000; padding-left: 1px; padding-top: 1px; }

for IE9 skins i recommend a semitransparent color for the shadow text and can use filters to make it look like a blurred text-shadow instead of just a double strike of the text

.titletextshadow { color: hsla(60,100%,0%,0.6); padding-left: 1px; padding-top:1px;
filter: glow(color=#000000,strength=2) progid:DXImageTransform.Microsoft.MotionBlur(strength=2, direction=310) progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
}

this code gets the first letter working with it
.titletextfilter:first-letter{color:#FFFFFF; font-size: 130%;} //make sure not to make the font-size too big or the shadow will look offset.

//do not include this because IE9 freezes .titletextshadow:first-letter{}

.titletextfilter { } // use for styles always in the top text
.titletextshadow { } // use for styles always in the shadow text. do not set font/size in these - there are already font styles in .title, .titlehi, .titleedithi

Audiosoft - 5-30-2011 at 10:39 PM

v5.65
if you put this in colors.ini it will prevent all the default hand pointers on the lists

[HandCursor]
Disabled=True

that way any cursors set in the .dis files like this will work...
cursor: url(CursorFile.cur), pointer;

and you can add this to the END of the nowplaying.dis file to set filters for the now playing cover

[CoverFilter]
Normal=Alpha(Opacity=95)Shadow(Direction=130)
Hi=Alpha(Opacity=80)
Click=Alpha(Opacity=65)
VU=alpha(Opacity=0,FinishOpacity=90,Style=1,StartX=100,StartY=0,FinishX=90,FinishY=0) alpha(Opacity=0,FinishOpacity=100,Style=1,StartX=0,StartY=0,FinishX=10,FinishY=0) alpha(Opacity=0,FinishOpacity=100,Style=1,StartX=0,StartY=0,FinishX=0,FinishY=10) alpha(Opacity=0,FinishOpacity=100,Style=1,StartX=0,StartY=100,FinishX=0,FinishY=90);

Audiosoft - 6-4-2011 at 09:08 AM

-New PNG mouse pointer on all skins by default
-Can now include a custom pointer.png and pointerdown.png in your C:EJukeboximagesskinname folder

You can use this code in colors.ini but make sure to remove the // comments

[MasterCursor]
File=cursor.cur or .ani // including a pointer.png in the skin folder overrides this file
OverIE=True // False lets .dis cursor: work.
OffSetX=0 //Sets the pointer.PNG position relative to the desired HOTSPOT
OffSetY=0
//if there is a pointer.png and pointerdown.png in the skin and you want EJ to respect OverIE=False then you must include a File=file.cur even when it will not be shown.

Audiosoft - 6-14-2011 at 05:08 AM

EJukebox v5.66 works good with this in colors.ini...

[HandCursor]
Disabled=False

can have up to 4 pngs....

pointer.png
pointerdown.png
pointerover.png
pointeroverdown.png

Only pointer.png is required.

for the hot spots can use this in colors.ini....

[MasterCursor]
offsetX=0
offsetY=0
downOffSetX=0
downOffSetY=0
overOffSetX=0
overOffSetY=0
overdownOffSetX=0
overdownOffSetY=0

fredeo - 1-6-2020 at 11:43 AM

The following has been added to colors.ini for v3.85.

:-ProgressBar Color Definitions-

thomaslist - 10-20-2020 at 04:26 AM

Nike Air Max Shoes Big Size
Largest Fashion Store Coach
Ed Hardy For Women
Salomon Speedcross Plus
Large Discount Golden Goose Francy
ED Hardy Cheapest Online Price
Polo Ralph Lauren Shirts Most Fashionable Outlet
coach crossbody designer
Shop Ralph Lauren Polos Best Sellers
Coach Clutches Projects Sale
Ralph Lauren Polos
Polo Ralph Lauren Competitive Price
Slim Fit Adidas Shoes
Ed Hardy Reliable Quality
Polo Ralph Lauren Black White
Kate Spade Totes
Off White Factory Store
Champion Short T Shirt
Unique Hogan Sneakers
Mens Supreme Clothing
Coach Wallets Outlet USA
Coach handbags new york
Kate Spade factory outlet
Cheapest Polo Ralph Lauren Price
Fashion Air Max 97 Store
Nike Air Jordan 1 Street Style
Polo Ralph Lauren Pony Sale USA
Nike Air Max 90 For Women
Golden Goose Sneakers White
Pandora Necklaces Cheap For Sale
Ralph Lauren Polo outfit for women
Supreme Sweatshirts Europe
Air Jordan High USA Sale
Nike Blazer USA Factory
Air Jordan 1 High New Style
Buy Real Ralph Lauren Track Suits
Coach Handbags Sale
USA Ralph Lauren Vest Men
Pandora Charms Pink Women
Reasonable Price Ralph Lauren
Kate Spade New York Outlet
Lowest Price Coach Online
Ralph Lauren Outlet Factory
New York Nike Blazer On Sale
Champion Factory Outlet Price
Kate Spade black Friday
Red And Black Nike Air Jordan
Super Quality Ralph Lauren Womens Shirts
Salomon Speedcross GTX for men
Cheap Clothes Women Ralph Lauren
Palace Jackets Outlet UK
cheap big coach
Nike Air Max US Top For Women
Shop Ralph Lauren Winter Clothes
Hogan Sneakers Reasonable Sale Price
Air Jordan Low For Cheap
Adidas USA New York
Newest Adidas Ultra Boost
Kate Spade Discount
Christian Audigier Online
Sale Nike Kyrie Worldwide
Sale Adidas Yeezy Online
Discount Polo Ralph Lauren Clothing
Nike Blazer Top Designer Collections
Exclusive Range Air Jordan
Hottest Kate Spade New Styles
Nike Air Jordan New York
Polo Ralph Lauren Jackets
Ralph Lauren Cheap Prices
Discount Pandora Disney
us Coach leathers
Large Discount Nike Air Jordan 1 High
Coach Outlet Hobo UK
ED Hardy Shop Online
Sale Pandora Gifts Christmas USA Online
Coach Crossbody UK Online Sale
Special Soccer Offers
Kate Spade New York
Nike Air Max US In Store
Online Adidas Ultra Store
PRL Jackets Outlet Locations
Ed Hardy Jeans outlet shop online
Nike Air VaporMax USA Online
Clearance Ed Hardy Prices
Ed Hardy Love Kill Slowly
Polo Ralph Lauren UK Outlet
Discount Kate Spade Satchel
Adidas Boost Outlet Sale
Nike Air Jordan Open Store
New Ed Hardy Products
cheap prices Ed Hardy UK
Adidas Yeezy Boost Sale
USA Adidas NMD Boost For Women
OFF White USA Top Brand Wholesale Online
Adidas Prophere Discount
Adidas Shoes USA Factory Outlet
Coach Totes outlet for sale

thomaslist - 11-15-2021 at 08:56 AM

thomaslist - 11-26-2023 at 01:16 PM

Herrenbekleidung
Salomon Speedcross 3 Shoes
Snapbacks Outlet Online
NFL Jerseys Oakland Raiders
Ed Hardy official website Cheapest
Pandora Black Friday
Pandora Charms Superior Quality
Pandora Valentine's
Designer Fashion Ralph Lauren USA Sale
Ed Hardy Discount Sale
Gravel Radtrikot
Pandora Jewelry
Love Kills Slowly
Pandora Collections
Salomon GTX
Oakley Sunglasses USA Store
Pandora Shop
Bape
Salomon Speedcross
Fahrradtrikots
Ray Ban Sunglasses
Pandora Necklaces 2021
Jimmy Choo Outlet
Ed Hardy Hoodies
Quality Oakley Sunglasses
Pandora Charms
Salomon Shoes
Ray Ban Sunglasses Outlet
Christian Louboutin Outlet
NCAA College Jerseys
Ray Ban Aviator
Salomon Shoes GTX
Best Good Pandora Bracelets
Pandora Animals
Cheap Snapbacks Online
Pandora Bracelets Sale
Chrome Hearts
Pandora Gifts
Pandora Bracelet Sale
Fahrradbekleidung
Save Up Pandora Bracelets
Pandora Charms
NFL Football Jersey
Juicy Couture
Golden Goose Womens Sale
Ferragamo Belt
fietskleding online
Women's Speedcross Shoes
Wielerkleding 2022
Pandora Charms
Pandora Bracelets
Cycling Trikots
MBT Casual
Outlet Rayban Eyeglasses
fietskleding heren
Cheap Snapbacks
Pandora Bracelet Sale
TrikotsRadtrikots
salomon
Pandora Rings
Fahrradtrikot Herren
Golden Goose Purestar
Ray Ban Sunglasses
Salomon Speedcross Save Up To
Justin Bieber Supra Shoes
Pandora Charms Sale Clearance
beste fietskleding
abbigliamento Ciclismo
Discount Ed Hardy
Fahrrad Trikot
Salomon Shoes Outlet
Pandora Rings
Pandora Jewelry
Pandora Rings
Pandora Best Sellers
Salomon Hiking Boots
Womens Golden Goose
Supra Skytop Shoes
Official Rayban Eyeglasses
Fahrradtrikot billigste
NFL Oakland Raiders
Official Ray Ban Sunglasses
Fjallraven Kanken
Salomon Speedcross Pro
Fake Oakley Sunglasses
Bundesliga Jerseys
Oakley Sunglasses
Fitflop Sandals
Washington Nationals Jerseys
Pandora Charms
Reliable quality Ed Hardy LKS
Pandora Black Friday
Radtrikot Online Kaufen
Wielerkleding Netherlands
Ray Ban Aviator
Pandora Store
MLB Nike Jerseys
Pandora Bracelet
Pandora Alphabet
Radtrikot Outlet
Pandora Jewelry Official Site
Pandora Zodiac
Pandora Nature
Radtrikot Online
Online Salomon Store
Cheap Fitflops
Ray Ban Sunglasses
Ed Hardy Discount
Black Supra Vaiders
Pandora Bracelets
Oakley Glasses
Pandora Rings
Ferragamo Belts
Chrome Hearts Cheap
Pandora Bracelet Sale
Herrenbekleidung
Ray Ban Round Sunglasses
Pandora Promotions
Pandora Black Friday
Cheap NFL Jerseys
Negozio abbigliamento Ciclismo Online
Fitflop Online Sale
Golden Goose Hi Star
Oakley Half Jacket USA
Pandora Bracelets On Sale
Ferragamo Outlet
Wielerkleding
NCAA College Jerseys
maglie da ciclismo da uomo
Oakley Sunglasses
Pandora Jewelry
Fahrradtrikot Verkauf
NFL Jerseys
Polo Ralph Lauren Save up to
Off White
Cheap Snapbacks
kurzarm radtrikot
Pandora Jewelry
MLB Fan Hats
New Pandora Jewelry
Pandora Rings Jewelry
Wielerkleding Europe
Pandora Sale
Soccer Jersey Open Store
Pandora Black Friday
San Francisco 49ers Jerseys
Pandora Jewelry Outlet
Pandora Jewelry Outlet
Pandora Rings
ralph lauren
Golden Goose Sneaker Outlet
Ecco Sandals
Buy Cheap Polo Ralph Lauren Hoodies Online
Supra Shoes Justin Bieber
Herrenbekleidung
Pandora Shop
Maglia Ciclismo
Top Brand NFL Jerseys
Ed Hardy USA
Pandora Stacking
Pandora Rose Series
Ray Ban Aviator Sunglasses
Golden Goose Starter Most Fashionable Outlet
Pandora Canada
Ray Ban Sunglasses
Pandora Black Friday
Wielerkleding 2022
Oakley Sunglasses
Bape Hoodies