Board Logo

IE9 RC
Pirk - 2-10-2011 at 09:29 PM

Audiosoft, I just installed the RC of IE9 64bit for win7, but now there is no more Right Click menu in the EJukebox songlist and albumlist.
Besides, i not noticed any speed improvements with this RC on the ejukebox song change anims. your page slides are still not working good in IE9, too slow..
Thanks.


brice - 2-10-2011 at 09:34 PM

pirk shake your u2u :D


Pirk - 2-11-2011 at 04:16 PM

well when i right click on a song or album now i get this:
And Drag & Drop is not working!


Pirk - 2-11-2011 at 06:03 PM

well well.. strangely the right click menu is there again, but still no drag and drop. it seems the .albumimageHI doesn't works good.


Audiosoft - 2-12-2011 at 04:19 AM

Thanks Pirk. Your 9 skin looks amazing i wish i could try it to get enthused. if i can find some time i will install the RC this weekend and try to work out those issues.
btw does drag work with the regular non ie9 standards A5 Vinyl skin?


Pirk - 2-12-2011 at 11:28 AM

I just tried with the A5 Vinyl skin, so ie9 standard: drag works normally. probably my skin uses too much tricks..

with IE9 the page slides are always very very jerky, even with the A5 Vinyl skin. Thanks.


Pirk - 2-12-2011 at 03:16 PM

Quote:
Message original : Audiosoft
Your 9 skin looks amazing i wish i could try it to get enthused


I wish I could post my skin without css - as you post ejukebox without source code! - my code is not clean because i try too much different things..
Maybe I could put a password to zip?
Maybe could you make a compiler that reads the skin files (*.dis), clean the css code and retrieves only the images and fonts that are actually used to make the zip? It would be very useful.

Thanks.


Audiosoft - 2-12-2011 at 05:38 PM

i would have no problem open sourcing EJ if i got a big enough donation. until then EJ is my baby since it is all coded by me and i know how the code fits together.
frankly .dis css should continue to be open source so better skins can be created. don't you want to see more skins and let others design over old ones? maybe the skin edit menu was a bad idea. :( or maybe i should do away with the free trial and make an ultra lite free version.


Pirk - 2-12-2011 at 05:53 PM

Audiosoft, you misunderstood what i was meaning. it's not a question of open source or not: as i don't like my unclean .dis files i don't want to post them in state. if it was possible either to clean them and the skin images automatically. or if not possible, why not a way to hide the whole mechanism?

I found this to clean the css: http://cleancss.com/ i'm trying to play with it...

my skin currently use 45,2 Mb, and 684 files! do you see my problem?


Audiosoft - 2-12-2011 at 06:09 PM

i get it - extra images. having ej automatically deleting extra images not something i want to do.
don't worry about the .dis code - it is what it is. i think i posted a link to a css formatter on the forum at some point that can clean it up.


Pirk - 2-12-2011 at 06:47 PM

Why you don't want ej or a "skin maker" automatically deletes the extra images? that would help skinners like me by saving a lot of time! this is the major reason why i rarely post a skin... too much dirty work to do before to post a descent version! really.


Pirk - 2-12-2011 at 10:09 PM

well, i prefer to continue my big mess in the .dis and image files.. waiting for a possible skin builder!


Pirk - 2-12-2011 at 11:23 PM

I like much the sound of this album: :cool:


Pirk - 2-13-2011 at 11:23 AM

the skin Builder would "ONLY":
-optionally clean the .dis files and write the clean versions, or just copy the originals, to a new skin folder
-read each .dis files
-search for any "background-image:url(x.y);"
-copy(*) the corresponding images to the new skin folder
-search for any "font-family: z;"
-copy the corresponding fonts to the new skin folder
(*)option: rename the images on the fly

PS: Nothing is deleted or modified on the original skin folder. The skin builder would just be a tool that helps skinners to post new versions of their skin very easily.
Currently without this tool it is very difficult to sort out the correct files...


Audiosoft - 2-13-2011 at 07:43 PM

that would be nice. it would also have to copy over all the non dis images. would be difficult to automate...
also i don't think the font family really matches up with the font file name very often and the font might not be system installed and only in the skin. also we would not want standard font files like Arial being unnecessarily included in the skin.


Pirk - 2-13-2011 at 08:03 PM

well so you can avoid the fonts, the images are the most important. there is no problem with the file names in this case. i hope the automation is possible?


Audiosoft - 2-13-2011 at 08:07 PM

i could code something to extract the all images listed in the .dis files and copy them to another folder but don't know if that would be very useful?
one complication it would have to copy over the nonXversion.jpg when .dis has the horizontally stretched version of the image.


Pirk - 2-13-2011 at 08:27 PM

of course that would be useful because each time i work on my skin i add new images in the skin folder.. rapidly there are many many unused images! at the end, when i want to create a descent version of the skin, it's a pain to search for all the right images. if that was automated, i could take shots more regularly as skin candidates!


Audiosoft - 2-13-2011 at 08:50 PM

ok now attempting to code a .dis image extractor exe


Pirk - 2-13-2011 at 08:57 PM

wow great! Thanks a lot.


Audiosoft - 2-13-2011 at 09:30 PM

place disripper.exe in EJukeboximagesskinname folder
run the disripper.exe and click the button

it copies the images listed inside .dis files and the non stretched version of the image when it encounters X.jpg in the .dis

keep in mind it does not do the non .dis images or the colors.ini PNG= images.


Pirk - 2-13-2011 at 09:51 PM

wow that's so fast! it seems it works good.

i hope it can also copy the images which are not from the .dis files?


Pirk - 2-13-2011 at 10:03 PM

Quote:
Message original : Audiosoft
you want to work on the open source code? :D


of course i would like to be able to work on the source code! the language seems quite easy to understand. :)


Audiosoft - 2-13-2011 at 10:05 PM

i can probably manage PNG= in colors.ini
for the other images...
getting it to detect only the correct image would i think require a
list in code of every image file name that might be used for the interface. which is a big task to figure out and input.

probably best in an array

interfaceimgs(1) = "visora1.png"
interfaceimgs(2) = "audio3on.gif"
interfaceimgs(3) = "visorcar.png"

or a flat txt file
visora1.png
audio3on.gif
isorcar.png


Pirk - 2-13-2011 at 10:15 PM

perfect if it can manage PNG= in colors.ini

for the other images, i think you could make a standard list including all the names used by ejukebox. you know all the .gif .jpg and .bmp that have fixed names.


PS: you also have this at the end of the songlist.dis:
[SongList]
PlayImage=
PlayOnImage=
ArtistArrowImage=
ArtistArrowOnImage=

and this at the end of the savedalbumlist.ini:
[albumlist]
bgimage0=


Audiosoft - 2-13-2011 at 10:37 PM

you know what...
i think i can rip EJ's load skin code and extract all the images file names with a slight modification to the code above :D
though this is bound to miss an image somewhere it should be able to generate a list of 95% of the images


Pirk - 2-13-2011 at 10:54 PM

Quote:
Message original : Audiosoft
you know what...
i think i can rip EJ's load skin code and extract all the images file names with a slight modification to the code above :D
though this is bound to miss an image somewhere it should be able to generate a list of 95% of the images


ahh.. great, good idea!
will that also work for me when i want to make a public version of my skin? i suppose it would just need i run your new "load and rip" tool..


PS: maybe the new ripper will also be able to retrieve the font's real file names? :)


Audiosoft - 2-13-2011 at 11:05 PM

well it worked but only when there was 1 image per line of code.
probably could rip most of the other image names with regular expressions
but there are also some instances when ej will accept gif, jpg or png.
thanks for reminding me about the bottom of the songlist with the ='s


Pirk - 2-13-2011 at 11:20 PM

thank you for making this image ripper!


Audiosoft - 2-14-2011 at 12:04 AM

ok here are the file names i got from using regular expression to extract from the skin loading code in EJ...
colors.ini
artistlist.dis
nowplaying.dis
albumlistscroll.dis
playlist.dis
songlist.dis
songlist-large.dis
songlist-Xlarge.dis
homeview.ini
savedalbumlist.ini

