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

Printable Version | Subscribe | Add to Favourites   Post new thread Poll:
Author: Subject: Crimson Live 2.1 Skin
Pirk
Posting Freak
*****




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

posted on 10-22-2007 at 04:39 PM Edit Post Reply With Quote
Crimson Live 2.1 Skin

Here is my Crimson skin latest updates:

24/12/2009: (7th version! since the first EJ Crimson..)
Crimson7 skin is now available for download here: http://www.audiosoft.net/forums/viewthread.php?tid=2570

22/04/2008: (Version 3)
Crimson Live 3 is available for download here: http://www.audiosoft.net/forums/viewthread.php?tid=2325

07/11/2007: (Version 2.1)
-Improved the album transparent frames and their layout in the album list.. Works rather good for the 3 different album cover sizes available from the albumlist menu!
-Added a new graphic for the Artist Header in the album list.
-"Standardised" the Artist names Font in the album list.
-Removed the albumlist cover frame variants..

22/10/2007: (Version 2)
-Improved the albumlist with Album FRAMES: Thanks Audiosoft for your tip on this great "hidden" feature! The skin includes 3 different frames: Transparent White, Blue and Blue-White. Take a look at the following screenshots.. The skin default frame is the two-coloured but you can change the frame colors just renaming the Albumlistscroll-xxx.dis files to Albumlistscroll.dis. -Audiosoft, maybe could you add a option in the albumlist menu so that we can change the album frames from this menu, like for the albumlist background image?-
-Added nice (and real) Headphones graphic on top of the artistlist.
-"Subtle" changes in the songlists (better blending).
-New "No cover" images.
-New song Pop up graphic: Audiosoft amber style, but with my personal inclusions!
-Improved the mouse-over effect on the up next area and playlist numbers.
-Plus a few other small improvements on graphics that only a detective will see a difference.. Nevertheless it improves the skin global looking!

Enjoy!

Note: This skin requires Internet Explorer 7 for transparency effects.

To install: Download the attached zip file (do not extract) and save the file to C:\Program Files\eJukebox\Skins\Crimson Live 2.1.zip.
Then activate Crimson Live 2.1 on the Skins section of the "Tools" button menu at the top of eJukebox.

Attachment: Crimson_Live_2.1.zip (7.18mb)
This file has been downloaded 2986 times





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




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

posted on 10-22-2007 at 04:41 PM Edit Post Reply With Quote
Screenshot (Version 2.1):



Pirk has attached this image:
CL2.1 Screenshot.jpg - 496.3kb




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




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

posted on 10-22-2007 at 06:24 PM Edit Post Reply With Quote
Transparent White Frames:





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




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

posted on 10-22-2007 at 06:31 PM Edit Post Reply With Quote
Transparent Blue:





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




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

posted on 10-22-2007 at 06:34 PM Edit Post Reply With Quote
Blue&White shading:





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




Posts: 161
Registered: 2-16-2006
Location: Germany
Member Is Offline

posted on 10-22-2007 at 07:54 PM Edit Post Reply With Quote
Hi Pirk,

let me the first to say: Wow! This is really, really good work!

I like the new album view - And after writing this lines I take a look in the albumlistscroll to see how you do it.

Perhaps I can use it to improve the Blacklight-Skin - not the same way... I've got an idea - but I don't know if it's possible.

See U
mchawk
View User's Profile View All Posts By User U2U Member
Audiosoft
Super Administrator
*********




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

posted on 10-22-2007 at 11:02 PM Edit Post Reply With Quote
Pirk,
Thank you for Crimson Live 2!
It is awesome! I love the 3D headphones! Also the new 'no cover' image and the other improvements! Especially the new album list! :o

One issue...I don't know why but that Hanzel font makes the album list scroll very very slow on my XP (even when you use the scrollbar or mousewheel). You should probably replace that font under the artisttext in your albumlistscroll.dis files with a different font. I changed Hanzel to calibri and it scrolls allot smoother. Any other font would be good.




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




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

posted on 10-23-2007 at 09:14 PM Edit Post Reply With Quote
Thanks guys, I'm glad you appreciate this update! I'm quite satisfied: this skin starts to come near my dreams.. :)
Besides I advise you to PIN the song pop up because it also looks very good promoting eJukebox on your PC even when it is not on focus..

Hanzel font: It's a shame if this font don't work good for you Audiosoft. I will see if I can find another nice looking font which supports all the non-english accents..




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




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

cool.gif posted on 10-24-2007 at 06:52 PM Edit Post Reply With Quote
Medium covers

