Audiosoft Forums : EJukebox Last active: Never
Not logged in [Login - Register]
Go To Bottom

Printable Version | Subscribe | Add to Favourites   Post new thread Poll:
 Pages:  1  2  3
Author: Subject: Development Notes (All Skin Engine Additions Listed Here)
Pirk
Posting Freak
*****




Posts: 3975
Registered: 3-11-2003
Location: France
Member Is Offline

posted on 10-7-2009 at 03:23 PM Edit Post Reply With Quote
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!




:cool: Pirk
View User's Profile Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 10-26-2009 at 11:24 AM Edit Post Reply With Quote
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 has attached this image:
webshadow.png - 16kb




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 2-18-2010 at 11:48 PM Edit Post Reply With Quote
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

Audiosoft has attached this image:
searchbutton.png - 21.76kb




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Pirk
Posting Freak
*****




Posts: 3975
Registered: 3-11-2003
Location: France
Member Is Offline

posted on 2-19-2010 at 12:42 AM Edit Post Reply With Quote
Perfect! Thanks much Audiosoft. :D

Pirk has attached this image:
search.jpg - 114.34kb




:cool: Pirk
View User's Profile Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 8-4-2010 at 08:49 PM Edit Post Reply With Quote
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




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 9-22-2010 at 09:06 AM Edit Post Reply With Quote
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);
}




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 9-29-2010 at 10:05 PM Edit Post Reply With Quote
How to make a skin run in IE9+ Standards Mode

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.




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 11-4-2010 at 09:05 PM Edit Post Reply With Quote
Interface Fonts and [MainButtons] DoubleWidthEDV

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 has attached this image:
bigbuttons.jpg - 116.13kb




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 11-12-2010 at 07:34 PM Edit Post Reply With Quote
v5.45
-added optional
[Songlist Title]
Top=47
Height=52

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




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Pirk
Posting Freak
*****




Posts: 3975
Registered: 3-11-2003
Location: France
Member Is Offline

posted on 11-13-2010 at 11:58 AM Edit Post Reply With Quote
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..



:cool: Pirk
View User's Profile Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 11-13-2010 at 12:07 PM Edit Post Reply With Quote
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




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Pirk
Posting Freak
*****




Posts: 3975
Registered: 3-11-2003
Location: France
Member Is Offline

posted on 11-13-2010 at 02:39 PM Edit Post Reply With Quote
well i think large fonts can improve the eJukebox feeling. so i like much when "it exceeds" a bit! :D
-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 has attached this image:
large fonts.jpg - 93.36kb




:cool: Pirk
View User's Profile Visit User's Homepage View All Posts By User U2U Member
Pirk
Posting Freak
*****




Posts: 3975
Registered: 3-11-2003
Location: France
Member Is Offline

posted on 11-13-2010 at 05:56 PM Edit Post Reply With Quote
well here is where i am currently: a pixel is a pixel.. no wasted place! :o

Pirk has attached this image:
large fonts 2.jpg - 48.51kb




:cool: Pirk
View User's Profile Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 11-13-2010 at 09:22 PM Edit Post Reply With Quote
Pirk,

FYI
Shadow=COLOR
Shadow=6750003

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




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Pirk
Posting Freak
*****




Posts: 3975
Registered: 3-11-2003
Location: France
Member Is Offline

posted on 11-13-2010 at 09:31 PM Edit Post Reply With Quote
Audiosoft, i wish you'll have a good digestion! ;) ok for the shadow color, i was "dreaming" the value is for the size.. sorry.



:cool: Pirk
View User's Profile Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 12-28-2010 at 06:00 AM Edit Post Reply With Quote
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 { }




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 2-25-2011 at 09:10 PM Edit Post Reply With Quote
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 nowstars\layout.ini
[UnderBarClick]
Allow=1




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 4-8-2011 at 05:14 AM Edit Post Reply With Quote
PNG stretched over NowPlaying background

...
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 has attached this image:
nowplayingstetchedbg.jpg - 91.33kb




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 4-8-2011 at 05:16 AM Edit Post Reply With Quote
NowPlayingAboveBG.png supported in EJukebox v5.58

Audiosoft has attached this image:
NowPlayingAboveBG.png - 17.25kb




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 5-6-2011 at 02:43 AM Edit Post Reply With Quote
EJukebox v5.60

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=




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 5-18-2011 at 12:29 AM Edit Post Reply With Quote
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

Audiosoft has attached this image:
PL5.62.JPG - 36.46kb




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
CiXel
Member
***




Posts: 290
Registered: 4-3-2003
Member Is Offline

posted on 5-18-2011 at 10:52 AM Edit Post Reply With Quote
Ah, numbers over covers may be an interesting combo (since I prefer numbers given a choice ;)

Good thought
View User's Profile View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 5-25-2011 at 07:54 AM Edit Post Reply With Quote
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 has attached this image:
Capture66.JPG - 84.1kb




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 5-30-2011 at 10:39 PM Edit Post Reply With Quote
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);




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 6-4-2011 at 09:08 AM Edit Post Reply With Quote
v5.65 Custom Mouse Pointers

-New PNG mouse pointer on all skins by default
-Can now include a custom pointer.png and pointerdown.png in your C:\EJukebox\images\skinname\ 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.




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




Posts: 3392
Registered: 3-11-2003
Member Is Offline

posted on 6-14-2011 at 05:08 AM Edit Post Reply With Quote
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




:cool: Audiosoft
View User's Profile E-Mail User Visit User's Homepage View All Posts By User U2U Member
fredeo
Junior Member
**




Posts: 8
Registered: 12-24-2019
Member Is Offline

posted on 1-6-2020 at 11:43 AM Edit Post Reply With Quote
The following has been added to colors.ini for v3.85.

:-ProgressBar Color Definitions-
View User's Profile View All Posts By User U2U Member
 Pages:  1  2  3
Post new thread Poll:

Go To Top

Audiosoft Home | Download EJukebox for Windows | Register EJukebox
©2019 Audiosoft Network. All rights reserved.
[queries: 16]
HTML5 Color Picker for CSS Opacity
Short Url Service with Stats