timeemptybg.jpg
timeelapsedbg.png
star1.png
star2.png
star3.png
star4.png
pickcountbar.png
blank.gif
tt_bottom.gif
tt_left.gif
tt_left.gif
tt_top.gif
TT_TOP.GIF
searchbox.jpg
np1.jpg
np2.jpg
np3.jpg
np4.jpg
superedv.jpg
TopEDV.jpg
lookup.jpg
playlistheader.jpg
artlistheader.jpg
leftborder.jpg
lsnglistbrd.jpg
lsnglistbrd.gif
rsnglistbrd.jpg
rsnglistbrd.gif
barrow1.gif
barrow2.gif
farrow1.gif
farrow2.gif
ptimeslider1.gif
ptimeslider2.gif
ffbutton1.gif
ffbutton2.gif
pausebutton1.gif
pausebutton2.gif
playbutton1.gif
playbutton2.gif
volbutton1.gif
volbutton2.gif
optionsbutton1.gif
optionsbutton2.gif
expbutton1.gif
expbutton2.gif
vizbutton1.gif
vizbutton2.gif
volslider.gif
volback.jpg
timeelapsed.jpg
timeempty.jpg
AlbumListHeader.jpg
AlbumListHeaderANI.gif
Top.jpg
Header.jpg
TopEDV.jpg
HeaderEDVa.jpg
HeaderEDV.jpg
shelfbg.jpg
listbac.jpg
listbacWIDE.jpg
listbacNORMAL.jpg
searchbutton.png
timeslider.png
volumeslider.png
volumetrack.png
visora1.png
visora2.png
visorcar.png
visoralbumlistbar.png
songlistshadow.png
webshadow.png

still missing?
looks like artist/albumslider.png and keyboard images are missing
PNG= images in colors.ini
and this at the end of songlist.dis
[SongList]
PlayImage=
PlayOnImage=
ArtistArrowImage=
ArtistArrowOnImage=
and this at the end of the savedalbumlist.ini:
[albumlist]
bgimage0=
...


Pirk - 2-14-2011 at 10:19 AM

well many file names!


Pirk - 3-4-2011 at 04:31 PM

Audiosoft, for some time the Right Click menu in the songlist doesn't work anymore. nothing happens when i right click over the songlist or the artistlist..
and the .albumimageHI {} doesn't work anymore. the album title goes "default settings" (something like times new roman black). is it since i installed the RC of ie9? or maybe a ejukebox update?

Otherwise have you made some progress in the "skin builder"?

Thanks.


Pirk - 3-4-2011 at 07:54 PM

well strangely loading another "non-ie9" skin then reloading my ie9 skin fixed the problem for the songlist temporarily, but not for the artistlist.
and the .albumimageHI {} text is still not working.


Pirk - 3-4-2011 at 08:19 PM

the right click menu is gone again... it is gone after ej failed to load the songlist-large. loading another skin doesn't work this time! but restarting ej it worked again.. except songlist-large and Xlarge:


Pirk - 3-4-2011 at 09:56 PM

the songlist Play Now feature is not working anymore with ie9... :( i don't know if it's since the RC or the last ej update.
it always plays the same song, probably the first song in the db.


Pirk - 3-4-2011 at 10:28 PM

and yeah am working on my skin again... ;)


Pirk - 3-4-2011 at 10:38 PM

i don't know WHY since i installed the SP1 of win7 all the menus open to the left side??? they are crazy at Microsoft or what?! :o

[EDIT] well OK i fixed it with a reg file! whew.. :D


Audiosoft - 3-4-2011 at 11:21 PM

looking good Pirk! weird about the menu alignment!
i should be able to get right click working....
quick question...does right click work with A5 Vinyl?
is it only IE9STANDARDS mode that it does not work?

can you try putting in
body {height: 100%;}
and seeing if right-click works?


Pirk - 3-4-2011 at 11:40 PM

Quote:
Message original : Audiosoft
looking good Pirk! weird about the menu alignment!
i should be able to get right click working....
quick question...does right click work with A5 Vinyl?
is it only IE9STANDARDS mode that it does not work?

can you try putting in
body {height: 100%;}
and seeing if right-click works?

thanks!
right click work with A5 Vinyl? no, currently right click doesn't work in A5 Vinyl. so it seems it's not only IE9STANDARDS mode that it does not work.

OK adding "body {height: 100%;}" fixed the songlist for my IE9STANDARDS skin. i hope that will persist. Thank you very much for that Audiosoft.


Audiosoft - 3-4-2011 at 11:43 PM

fixed the songlist? did it fix right-click?


Pirk - 3-4-2011 at 11:43 PM

but it seems the "height: 100%;" trick doesn't work for my Artist list.

yeah it fixed the right click in songlist. well i hope it's really that which fixed it for good..


Pirk - 3-4-2011 at 11:52 PM

well i just noticed a new problem with the right click. the LINK is not the right one: :o in fact any album that i right-click gives me the same wrong link..


Audiosoft - 5-10-2011 at 07:10 PM

...
now extracts all .ini and .dis correctly

still needs to copy the folders albumpop and nowstars
and the big list of images which is still incomplete


Pirk - 5-10-2011 at 07:31 PM

Thanks. i really hope you are convinced of the usefulness of this tool, so you'll improve it!


Audiosoft - 5-11-2011 at 05:34 AM

this exe makes clean skin.zip's :o

Tools->Skin->Create Skin.zip

it will prompt you to make a clean zip Yes or No

you can test by renaming the zip to newname.zip and do Tools->Skin->newname
i think i got everything but there might be something...please let me know if you spot anything missing in the interface with the cleaned zip and i will add the file name so that it is copied to the zip

update:
so far the only problem detected with this exe is that searchboxon.jpg is not being copied to the zip.


Pirk - 5-11-2011 at 12:02 PM

Thanks a lot for this skin builder new feature Audiosoft. so i tried it frenetically! :D
well, a drawing is still better than a long explanation: too much cleaning! :o
i also noticed the cleaner don't clean the fonts. they are all copied in the zip, even these unused.


Pirk - 5-11-2011 at 12:26 PM

ok. in fact i think EJ stops the compression before the work is finished. EJ don't crash, but i get this message: "windows can't add one or several empty repertories in the compressed folder (zipped)"


Audiosoft - 5-11-2011 at 05:49 PM

ouch...
ok found the problem. EJ thought Windows was done with Compression... so the zip never finished being made. because it was waiting for "Compressing..." window and not yet also "Compression...". thanks your screen was a big help!

this exe fixes that and adds searchboxon.jpg

the fonts are problematic. yes it adds them all right now because the filename of the font is totally different from the font name used in the .dis and ini


Pirk - 5-11-2011 at 06:28 PM

Great! this time it worked a lot better! there are still a few background-image missing, but i think i know why these images are missing: in my skin i use multiple backgrounds allowed since ie9:
background-image: url(image1.png), url(image2.png), ... , url(imagez.png);


Audiosoft - 5-11-2011 at 06:31 PM

multiple backgrounds? what the?! do they layer on top each other?
problem with them is the cleaner can only process 1 file name from each line of .dis and .ini

see if this works in IE9 and the cleaner will get all 3.
background-image: url(image1.png),
url(image2.png),
url(imagez.png);

if i could get the font name from the font file then should EJ ignore all secondary fonts (LCD in this example) or include them?

font-family:bitsumishi, LCD, Arial, sans-serif;

trying to figure out...what is a positive hit for a font name?
if the name exists ANYWHERE in a .dis or ini ~ the font file is included
OR
if the name exists between : , or : ; when there are no commas between : and ;


Pirk - 5-11-2011 at 06:42 PM

RE: secondary backgrounds? what the?!
it works exactly like Photoshop with several png layers!

background:transparent;
background-color: hsla(210,100%,50%,.85);
background-image: url(image1.png), url(image2.png);
background-attachment: scroll, fixed;
background-position: 0% 1px, left top;
background-repeat: repeat, no-repeat;


RE: if i could get the font name from the font file then should EJ ignore all secondary fonts (LCD in this example) in the folder or include them?
font-family:bitsumishi, LCD, Arial, sans-serif;

if you can't get the font name from the font file, i could take care to rename the fonts i use i my skins to the same name than used in the .dis font-family: FONTNAME.ttf; but of course it's better if you manage to get the "official" font name automatically.
i think you can ignore the secondary fonts in the zip as normally they are not displayed.


Pirk - 5-11-2011 at 07:03 PM

RE: see if this works in IE9 and the cleaner will get all 3.
background-image: url(image1.png),
url(image2.png),
url(imagez.png);

YES, it works good!
note that it is possible to have more than 3 images layered together. i don't know the maximum allowed? well until now i think i only used 3 images.

Thanks!


Audiosoft - 5-11-2011 at 07:13 PM

Great! just give each background a line instead of all on one line. that way you can have as many as IE9 will allow and the cleaner will get them all.

