Pages: 1 2 3 4 5 6 |
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 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!
Pirk
|
|
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 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!
Pirk
|
|
Audiosoft
|
posted on 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
Audiosoft
|
|
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 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!
Attachment: CDbox128.cur (66.06kb)
This file has been downloaded 1067 times
Pirk
|
|
Audiosoft
|
posted on 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.
Audiosoft
|
|
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 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
|
|
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 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
|
|
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 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!
Pirk
|
|
Audiosoft
|
posted on 5-12-2011 at 07:42 PM
|
|
|
RE: commas
hmmm how are your playlist.dis formatted? like this?
background-image:url(moveto.gif);
Audiosoft
|
|
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 5-12-2011 at 07:52 PM
|
|
|
yep the bug occurred with single images:
background-image:url(bonobo-browser2.png);
Pirk
|
|
Audiosoft
|
posted on 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
Audiosoft
|
|
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 5-13-2011 at 10:44 AM
|
|
|
wow great! Thanks.
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.
Pirk
|
|
Audiosoft
|
posted on 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
Audiosoft
|
|
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 5-13-2011 at 07:09 PM
|
|
|
not working. should i rename my .ttf fonts first?
Pirk
|
|
Audiosoft
|
posted on 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
Audiosoft
|
|
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 5-13-2011 at 07:41 PM
|
|
|
seems to work good: my skin passed from 90 .ttf fonts to only 9. very efficient!
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!
Pirk
|
|
Audiosoft
|
posted on 5-13-2011 at 10:07 PM
|
|
|
Great!
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 images\skin
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
images\skin\ . 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 images\skin\ 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
|
|
Audiosoft
|
posted on 5-14-2011 at 08:50 AM
|
|
|
there was still a bug with Tools reloading the skin.zip
this one is good...
Audiosoft
|
|
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 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:
Pirk has attached this image:
Pirk
|
|
Audiosoft
|
posted on 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 images\skin
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
Audiosoft
|
|
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 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.
Pirk
|
|
Audiosoft
|
posted on 5-14-2011 at 09:27 AM
|
|
|
your welcome!
time for me to get some sleep...when i wake up i will probably release that exe as v5.61
Audiosoft
|
|
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 5-14-2011 at 09:33 AM
|
|
|
ok i'll try to upload my skin during your sleep. Sweet Dreams!
Pirk
|
|
Audiosoft
|
posted on 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 ...
Audiosoft
|
|
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 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
Pirk
|
|
Audiosoft
|
posted on 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;
}
Audiosoft
|
|
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 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 has attached this image:
Pirk
|
|
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 5-15-2011 at 10:49 AM
|
|
|
for .titleedithi, do you like this color?
Pirk has attached this image:
Pirk
|
|
Pirk
Posting Freak
Posts: 3976
Registered: 3-11-2003
Location: France
Member Is Offline
|
posted on 5-15-2011 at 10:50 AM
|
|
|
or would you prefer this version?
Pirk has attached this image:
Pirk
|
|
Audiosoft
|
posted on 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
Audiosoft
|
|
Pages: 1 2 3 4 5 6 |