Board Logo

Crimson Live 2.1 Skin
Pirk - 10-22-2007 at 04:39 PM

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 FileseJukeboxSkinsCrimson Live 2.1.zip.
Then activate Crimson Live 2.1 on the Skins section of the "Tools" button menu at the top of eJukebox.


Pirk - 10-22-2007 at 04:41 PM


Pirk - 10-22-2007 at 06:24 PM


Pirk - 10-22-2007 at 06:31 PM


Pirk - 10-22-2007 at 06:34 PM


mchawk - 10-22-2007 at 07:54 PM

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


Audiosoft - 10-22-2007 at 11:02 PM

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.


Pirk - 10-23-2007 at 09:14 PM

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..


Pirk - 10-24-2007 at 06:52 PM

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!


Alpheratz13 - 10-25-2007 at 07:35 AM

Thanks Pirk,

I love it.
Your skins are more and more better

Keep on that way ;)

Irving


mchawk - 10-27-2007 at 12:17 AM

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


Pirk - 10-27-2007 at 10:43 AM

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. :)


Pirk - 11-7-2007 at 09:33 PM

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!


Audiosoft - 11-8-2007 at 12:00 AM

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?


Pirk - 11-8-2007 at 12:31 PM

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


Pirk - 11-8-2007 at 05:26 PM

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


Audiosoft - 11-8-2007 at 08:47 PM

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.


Audiosoft - 11-9-2007 at 08:41 AM

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;

}


Pirk - 11-9-2007 at 01:27 PM

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?


Alpheratz13 - 11-11-2007 at 06:14 PM

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


mchawk - 11-11-2007 at 06:30 PM

Do you have installed Internet Explorer 7?


Pirk - 11-11-2007 at 07:34 PM

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.


Alpheratz13 - 11-11-2007 at 10:17 PM

It's works ;):D

Thanks you both.


brice - 11-11-2007 at 10:38 PM

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 ....


Pirk - 11-12-2007 at 10:01 AM

Glad it worked Alpheratz13 ;)

Salvation Brice!


Pirk - 4-23-2008 at 01:30 PM

:o Crimson Live skin Version 3 is now available for download here: http://www.audiosoft.net/forums/viewthread.php?tid=2325