don't worry about renaming the font files i found a way to get the name from them.


Pirk - 5-11-2011 at 07:30 PM

You are a god! thanks to your work on this i will be very relieved not having to sort images. :cool:

now i will "only" have the .dis files to clean manually: repeated instructions and others /* unused instructions */. i'll try more if any existing css validating tools can help me for that.


Audiosoft - 5-11-2011 at 07:44 PM

ugh i was wrong. i can only get the name from true type fonts. so skin will still be font heavy.
to get the font name the font must first be manually installed :(

there is a link somewhere on here to that online tool to clean css.
i will try to search for it...
couldn't find it. probably it doesn't work right with IE9 css anyway.
i think i have given up on making my .dis code look good there are more important things to worry about. sure i have repeat statements but the nice thing is IE9 parses it backward and ignores duplicates above.


Pirk - 5-11-2011 at 08:12 PM

mine can be really execrable! :D
i think if i leave it like that then it's not good for the skin life: later i have no desire to work on it again..

.titlehi {
width: 0px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 24px;
padding-right: 0px;

text-align:left;
cursor: url(Cursor-Hand-96no.cur), pointer;
font-family: blemished, ITC Avant Garde Gothic Demi, Century gothic, delicious,

blemished, Arial;
font-size:10pt;
font-weight:600;
line-height: 16px;
letter-spacing: 0px;
word-spacing: 0px;

color: hsla(204,100%,86%,1);
color: hsla(22,45%,13%,1);
color: hsla(0,100%,25%,1);
color: hsla(220,100%,30%,1);
color: hsla(30,100%,15%,0.85);
color: hsla(240,0%,100%,0.85);
color: hsla(32,92%,3%,.55);
color: hsla(20,56%,25%,1);
color: hsla(0,100%,27%,0.75);
color: hsla(240,0%,27%,1);
color: hsla(0,100%,32%,1);
color: hsla(20,56%,18%,1);
color: hsla(20,56%,0%,.60);
color: hsla(274,100%,25%,1);
color: hsla(300,100%,25%,1);
color: hsla(0,8%,10%,1);
color: hsla(300,100%,10%,1);
color: hsla(51,100%,10%,1);
color: hsla(300,100%,20%,1);
color: hsla(280,100%,28%,1);
color: hsla(300,100%,20%,1);
color: hsla(30,100%,10%,1);

/*color: hsla(0,100%,27%,1);*/
/*color: darkred;*/
/*color: hsla(33,19%,23%,1);*/
/*color: hsla(27,25%,23%,1);*/
/*color: hsla(30,93%,18%,.85);*/

/*color: hsla(22,45%,13%,1);*/
/*color: hsla(210,100%,100%,.99);*/

/*color: hsla(32,92%,20%,1);*/
/*color: hsla(22,45%,0%,.65);*/
/*height:16px;*/

background:transparent;

/*background-color: hsla(32,92%,49%,0.60);
background-color: hsla(50,48%,87%,0.75);
background-color: hsla(240,100%,40%,0.5);
background-color: hsla(32,92%,100%,0.50);*/


background:transparent;
background-color: hsla(38,70%,48%,.60);
/*background-color: hsla(240,100%,50%,.75);*/

background-image: url(alu3cyan23c.png), url(songbacHI.png);
background-attachment: scroll, fixed;
background-position: 0% -3px, left top;
background-repeat: repeat, repeat;


border-radius: 6px 14px 6px 14px;
/*border-radius: 80px 0px 20px 50px;*/
/*border-bottom-left-radius:4px 8px;*/

box-shadow:1px 1px 20px hsla(32,93%,0%,.65);

/*border-color: hsla(60,100%,90%,.35);
border-right-color: hsla(32,93%,100%,.10);
border-style: solid;
border-width: 1px 58px 4px 3px;*/
/*position: relative;*/
/*filter: shadow(color=#000000, direction=45, strength=1)
shadow(color=#000000, direction=135, strength=1)
shadow(color=#000000, direction=225, strength=1)
shadow(color=#000000, direction=315, strength=1)
;*/
border: 0px solid hsla(210,100%,100%,.5);
border-left: 2px solid hsla(32,93%,49%,.65);
border-right: 2px solid hsla(32,93%,49%,.65);
border: 2px solid hsla(32,93%,49%,.75);
border: 3px solid hsla(45,85%,62%,1);
border: 3px solid hsla(24,100%,50%,1);

/*border-left: 1px solid hsla(45,85%,62%,1);*/

/*border: 3px solid hsla(32,93%,0%,.5);*/


/*-ms-transform: translate(10px,0px) skew(0deg,0deg) scale(1,1) rotate(-1deg);*/
/*-ms-transform: skew(-6deg,0deg) scale(1.25,1) rotate(0deg) translate(40px,0px);*/
/*-ms-transform: scale(1.02,1.02);*/
position: relative;
top: 0px;
left: 0px;
z-index: 19;
-ms-transform: skew(-6deg,0deg) scale(1.6,1.4) translate(22px,0px) rotate(0deg);
/*border-top-left-radius: 6px;
border-bottom-left-radius: 6px;*/
border-radius: 8px 14px 6px 8px; /*8px 14px 6px 8px;*/
border-top-left-radius: 20px 30px;
border-bottom-left-radius: 20px 30px;
border-top-right-radius: 20px 30px;
border-bottom-right-radius: 20px 30px;

border: 3px solid hsla(32,93%,48%,0.65);
border: 2px solid hsla(54,77%,75%,0.60);

border-top-left-radius: 0px;

}


Pirk - 5-11-2011 at 08:17 PM

Audiosoft, maybe you could also add animated (or not) CURSORS to the cleaner?
cursor: url(Cursor-Hand-96no.cur), pointer;


Audiosoft - 5-11-2011 at 08:22 PM

to do what? replace all with that cursor?
can you attach .cur?
ie9 only right? i am on XP now :(

maybe you can use this to remove the extras from your .dis
http://www.cleancss.com/

the default setting worked good on your example...except you need to add the line break after each background image


Pirk - 5-11-2011 at 08:34 PM

a ie9 skin can use many cursors. the cursor can be different in each .abc{}
in my skin i added the animated cursors used in OSX! ;)

cursor: url(Swirl.ani), pointer;


Audiosoft - 5-11-2011 at 08:39 PM

ah ha! here i added .cur and .avi as files for the cleaner to put in the zip when they are in a .dis or .ini

...booting to win7 to see these animated cursors for myself!


Pirk - 5-11-2011 at 08:46 PM

RE: maybe you can use this to remove the extras from your .dis
http://www.cleancss.com/

Many Thanks Audiosoft! i tried it. the result seems totally clean! :cool:


Pirk - 5-11-2011 at 08:59 PM

RE: ah ha! here i added .cur and .avi as files for the cleaner to put in the zip when they are in a .dis or .ini

Thanks a lot Audiosoft: it's .cur and .ani, not .avi! :o


Audiosoft - 5-11-2011 at 09:01 PM

oops ani not avi here is the fix

on win7 animated cursors were interesting...
but they really don't work everywhere do they?
it seems some places EJ override them with the Hand


Pirk - 5-11-2011 at 09:17 PM

RE: on win7 and animated cursors are interesting...
but they really don't work everywhere do they?
it seems some places EJ override them with the Hand

you are right animated cursors don't work everywhere, but i managed to override the Hand in the songlist adding the swirl.ani cursor in body{} and other cursors in .title{}...

cursors can be huge: i converted a few large pngs to cursors. not sure of the usability, but it works good!


Audiosoft - 5-11-2011 at 10:15 PM

ah well that's good you found a way for the songlist and that is a nice png...maybe cursor if there was an arrow at the top left

don't worry about breaking the multiple backgrounds into multiple lines anymore. this exe's create skin.zip gets all the files even when on a single line.
background-image: url(image1.png), url(image2.png), url(image3.png), url(image4.png); is ok now! just make sure cleancss.com does not delete the ini style values from the .dis.

btw watch out! cleancss.com incorrectly adds px to opacity changing opacity:0.5; to opacity:0.5px; which doesn't work. other than that and the ini name= values cleancss.com so far works perfect.


Pirk - 5-12-2011 at 11:38 AM

Great! thank you Audiosoft for these improvements, and for the warnings even if i already noticed. ok now the ball is in my camp! ;)


Pirk - 5-12-2011 at 04:55 PM

i'm cleaning my skin.. noticed the EJ file cleaner forget to copy some images used in my playlist.dis:
animatedlaser.gif
music.jpg
bonobo-browser2.png
playlist-hover.png