Since I've seen my new albumlist on the Audiosoft site (My Crimson skin rised the second place on the official screenshot page!), I've also tried to use the medium covers.. Very nice indeed, my albumlist becomes even more attractive. The transparent frames embellish the album covers so nicely! :o

Thank you Audiosoft!




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




Posts: 62
Registered: 4-14-2003
Location: France
Member Is Offline

posted on 10-25-2007 at 07:35 AM Edit Post Reply With Quote
Thanks Pirk,

I love it.
Your skins are more and more better

Keep on that way ;)

Irving
View User's Profile View All Posts By User U2U Member
mchawk
Member
***




Posts: 161
Registered: 2-16-2006
Location: Germany
Member Is Offline

posted on 10-27-2007 at 12:17 AM Edit Post Reply With Quote
Hey pirk,

your album-list is a very, very good way to present it.

I've done a little experiment with the alpha-filter. If you want rapidly to slow down your computer you just have to insert

FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=90, FinishX=0, FinishY=100)
Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=10, FinishX=0, FinishY=0)
Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=10, StartY=0, FinishX=0, FinishY=0)
Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=90, StartY=0, FinishX=100, FinishY=0)
Alpha(opacity=100, finishopacity=95, style=2) ;

.... in the "td"-"chapter" (or how do we call this?)

It look's great in my blacklight-skin but beats out my P4.

mchawk
View User's Profile View All Posts By User U2U Member
Pirk
Posting Freak
*****




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

posted on 10-27-2007 at 10:43 AM Edit Post Reply With Quote
Hi mchawk,

Sure filters are very slow when you use them unwisely: In your example you have 5 filters applied on EACH songlist elements.. To much calculations for any kind of processor! With a long songlist that becomes quite unusable. This is why I decided to use png transparency instead of filters in my skins. :)




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




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

posted on 11-7-2007 at 09:33 PM Edit Post Reply With Quote
Version 2.1

Hi guys,

I've just uploaded the version 2.1 of my Crimson Live Skin..
I hope you will like the improvements in the Album List!




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




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

posted on 11-8-2007 at 12:00 AM Edit Post Reply With Quote
Thanks Pirk! The new artistheader graphic and font look great :o
The only question I have is...are these black lines I see supposed to be there?




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




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

posted on 11-8-2007 at 12:31 PM Edit Post Reply With Quote
RE: ...are these black lines I see supposed to be there?
Of course NO Audiosoft!! :o It works good for me: I DON'T have these black lines or the other one in white on my PC with Vista!

Maybe there are some problems with my td and artistheader tags in the albumlistscroll.dis file on some other systems: These lines are supposed to be Transparent borders... I've used these curious "transparent borders" as a trick to replace the margin property because margin seems to doesn't work in td?! In fact I just would like to change the layout a bit.. so that each album background graphic is totally SEPARATE from the others. And also each Artist is separate from the others..
Here are my current td and artistheader tags:

td {
border-left: 2px outset transparent;
border-right: 1px solid transparent;
border-top: 1px solid transparent;
border-bottom: 1px solid #C8BBC8;

padding-top: 14px;
padding-left: 9px;
padding-right: 6px;
padding-bottom: 0px;

background-color: transparent;
background-image: url(albumlisttd.png);
background-position: 100% 4px;
background-repeat: no-repeat;
}

.artistheader {
border: none;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;

background-color: transparent;
background-image: url(artistheader.png);
background-position: center;
background-repeat: no-repeat;
}




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




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

posted on 11-8-2007 at 05:26 PM Edit Post Reply With Quote
Transparent borders

Audiosoft,

I think I've found the explanation for "your" black lines issue: http://www.cssplay.co.uk/boxes/border_error . Moreover this site is very interesting! :)
I suppose that probably you don't tried my skin on IE7 ?

So, more than ever, my crimson skin needs IE7! Unless you can come up with a better solution to separate (vertically) the first row of albums??

Thanks




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




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

posted on 11-8-2007 at 08:47 PM Edit Post Reply With Quote
Pirk I am using IE7. I will look into this more tonight. Remember whatever you put in td{} also gets applied to .artistheader{} unless you specify a different value for it inside .artistheader to cancel it out.



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




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

posted on 11-9-2007 at 08:41 AM Edit Post Reply With Quote
OK what you should do is use height: 90px; inside the .artistheader{} instead of the 'transparent' borders to create the space between the header and the albums. You can modify the '90' to increase/decrease the spacing.

Here is your albumscroll.dis file with the fix:

body {

scrollbar-face-color:#670002;
scrollbar-highlight-color:#B40000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#B40000;
scrollbar-arrow-color:#ECC977;
scrollbar-track-color:#080808;
}

table {
margin-right: 4px;
margin-bottom: -4px;
}