i don't know if it failed because of these particular names?


Pirk - 5-12-2011 at 07:01 PM

another bug i noticed using the cleancss.com tool:
if you used "background-position:85% 102%, 35px 2px, 100% 0;"
the cleaner remove all the commas: "background-position:85% 102% 35px 2px 100% 0;" which does not work!


Audiosoft - 5-12-2011 at 07:42 PM

RE: commas :(

hmmm how are your playlist.dis formatted? like this?
background-image:url(moveto.gif);


Pirk - 5-12-2011 at 07:52 PM

yep the bug occurred with single images:
background-image:url(bonobo-browser2.png);


Audiosoft - 5-12-2011 at 09:47 PM

audiosoft.net/cleandis/
now the best way to clean .dis! it even handles opacity and those commas! and keeps the header/footer comments and footer [INIStyle] Name= values!

and this exe fixes the bug of missing playlist images in the skin.zip and adds 'Clean .dis' to the skin edit menu


Pirk - 5-13-2011 at 10:44 AM

wow great! Thanks. :cool:
so now it would just miss the fonts cleaning! if the .ttf can be recognized that would be already excellent for me. and you can copy all the .otf if they are not recognizable.


Audiosoft - 5-13-2011 at 05:56 PM

OK this exe only copies (to the skin.zip) the .ttf when its real font name (not filename) is found in the colors.ini as FontName=
or in the .dis as font (or font-family) between : and the first , or the ; if there is no ,
that should keep any unused .ttf out of the .zip!

this exe also now copies all .woff fonts
and like before it copies all .otf and all .fon


Pirk - 5-13-2011 at 07:09 PM

not working. should i rename my .ttf fonts first?


Audiosoft - 5-13-2011 at 07:26 PM

do not rename them.
grab the exe again there was a bug before it was only copying 1 tff. now it should copy all that are used and ignore secondary fonts after the comma


Pirk - 5-13-2011 at 07:41 PM

seems to work good: my skin passed from 90 .ttf fonts to only 9. very efficient! :D

so now i can focus all my efforts to the skin appearance. i like that! a few little (experimental) things still need to be fixed, then the "upload of the year" should finally occur. Thanks! :)


Audiosoft - 5-13-2011 at 10:07 PM

Great! :D

one more thing...
this exe will copy (to the skin.zip) any fonts referenced in the .dis or .ini that are 'installed in windows' but are not in the imagesskin folder!
this works for all font file extensions and all Windows XP standard fonts are prevented from being copied to the .zip.

it will only copy a missing font to the zip when the .dis or .ini contains the FULL font name registered with windows. i.e. using 'Segoe UI' works and copies the file to .zip but the Segoe UI Bold, Segoe UI Bold Italic font files are not copied with it so may still need to be manually added to imagesskin . Whenever possible use the full font name in the .dis and .ini so that the font is automatically added to the zip. The ColorPicker now has a FontView button that creates a preview list of the fonts installed in windows along with the css to use in the .dis. if you use that font-family: then the Create Skin.zip will automatically copy the font file to the skin for you.

this exe also fixes a recently introduced bug where the skin.zip you just created was then installed into the imagesskin the next time you clicked the Tools button...over writing any .dis changes since Create skin.zip. now, like before, the newly created skin.zip is not re-installed unless you rename the zip file.


Audiosoft - 5-14-2011 at 08:50 AM

there was still a bug with Tools reloading the skin.zip
this one is good...


Pirk - 5-14-2011 at 08:56 AM

wow great idea your font viewer! seems to work good.

"using 'Segoe UI' works and copies the file to .zip but the Segoe UI Bold, Segoe UI Bold Italic font files are not copied": well it's a pity.

otherwise when in full screen (or not!) the ScrollBar is a bit out of the screen:


Audiosoft - 5-14-2011 at 09:06 AM

yes tis but keep in mind "Segoe UI Bold Italic" works as font-family: Segoe UI Bold Italic;
if you use that then the font file automatically gets added to the zip.
it is only when use font-family: Segoe UI; and you add font-weight: bold; that you must add the Segoe UI Bold's file to imagesskin

if you use the FontView to pick out fonts and copy the font-family:etc then you don't have to worry about including the file for the font.

glad you like the FontView! sorry about the scrollbar...it looks right on XP. i thought why not preview every possible font instead of making the user pick from a drop down box 1 at a time....and so FontView was born


Pirk - 5-14-2011 at 09:23 AM

ok thanks for the explanations. in the future probably FontView will spare me to add tons of fonts in the skin folder! Thanks.


Audiosoft - 5-14-2011 at 09:27 AM

your welcome! :D
time for me to get some sleep...when i wake up i will probably release that exe as v5.61


Pirk - 5-14-2011 at 09:33 AM

ok i'll try to upload my skin during your sleep. Sweet Dreams! ;)


Audiosoft - 5-15-2011 at 07:46 AM

it seems in v5.61 that using the long font-family: css found in FontView does Not display the font in IE9Standards mode...they only work in quirks mode :(
ColorPicker's Test Bed proves it. if we wanted every variant font for .ttf to be copied to the zip (i don't think we do) then there would be no need for the FontView font name; which copies 1 font file. to get around IE9 not liking the name we could use font-family: IE9 font name; font-copy: FontView font name; and it will both work and auto add the font file to the zip. i can add the .ttf's IE9 acceptable font name to FontView's css but i have no way yet to get .otf's name.

on a happier note...here is a trick for the songlist.dis that prevents long genres from wrapping and causing less song titles to fit on the screen.

.genre div { width: 115px; TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden;}
.genrehi div { width: 115px; TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden;}

can test that with with: 55px; and you always get a ... :o


Pirk - 5-15-2011 at 08:07 AM

well if already the unused fonts are removed i can live with that!
i'm still fighting with my songlist... .titlehi and .titleedithi


Audiosoft - 5-15-2011 at 08:13 AM

yes at least now it gets rid of unused .ttf
good luck with your .titlehi's
here is the one i am playing with for IE9. no images just css so far...it extends a little to the right of the title over the rating and looks a little like an arrow to the playlist.

.titleedithi {
text-decoration:none;
height:20px;
font-size:14px;
font-family:Arial, Helvetica, san-serif;
letter-spacing:-1px;
font-weight:700;
line-height:15px;
cursor:pointer;
background-position:left 50%;
background-repeat:no-repeat;
background-image:url();
color:hsla(60,100%,90%,0.6);
text-align:left;
background:transparent;
background-color:rgba(111,111,61,0.05);
border-top:3px inset rgba(222,111,61,0.1);
border-left:3px inset rgba(111,111,61,0.1);
border-right:3px inset rgba(111,111,61,0.1);
border-bottom:3px inset rgba(222,111,61,0.1);
border-radius:100% 10% 100% 100%;
box-shadow:inset 13px 3px 30px hsla(160,100%,70%,0.3);
border-top-left-radius:100% 100%;
border-top-right-radius:50% 50%;
border-bottom-right-radius:50% 50%;
border-bottom-left-radius:100% 100%;
zoom:122%;
border-color:#000;
border-style:solid;
border-width:0;
margin:0;
padding:0 0 0 5px;
}


Pirk - 5-15-2011 at 08:25 AM

i'm doing the same thing: .titlehi overlapping under the rating. i still need to found a good variant for .titleedithi


Pirk - 5-15-2011 at 10:49 AM

for .titleedithi, do you like this color?


Pirk - 5-15-2011 at 10:50 AM

or would you prefer this version?


Audiosoft - 5-15-2011 at 12:06 PM

yes! i have found a way to get the font name from most .otf and .fon files. so now EJ will also keep most unused .otf and .fon files like .ttf out of the skin.zip. this exe does that and updates FontView to make the list alphabetical and adds the css for font-copy: which holds the name associated with the individual font file for 'add missing fonts'. when that name is the same then only font-family appears because that is all that is needed to copy the file. Also the FontView now renders the fonts using IE9Standards mode since fonts look better that way :D


Pirk - 5-15-2011 at 12:56 PM

yep i also noticed fonts looking really better with IE9 standards!
glad you managed to improve the fonts handling in skins.


Audiosoft - 5-15-2011 at 01:08 PM

and this exe handles .dis that has no line breaks...
font-copy: TektonPro-BoldObl; font-family: Tekton Pro;
was not including the font in the .zip with the last exe because there was no line break between the 2. now it is all good!

also the FontView scrollbar should no longer be clipped on Win7

v5.61 official installers have been updated with the new exe


Pirk - 5-15-2011 at 01:35 PM

you are the best! ;)
i just noticed the alphabetical order in fontview doesn't work with some fonts?
thanks for the right border!


Audiosoft - 5-15-2011 at 01:54 PM

hmm well it is sorted by the full name registered with windows for the font file. it seems there is nothing between font-copy: ; on top ones...so it must not have a name somehow that is why it is at the top.

if you want you can see if those have a name listed in:
run regedit
and browse to
HKEY_LOCAL_MACHINESOFTWAREMicrosoftWindows NTCurrentVersionFonts


Pirk - 5-15-2011 at 02:09 PM

well ok.. it's not a big problem. thanks for the explanations!


Pirk - 5-15-2011 at 09:33 PM

Guys, i think i am about to Open Audiosoft's EJukeBox!

http://img.clubic.com/00DC00DC00046006-c2-photo-oYToxOntzOjU6ImNvbG9yIjtzOjU6IndoaXRlIjt9-pandora-s-box-logo.jpg

Stay tuned... :D

PS: Don't worry it's just a skin... well The Skin!


Audiosoft - 5-16-2011 at 01:40 AM

:D excited for your new skin Pirk!
Unleash the Beast!!!


Pirk - 5-16-2011 at 12:25 PM

Audiosoft, before i Unleash the Beast, i would need some more help for my Playlist skinning:
could you update EJukebox to avoid Similar Album Icons Repetition in the playlist? i think we could show Track Lengths instead of any repeated album icon. the playlist would look better and more functional (less wasted height), especially as now in my skin the album icons are much Enlarged via css instructions! :o

If that can help: each time that "playlisttrunc.gif" is displayed you replace the album icon on the same line by the track length. Easy! ;)


Audiosoft - 5-16-2011 at 07:11 PM

hmm well i don't know if that is a good idea for every skin
but i should be able to add an option for that in the playlist.dis
are you going to be here for a new exe 1 hour from now?


Pirk - 5-16-2011 at 07:23 PM

ah great if you can add a option for that! thanks a lot.

1 hour? well normally i should not stay active very late tonight, but i'll wait for this good cause!


Audiosoft - 5-16-2011 at 07:53 PM

ok well i should have it for you in about 15 minutes


Pirk - 5-16-2011 at 08:00 PM

perfect!


Audiosoft - 5-16-2011 at 08:02 PM

the magic code for the bottom of playlist.dis is...

[ShowTrackLengthsNotRepeatIcons]
Enable=1


Pirk - 5-16-2011 at 08:07 PM

ok i already added the new option in my playlist! i don't know if that will work good with your new exe just adding that in my playlist?


Audiosoft - 5-16-2011 at 08:11 PM

That code in the playlist.dis should work good when the user's display option is set to show album icons...which is the default.


Pirk - 5-16-2011 at 08:20 PM

ok i'm trying your new exe. well it works but the rows with playlisttrunc.gif are also enlarged even if there is no album icons in them. i would need a way to differentiate those with album icons than those without. maybe if you can add a specific .NotRepeatIcons {}

i use this in playlist.dis to enlarge album icons:

.playlist0 img,
.playlist1 img,
.playlisthi img,
.playlisthinew img,
.playlistmoveup0 img,
.playlistmoveup1 img,
.playlistmovedn0 img,
.playlistmovedn1 img {
width:80px;
height:80px;
border-radius:4px;
margin-top: 4px;
position:relative;
top:-2px;
margin-left:-27px;

}


Audiosoft - 5-16-2011 at 08:28 PM

hmmm does it work in this?

.cover img {
}

or maybe just

.cover {
}


Pirk - 5-16-2011 at 08:33 PM

well with your 2 ways i get this: covers are not enlarged

.cover img {
width:80px;
height:80px;
border-radius:4px;
margin-top: 4px;
position:relative;
top:-2px;
margin-left:-27px;
}


Pirk - 5-16-2011 at 09:04 PM

this last one works better but it breaks the up next cover (normally i also enlarged it to 135x135)


Audiosoft - 5-16-2011 at 09:07 PM

new exe so you can use in the playlist.dis

#coverbig {
width:180px;
height:180px;
}


Pirk - 5-16-2011 at 09:26 PM

no, covers don't shrink. the new exe works better for up next cover, but the problem is with the extra-width on the left side of each cover. before i reduced it using margin-left:-27px; but since your new exe(s) it seems that doesn't work anymore?


Audiosoft - 5-16-2011 at 09:28 PM

really? they don't shrink when you put the mouse over the covers or click them?

i will fix that margin.


Pirk - 5-16-2011 at 09:33 PM

no the size remains the same when i mouse over or click on the covers.

great if you can fix the extra width.


Audiosoft - 5-16-2011 at 09:40 PM

wow that is interesting. under IE8 they change size but with this exe not anymore. this also fixes the margin issue.


Pirk - 5-16-2011 at 09:53 PM

Thanks! this exe works good. even if it still remains 1 extra pixel on the left side of the covers.


Audiosoft - 5-16-2011 at 09:56 PM

great! i think i know what is causing the extra pixel so that should be fixed in the next exe

i am also going to add code to allow for
#coversmall { } to override the smaller icon sizes for when Not using...


Pirk - 5-16-2011 at 10:06 PM

ah ok, when you are at it.

a future update could be we have Autoplay modes which can list several titles and covers.. but it's another story!

i will try to upload my skin this week(!)


Audiosoft - 5-16-2011 at 10:09 PM

great looking forward to it!
yes i too would like to figure out some way to enhance the "Next" on AutoPlay.


Pirk - 5-16-2011 at 10:18 PM

i like much the new playlist with large covers:
i noticed the extra-width is only fixed for the First Page of the playlist! :o

Thanks again for your updates "on the fly"! :cool:


Audiosoft - 5-17-2011 at 07:16 AM

i like your new playlisttrunc! ;)

when you get a chance...try this exe and let me know if the extra width is fixed for you

also i have made some changes
this is better because you don't have to worry about the position in the playlist.dis

use .pmnextsongright img {} instead of #upnextcover
use #coverbig { width:37px; } instead of #cover

this exe fixes the width to #coverbig's width: and now centers the #coversmall icons by default for all all skins


Pirk - 5-17-2011 at 12:20 PM

Great! your v5.62 Beta works good Audiosoft.
i also tried to mix large and small covers using: [ShowTrackLengthsNotRepeatIcons] Enable=0
looking good too! and it appears that there is room for track length and small covers juxtaposed! i don't know if you'll be hot to allow that? i think the playlist would look even better, and more functional! :o

glad you like my playlisttrunc.gif! maybe you could also allow playlisttrunc.PNG?

Many Thanks!


Audiosoft - 5-17-2011 at 07:58 PM

Pirk, actually with the right-align i preferred your 'blank.gif' playlisttrunc ;)

with this exe
this works to set the font for the track length:

#tracklength {
FONT-FAMILY: Arial;
font-size: 12px;
}


and so that EJ can show the track length to left of the cover image in the playlist.dis...
[ShowTrackLengthsNotRepeatIcons] has been removed and changed to:

[coverbig]
ShowTrackLength=0

[coversmall]
ShowTrackLength=1
ShowIcon=1

you can even put track length on top of the covers with this example code http://www.audiosoft.net/forums/viewthread.php?tid=762&page=4#pid82436


Audiosoft - 5-18-2011 at 03:25 AM

...


Pirk - 5-18-2011 at 07:45 PM

the mixing of covers and track length now works good. Thank you Audiosoft. i also changed my playlisttrunc!


Pirk - 5-24-2011 at 02:21 PM

Audiosoft, could you add a way to center the playlist titles Vertically? i mean each title individually in its row, without adding a "padding-bottom", so the lines are not more height than necessary and more titles are visible. Thanks.

PS: I suggest you this site: http://www.zahia.com/
and this video in particular: the-cat-cave-video


Audiosoft - 5-24-2011 at 07:51 PM

something like this might work if you put it at the end on playlist.dis
http://www.w3schools.com/css/pr_pos_vertical-align.asp


td
{
vertical-align:middle;
}


btw there is a cool slide animation but i don't see any videos at your link?


Pirk - 5-24-2011 at 08:07 PM

well i've tried your trick, but no success: with vertical-align:middle; no change, titles are still not centered. maybe the image playlisttrunc.gif interfere?

no video? weird for me it plays good! it's in Flash.