td {

border: 0px;

padding-top: 14px;
padding-left: 9px;
padding-right: 6px;
padding-bottom: 0px;

background: transparent;
background-image: url(albumlisttd.png);
background-position: 100% 4px;
background-repeat: no-repeat;

}


.artistheader {

height: 90px;
border: 0px;

background: transparent;
background-image: url(artistheader.png);
background-position: center;
background-repeat: no-repeat;

}


.artisttext {

color: #F5F5DC;
text-decoration: underline;
font-variant: small-caps;
FONT-SIZE: 17pt;
FONT-FAMILY: segoe ui, Arial, sans-serif;
font-weight: bold;
font-style: italic;
letter-spacing: 0px;
cursor: hand;
text-align: center;
line-height: 24px;

width: 508px;

padding-left: 73px;
padding-right: 73px;
padding-top: 10px;
padding-bottom: 6px;

filter: glow(color=#000000, strength=1)
dropshadow(color=#5E6690, offx=1, offy=1);

}


.albumtext {

color: #282828;
font-weight: normal;
font-size: 9pt;
font-family: segoe ui, calibri, Tahoma, Verdana, Arial, sans-serif;
line-height: 14px;

height: 16px;
padding-top: 10px;
padding-bottom: 3px;

}




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




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

posted on 11-9-2007 at 01:27 PM Edit Post Reply With Quote
Thanks a lot Audiosoft. Indeed you are right, borders are useless in the artist header.. But you also removed all the borders in td! I used these transparent borders to make a SPACE between each album of the FIRST ROW for each artist, because I think there is a bug in the HTML code -not in the CSS!- that sticks together the first row of cells (cf my screenshot). What a shame, that damages the albumlist layout..

Could you fix this imperfection please?




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




Posts: 62
Registered: 4-14-2003
Location: France
Member Is Offline

posted on 11-11-2007 at 06:14 PM Edit Post Reply With Quote
Hi Pirk,

It's seems great, but it's don't working for me.

Here are the screenshots :


http://img259.imageshack.us/img259/5093/image2tj0.jpg

http://img81.imageshack.us/img81/3842/image3pq5.jpg
View User's Profile View All Posts By User U2U Member
mchawk
Member
***




Posts: 161
Registered: 2-16-2006
Location: Germany
Member Is Offline

posted on 11-11-2007 at 06:30 PM Edit Post Reply With Quote
Do you have installed Internet Explorer 7?
View User's Profile View All Posts By User U2U Member
Pirk
Posting Freak
*****




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

posted on 11-11-2007 at 07:34 PM Edit Post Reply With Quote
Hi Alpheratz13,

Wow.. big problems for you indeed! It seems my skin is only partially loaded.. I would advise you to redownload the latest version 2.1. Maybe you current zip file is incomplete.

Thanks.




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




Posts: 62
Registered: 4-14-2003
Location: France
Member Is Offline

posted on 11-11-2007 at 10:17 PM Edit Post Reply With Quote
It's works ;):D

Thanks you both.
View User's Profile View All Posts By User U2U Member
brice
Member
***




Posts: 166
Registered: 6-7-2007
Location: France
Member Is Offline

posted on 11-11-2007 at 10:38 PM Edit Post Reply With Quote
salut Alpheratz13

j ai eu la meme chose que toi (ton premier screenshot ) ,pire meme , avec la version 2.1 .
Je me suis souvenu d un conseil de Pirk et tout est rentre dans l ordre.
Il suffi juste de renomer le fichier .
Pour ma part je l ai renome de 2.1 en 3 et cela fonctionne tres bien.

Amicalement Brice



Ps.
Bravo et surtout merci Pirk pour l evolution de ton skin , genial comme toujours ....



/////



Salvation Alpheratz13


J had the same thing that you (your first screenshot), even worse, with version 2.1.
I remembered of a council of Pirk and everything is returned in the order.
It sufficed just renomer file.
For my part I have renome of 2.1 to 3 and it works very well.

Friendship Brice



Ps
Bravo and thanks Pirk especially for the evolution of your skin, genial as ever ....
View User's Profile View All Posts By User U2U Member
Pirk
Posting Freak
*****




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

posted on 11-12-2007 at 10:01 AM Edit Post Reply With Quote
Glad it worked Alpheratz13 ;)

Salvation Brice!




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




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

posted on 4-23-2008 at 01:30 PM Edit Post Reply With Quote
:o Crimson Live skin Version 3 is now available for download here: http://www.audiosoft.net/forums/viewthread.php?tid=2325



:cool: Pirk
View User's Profile Visit User's Homepage View All Posts By User U2U Member
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