Audiosoft - 5-24-2011 at 08:08 PM

does line-height: do anything?
or setting padding-top: 1px; and padding-bottom: 1px;

btw it seems border-radius and especially box-shadow are what makes background videos slow :( hopefully IE10 will be better


Pirk - 5-24-2011 at 08:27 PM

line-height: do what it is supposed to do, but the titles are still not centered.
i already tried padding-top: 1px; and padding-bottom: 1px; no success.

maybe there is something in the html which shift down texts in the playlist?


Audiosoft - 5-24-2011 at 08:30 PM

make sure you are not using 'position: relative;' on the .playlist0 .playlist1


Pirk - 5-24-2011 at 08:34 PM

i removed position: relative; in playlist0 and 1 but still no success.


Audiosoft - 5-24-2011 at 08:36 PM

0 and 1 remove any top: or bottom: in them
vertical-align: middle;


Audiosoft - 5-24-2011 at 08:37 PM

RE maybe there is something in the html which shift down texts in the playlist?

i doubt it because in all other skins the text is in the middle.

even your screen before last the text was close to the middle. what did you change?
in your 2nd screen...the covers are no longer aligned with the right side

seems to me that if you get rid of 'all extra height' then they have to be in the middle


Pirk - 5-24-2011 at 08:50 PM

Quote:
Message original : Audiosoft
RE maybe there is something in the html which shift down texts in the playlist?

i doubt it because in all other skins the text is in the middle.

No, the text is Not centered in all the skins! look in your last screenshot. your titles are not centered regarding the borders:

http://www.audiosoft.net/forums/viewthread.php?action=attachment&tid=2839&pid=82437

Quote:

even your screen before last the text was close to the middle. what did you change?


i just reduced padding-bottom to 0px: less height used by each title, but no more centering!


Pirk - 5-24-2011 at 08:55 PM

RE: seems to me that if you get rid of 'all extra height' then they have to be in the middle

not exactly! the "problem" is there. why texts are not centered naturally in the playlist? i don't have this problem in the songlist.


Audiosoft - 5-24-2011 at 08:58 PM

thanks Pirk you are right again!
try this #title actually controls the playlisttrunc image but it seems to make the text in the middle when you set the trunc to the middle. going to make this the default in v5.64 so that it fixes all new and old skins so it aligns the playlist titles to the middle

#title {
vertical-align: middle;
padding-top:0px;
padding-bottom:0px;
}


Pirk - 5-24-2011 at 09:13 PM

Great! i think you solved my problem! :D Thanks a lot.


Pirk - 5-24-2011 at 10:00 PM

you deserve a glimpse of my new playlist! :D


Audiosoft - 5-24-2011 at 10:05 PM

Thanks Pirk! :D
Looks AMAZING :o I can't wait to try it!

i am not proud of yellowjacket. it is kind of ugly
i think now i will try to redo NeoBlues for IE9


Pirk - 5-24-2011 at 10:21 PM

yeah i'm very happy that my playlist can work more decently! but now the worst is my songlist.. so now i'll work on the songlist a bit more. i think i'll post something this week even if unfortunately all the parts are not totally coherent together. Thanks again for your so precious help!


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

your welcome Pirk!

well since microsoft still has not implemented text-shadow...
try this exe and add this to your songlist.dis
it does a double strike of the text under the .title,hi,edithi

.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);
}


Pirk - 5-25-2011 at 10:22 AM

ah good idea Audiosoft! so i tried your palliative in my songlist, and it seems only the first solution (without filter) works for me. the shadow with the additional filters don't work, at least in my skin: ejukebox freezes (50% cpu). i also noticed even without filter that the additional 1px padding can produce undesired "carriage returns", or rather the contrary:

EDIT: well it's not the padding. i tried without and the same problem occurs.


Pirk - 5-25-2011 at 10:46 AM

however the effect can be interesting! ;)


Audiosoft - 5-25-2011 at 11:35 AM

hmm thanks for the screens....i see that problem with the text wrapping now. i will try to fix it the best possible when i wake up. for now if you like you can test if this exe makes any difference on IE9


Pirk - 5-25-2011 at 12:14 PM

a new exe, thanks! well, good night. ;) (it seems it's worst)


Audiosoft - 5-25-2011 at 09:44 PM

check it out! i dreamed up a fix! :D

with this exe it now automatically wraps the shadow text to match the font/size/zoom in the .title, .titlehi, .titleedithi

in songlist.dis

.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);
}


Pirk - 5-25-2011 at 10:30 PM

it works good, but for me only without the filters, which is already better than nothing!
maybe you could allow .titletextshadow, .titleHItextshadow and .titleedithitextshadow? so i could use different colors.

with the filters: i can see the shadow effects only once, then ej freezes just after it has shadowed my songlist.


Audiosoft - 5-25-2011 at 10:41 PM

hmm i wonder why the filter is not showing for you. maybe your cool first letter? or maybe because you have position: in .title? or a .title span?
filter is doing the same thing on IE8 skins - they disappear after a second

they work on my IE9 skin...


Pirk - 5-25-2011 at 10:58 PM

ok you are right, your shadow filters don't like first-letter and -ms-transform: scale(). if i remove these options it works normally.


Audiosoft - 5-25-2011 at 11:12 PM

this code gets the first letter and transform 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.
.titletextfilter { -ms-transform: rotate(5deg);} //use here or in .title, hi, edithi...transform works with only Blur filter in .titletextshadow or no filter
.titletextshadow { color: hsla(60,100%,0%,0.6); padding-left: 1px; padding-top:1px; filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=3);}

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

so now we have text-shadow for the song titles!
it is better...hopefully we can have real text-shadow on ALL texts with IE10!

btw you can flip the video backgrounds!
#BGVideo {opacity:1;
-ms-transform: rotate(180deg); }


Pirk - 5-26-2011 at 09:17 AM

if i replace ".title :first-letter" by ".titletextfilter:first-letter" ej don't freeze anymore.
it seems the shadow in ".titletextshadow { color: hsla(60,100%,0%,0.6); padding-left: 1px; padding-top:1px; filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=3);}" don't work for me: no freeze, but no Blur for me.


Audiosoft - 5-26-2011 at 09:21 AM

yeah Blur really doesn't do much you need this

filter: glow(color=#000000,strength=2) progid:DXImageTransform.Microsoft.MotionBlur(strength=2, direction=310) progid:DXImageTransform.Microsoft.Blur(pixelradius=2);

but it only works if you do not transform the titles

it is really the best possible until text-shadow


Pirk - 5-26-2011 at 09:36 AM

ok thanks. i will try to play more with all that!


Pirk - 5-26-2011 at 05:00 PM

here is what i get currently: i start to tame the shadow and filters! some filters are working good, even if the shadow is not always perfect.


Pirk - 5-26-2011 at 07:19 PM

the only problem is my .titlehi, using zoom: 130%;, works good only with one line song titles. if there are more than one line the height of the background is reduced instead of enlarged.. maybe you have a solution?


Pirk - 5-26-2011 at 07:48 PM

a strange thing i noticed: when the album cover is more height than all the album titles, .titlehi backgrounds are enlarged good! so probably there is a solution, but how?


Pirk - 5-26-2011 at 10:07 PM

Audiosoft maybe have you an idea?


Audiosoft - 5-26-2011 at 10:43 PM

Your songlist is looking great... i am impressed! :D
the misalign is because the shadow text does not have the first letter. (also the padding: 1px; might make it wrap different). the way that adds first letter to the shadow causes IE9 to freeze so i think we are stuck with it until text-shadow actually works. the only fix until then is decreasing the first letter size or maybe padding-left: ++px; in the .titletextshadow


Pirk - 5-26-2011 at 11:41 PM

Thanks. the problem is the background in .titlehi is not zoomed in height (only in width) contrary to the text. so more there are lines for a song title, more height for its background is lacking. this problem don't occur when the total height of the song titles is < to the album cover height! (cf. the Sepultura capture)
maybe there would be a way to enlarge the .titlehi background in height? an expression or any magic formula? a div?


Audiosoft - 5-27-2011 at 12:44 AM

i don't know. height: 100%? change it to a different image for the zoom?
microsoft removed expression support in IE9

btw v5.64 will produce even less global warming...
now when video is fullscreen or shelf3d is fullscreen it pauses the VU and the backgrounds...also when a focused window is onTop and covering > 1/2 of EJ. before it just stopped them when EJ was minimized.


Pirk - 5-27-2011 at 09:58 AM

ok, thanks for these improvements. i don't know if that will be sufficient! :D


Pirk - 5-27-2011 at 01:10 PM

...adding some DIV seems to help much:


Pirk - 5-27-2011 at 03:38 PM

my problem with the background height is solved adding a .titlehi DIV, but i still can't get the shadow to work when more than one line:


Pirk - 5-28-2011 at 01:12 AM

Here is a mouse-over effect: i'm working on!


Pirk - 5-28-2011 at 01:36 AM

the song backgrounds are very extensible, if need be! :D


Pirk - 5-28-2011 at 10:03 AM

mouse over song titles starts to work better too!
next i think a "add to playlist" effect will be welcome... then maybe this skin will be almost finished. oh well.. no work on the video links yet!


Pirk - 5-28-2011 at 01:15 PM

we can always improve!


Pirk - 5-28-2011 at 01:26 PM

...


Pirk - 5-28-2011 at 01:43 PM

...


Audiosoft - 5-28-2011 at 03:14 PM

great! i love the purple highlight! nice work! :o

MS working on better gradients for IE10...
http://blogs.msdn.com/b/ie/archive/2011/05/04/css3-gradients-in-ie10-platform-preview-1.aspx


Pirk - 5-28-2011 at 03:40 PM

nothing beats real use! i still need to "upgrade" my .titleedithi, and video links too.. well as i don't use them much (slow connection..), maybe i'll ignore. :)


Pirk - 5-28-2011 at 03:48 PM

Quote:
Message original : Audiosoft
great! i love the purple highlight! nice work! :o

MS working on better gradients for IE10...
http://blogs.msdn.com/b/ie/archive/2011/05/04/css3-gradients-in-ie10-platform-preview-1.aspx


thanks! i too like much this new button! :D
interesting these CSS Gradients for IE10.. great possibilities already in IE9!

PS: finally your text shadow is not working so bad! ;) Thanks a lot for that, nice work! maybe next you will do the same for the album names?


Audiosoft - 5-28-2011 at 04:13 PM

other than small problems i love the new .titletextshadow
for album names? would be nice if all text could have text-shadow without the issues. with all the highlights it is not really possible when there is an image in the same box as the text...until IE10. i tried in the artist list to make a shadow and it is very problematic. .titletextshadow is a hack...2 texts in the box when it should only need 1. Microsoft must add text-shadow in IE10!


Pirk - 5-28-2011 at 06:36 PM

ok we will wait until ie10 using your hack! i was dreaming innocently the .titletextshadow can work everywhere with the same code. :D


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

Ralph Lauren Outlet Online USA
Home Nike Air Jordan Low UK
Coach Tote Outlet Online Europe
Palace Skateboard Hoodies White
Golden Goose Hi Star Sale Italy
Polo Ralph Laurens for women
ED Hardy Shopping
Ralph Lauren USA UK
Adidas Nemeziz Store Online
Wholesale ED Hardy T-Shirts
Supreme Store No Tax
Adidas Boost For Sale
Kate Spade Hobos
Ed Hardy Beach Pants Discount
Womens Ed Hardy Hoodies Sale
Coach Backpacks Free People Discount
White UK Pandora Earrings
Polo Ralph Lauren By Free Shipping
Off White Hoodies Top Designer
us coach totes women
Classic Styles Kate Spade
Coach Luggage Royal Fashion Bags
Supreme Outlet Singapore
Nike Air Max Plus USA Fashion
Kate Spade factory outlet
Ralph Lauren Body Warmer Vest
Air Jordan High Red Bule
Love Kills Slowly T Shirts
Outlet Nike Air Jordan 1 USA
discountable price Coach
Kate Spade Wallets
Authentic Adidas Discount Outlet
Adidas Yeezy Boost For Men
Coach Mini Bag USA Factory Outlet
Air Jordan Mid Online
Buy High Quality Nike Air Max
Worldwide shipping Ed Hardy
US Outlet Golden Goose Superstar
Champion Jackets Logo
Pandora Charms Superior Quality
Lowest Price ED Hardy T Shirts
Big Pony Ralph Lauren
Polo Ralph Lauren Jackets Sale New York
Ralph Lauren Down Jackets Factory Outlet
Ralph Lauren Polos black
Largest Adidas Yeezy Boost Collection
Men's Ralph Lauren Hoodies New Arrival
timeless Coach design
Salomon Speedcross Fashion Designs
How Much Is Worth Nike Air Force
Coach Handbags Outlet Online
Nike Shoes Just For You
Pink Adidas Superstar
Champion Free Shipping
Ralph Lauren White Black
UK Online Ralph Lauren
Coach Discount
Best Adidas NMD Boost Online
Nike Air Force 1 Gift
Ralph Lauren Classic Polos
Official Supplier Ralph Lauren Body Warmer
Wholesale online Salomon Running Shoes
Adidas Products In White Black
Kate Spade Shoulder Canada Outlet
Large Discount Polo Ralph Lauren
Ralph Lauren Yellow Red
New York Nike Air Jordan
cheap big Kate Spade
Black White OFF White
outlet online Coach
Nike Kyrie Shoes US Save Off
Nike Air Max Wholesale Online USA
Kate Spade Surprise Sale
Genuine Ed Hardy T Shirts
Nike Air Max 97 Online Shopping
Polo Ralph Lauren Official Website Discount
China Nike Air Max 90 Cheap
Coach Purses Discount
Official Adidas Yeezy Boost Online Website
Ed Hardy Love Kill Slowly
Pandora Charms Quality And Quantity
Home Pandora Necklaces UK
Polo Ralph Lauren Plus Size
Kate Spade black Friday
Low Price Ralph Lauren Hoodies
US Mens Nike Kobe Shoes
Hogan Platforms Italy Factory Outlet
Polo Ralph Lauren Shop Free
Nike Air Max White Black
Buy Online Nike AJ Shoes
Best Women's Hogan Shoes Online
New York Adidas Boost Sale
Denmark Adidas NMD Boost
USA coach leathers
where can i buy Ed Hardy
Nike Air Jordan USA
Nike Blazer Buy White


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

ralph lauren outlet
Cheap Snapbacks
China Nike Air Max 90 Cheap
Nike Air Force 1 Gift
Nike Air Jordan High For Sale
Ralph Lauren Body Warmer Vest
Bape T Shirt
Nike Air Jordan
Birkenstock Arizona
Jimmy Choo Shoes
Ralph Lauren Down Jackets Factory Outlet
Wholesale online Salomon Running Shoes
Ralph Lauren Outlet Online USA
Salomon GTX
Sale Adidas Soccer Jerseys Online
Adidas Yeezy Boost For Men
Longchamp Outlet
Discount Oakley Sunglasses
Asics Outlet
Asics Running Shoes
NFL Jerseys Players Number
Authentic Adidas Discount Outlet
Fjallraven Kanken Backpacks
Pandora Charms Quality And Quantity
Longchamp Canada
Air Jordan High Red Bule
Soccer Jersey Outlet
Best Women's Hogan Shoes Online
polo ralph lauren outlet
Pandora Charms 14K
yeezy boost 750
soccer womens shoes
Nike Blazer Buy White
Buy High Quality Nike Air Max
adidas nmd boost
golden goose sale
polo ralph lauren
Low Price Ralph Lauren Hoodies
Longchamp Le Pliage
Spain Football Jerseys Low Price
Ralph Lauren USA UK
Pandora Charms
49ers NFL Jerseys
adidas neo
UK Online Ralph Lauren
Nike Air Max Plus USA Fashion
Best Adidas NMD Boost Online
Nike Air Jordan Black
Large Discount Polo Ralph Lauren
polo ralph lauren outlet
Jimmy Choo Slingbacks
Nike Air Max 97 Online Shopping
Ralph Lauren White Black
Balenciaga Sneakers
Polo Ralph Laurens for women
Bape T Shirt
Oakley Eyeglasses Official
Womens Ed Hardy Hoodies Sale
Salomon Speedcross Fashion Designs
Ralph Lauren Classic Polos
Adidas Boost For Sale
Snapback Caps
Salvatore Ferragamo
Balenciaga Shoes
Lowest Price ED Hardy T Shirts
Ferragamo Shoes
Black White OFF White
Home Nike Air Jordan Low UK
pandora store
Nike Kyrie Shoes US Save Off
Ralph Lauren Shirts
Soccer Shoes Outlet
Air Jordan Mid Online
Pandora Jewelry Official Site
Ralph Lauren Shirts
pandora online
Ed Hardy Beach Pants Discount
Balenciaga Sneakers
Adidas Yeezy Boost Sale
Bape T Shirt
Polo Outlet USA
Cheap Nike Shoes
Oakley Sunglasses Cheap
Snapback Hats Wholesale
Adidas Football Jerseys Wholesale
Adidas Products In White Black
Off White Hoodies Top Designer
Golden Goose Hi Star
Jimmy Choo Slingbacks
pandora charms
ED Hardy Shopping
Christian Louboutin Red Soles
Big Pony Ralph Lauren
Polo Ralph Lauren By Free Shipping
Salomon Boots
Pandora Necklaces
Birkenstock Discount
Ralph Lauren Polos black
pandora rings
Jordan Shoes Online
Ralph Lauren Polo Shirts
Official Supplier Ralph Lauren Body Warmer
Oakley Glasses Outlet
Adidas Nemeziz Store Online
Adidas Basketball Shoes
Converse All Star
US Outlet Golden Goose Superstar
Golden Goose Superstar
Nike Soccer Outlet
Fjallraven Festival Season
Balenciaga Triple S
soccer shoes
Nike Shoes Just For You
Adidas Soccer Jerseys US New York
Home Pandora Necklaces UK
pandora charms
Polo Ralph Lauren Shop Free
nike outlet store
Longchamp Le Pliage
Nike Air Max Wholesale Online USA
US Mens Nike Kobe Shoes
Nike Air Jordan EU
Converse All Star
hogan shoes sale
Denmark Adidas NMD Boost
air jordan retro
hogan outlet
pandora charms
pandora jewelry
Low Price Pandora Jewelry
Birkenstock Pisa
Ralph Lauren Polos
Pink Adidas Superstar
How Much Is Worth Nike Air Force
Longchamp Tote
Ed Hardy Love Kill Slowly
Oakley Eyewear
Jimmy Choo Shoes
Polo Ralph Lauren Jackets Sale
Wholesale ED Hardy T-Shirts
Golden Goose Sale
salomon xa pro 3d
polo ralph lauren
adidas outlet
ECCO Collection
Largest Adidas Yeezy Boost Collection
Polo Ralph Lauren retail prices
Pandora Necklaces
Men's Ralph Lauren Hoodies New Arrival
Pandora Charms Superior Quality
New York Nike Air Jordan
polo outlet
Pandora Official Site
Buy Snapbacks Caps
cheap jordan shoes
Replica NFL Jerseys
Ecco Kids
Polo Ralph Lauren Official Website Discount
Fjallraven Backpacks
Womens Adidas Shoes
Christian Louboutin Heels
mercurial superfly
Soccer Jerseys Online Shop
Love Kills Slowly T Shirts
Ralph Lauren Yellow Red
Pandora Earrings Sale
Ferragamo Shoes
Genuine Ed Hardy T Shirts
Cheap NFL Jerseys From China
ralph lauren polo shirts
Christian Louboutin Mary Jane Pumps
Adidas UAS Sale
Outlet Nike Air Jordan 1 USA
Discount Sale Salomon
Salvatore Ferragamo
Polo Ralph Lauren Plus Size
Salomon Shoes Outlet
Buy Online Nike AJ Shoes
Birkenstock Bali
Online Nike Air Max 720
Nike Mercurial Vapor
Asics Onitsuka Tiger
Adidas X 18 Soccer
Bape Jackets
pandora charms
Ecco Fitness Collection
Golden Goose Sale
Asics Gel Nimbus
Fjallraven Backpacks
where can i buy Ed Hardy
Longchamp Bags
Pandora Gift Official Site
Nike Air Max White Black
polo ralph lauren outlet online
Oakley Sunglasses Outlet
Salomon Shoes
Worldwide shipping Ed Hardy
Cheap Oakley Wholesaleus
Golden Goose Size


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

Pandora Trends
Premier League Jerseys
Salomon Speedcross Fashion Designs
Pandora Promotions
Pandora Charms
Rayban Aviator
NFL Las Vegas Raiders
Pandora Rings
49ers NFL Jerseys
Fietsshirt Online
Worldwide shipping Ed Hardy
Oakley Sunglasses USA
Pandora Earrings
Pandora Earrings
Größen
Pandora Jewelry Outlet
Snapback Caps
Biehler Radtrikot Online Kaufen
Oakley Prescription
Ferragamo Shoes
Off White
Pandora Gifts Christmas
Palm Angels
Ecco Fitness Collection
Jimmy Choo Slingbacks
Pandora Online Shop
Salvatore Ferragamo
Love Kills Slowly T Shirts
Discount Oakley Sunglasses
Ferragamo Shoes
pantaloncini con bretelle
Oakley Sport
Fake Ray Ban
Oakley Sunglasses Outlet
Pandora Official Site
US Outlet Golden Goose Superstar
Polo Ralph Laurens for women
salomon xa pro 3d
MBT Lace Up Shoes
Supra Skytop II
Supra TK Society Mid
Sale Radtrikot
Salomon Speedcross
Pandora Bracelets
Oakley Glasses Outlet
Soccer Jerseys Online Shop
Ray Ban Eyeglasses
Oakley Flak Sunglasses
Bekleidung Damen
Fjallraven Kanken Backpacks
Golden Goose Size
Herren Radtrikots
Rhude
Wielerkleding Heren
Pandora Gift
Salomon Outlet Store
ralph lauren polo shirts
Pandora Charms
Juicy Couture Handbags
Replica NFL Jerseys
profitesams wielerkleding
Pandora Jewelrys
wielerkleding
Pandora Earrings Sale
Pandora Charms
Pandora Bracelets
Pandora Gift Official Site
Pandora Jewelry
Pandora Necklaces
Pandora Disney
Fietsshirt
Pandora Gift
Teamtrikots Sommer
Womens Ed Hardy Hoodies Sale
Cheap NFL Jerseys From China
Pandora Rose
Oakley Flak Sunglasses
Oakley Sport Sunglasses
Maglia Ciclismo
Bike Clothing
Pandora Necklaces Sale
Pandora Christmas
Pandora Charms Quality And Quantity
Pandora Necklaces
Pandora Jewelry Outlet
Fake Oakley
College Jerseys Store
Wholesale Ed Hardy T-Shirts
Radhose
Pandora Alphat & Number
Pandora Animals & Pets
Supra Shoes Outlet
NCAA Basketball Jerseys
Wholesale online Salomon Running Shoes
Salomon Shoes
Pandora Gifts Christmas
Discount Fitflops
Pandora Necklaces UK
Low Price Ralph Lauren Hoodies
Pandora Animals
Christian Louboutin Red Soles
Pandora Jewelry Clearance
Discount Oakley Sunglasses
Radtrikots
Buy Snapbacks Caps
Wielerkleding 2023
NFL Limited Jerseys
Fear of God
Radjacken
Radtrikot Freiburg
Pandora Rose
Chicago Bears Jerseys
Pandora Earrings
Bape T Shirt
Radbekleidung
Costa Beach Lifestyle
Ed Hardy Shopping
where can i buy Ed Hardy
Low Price Pandora Jewelry
Snapback Hats Wholesale
maglia invernale ciclismo nel
fietskleding bedrukken
Fitflop Clearance
Golden Goose Purestar
günstig Radbekleidung Kaufen
Genuine Ed Hardy T Shirts
Salomon GTX
Fahrradtrikots
Fake Ray Ban Wayfarer
Pandora Black Friday
Discount Sale Salomon
Ralph Lauren Body Warmer Vest
Salomon Boots
Golden Goose Hi Star
Abbigliamento Ciclismo Uomo
Fitflop Slippers
Pandora Shop Store
Pandora Necklaces
Pandora Gifts
MLB Baseball Hats
Pandora Jewelry Official Site
NFL Jerseys Players Number
Pandora Charms Superior Quality
Salomon Mountain XT Hornet
Pandora Friend Charms
Ed Hardy Love Kill Slowly
Pandora Collections
Bekleidung
Pandora Holidays
Pandora Charms
MLB Hats
radtrikot langarm
Pandora Necklaces
Salomon Speedcross
Oakley Glasses
Chicago Cubs Jerseys
Gold Supra Shoes
Sale Pandora Gifts
Ray Ban Eyeglasses
Golden Goose Sale
Cheap Snapbacks
Pandora Necklaces
Radtrikots Damen
Pandora Charms 14K
Rayban Collections
Pandora Safety Chain
Golden Goose Sale
Salomon Speedcross Plus
Oakley Prescription Sunglasses