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

Printable Version | Subscribe | Add to Favourites   Post new thread Poll:
 Pages:  1  2  3
Author: Subject: The new eJ Homepage, by rllercstr7 & Pirk!
Pirk
Posting Freak
*****




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

posted on 7-17-2006 at 08:54 PM Edit Post Reply With Quote
The new eJ Homepage, by rllercstr7 & Pirk!

Hello guys,

As promised to rllercstr7, I've made the HTML version of his attractive drawing.. Including a CSS file! :o

It's not quite finished yet, but here is a screenshot of how it looks once I've "HTMLlised" the thing using dreamweaver.

Audiosoft, if you think it's worth it, I can change some things possibly.. Tell me what you think?

Thanks

Pirk has attached this image:
eJ HomeView.jpg - 110.81kb




: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 7-17-2006 at 08:55 PM Edit Post Reply With Quote
The HTML version..


Attachment: eJ_Homepage_Dreamweaver_2.html (4.33kb)
This file has been downloaded 923 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 7-17-2006 at 08:56 PM Edit Post Reply With Quote
And its CSS file!


Attachment: eJ_HomeView.css (4.32kb)
This file has been downloaded 832 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 7-17-2006 at 09:02 PM Edit Post Reply With Quote
As you can see, it just miss the Top songs.. Otherwise it's almost finished! :)

PS: The CSS is essential!! :D




: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 7-17-2006 at 09:08 PM Edit Post Reply With Quote
I've forgotten the background image!!



Pirk has attached this image:
Home_Page_2_no_text.png - 672.31kb




: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 7-17-2006 at 09:15 PM Edit Post Reply With Quote
So you need to put these 3 files in a folder, then you just run the html page. ;)

Thank you very much for your great work on photoshop, rllercstr7! :cool:




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




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

posted on 7-17-2006 at 11:33 PM Edit Post Reply With Quote
Nice work Pirk. The main <table> in the HTML needs to have a width=100% instead of a static width - that way it will be able to resize with eJukebox.

The problem is that at 800x600 there is no room for the top artists and songs. I think that if we are going to update the Home button view it should have more features not less.

You can test how it would look in eJukebox by dragging the .html file from windows explorer and dropping it on the home view.




: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 7-18-2006 at 04:13 PM Edit Post Reply With Quote
Thanks Audiosoft. All right for "width=100%", but I haved put a static width precisely to avoid that when the page is resized the text parts move over the background graphics.. and damage the nice layout of rllercstr7!

So I would need to see again the layout to include more features.. even in 800x600! Maybe I could try to move the cliparts with the text? Oh oh.. things get complicated for a amateur like me!! I will try to do my utmost..




: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 7-23-2006 at 08:25 PM Edit Post Reply With Quote
Hello guys,

I've worked a bit more - well, A LOT more :o - on the new Homeview for eJukebox.
Now my web page is fully functional in ie or in eJukebox! I think it looks really good, in particular when the album carousel is loaded and revolves!! :cool: I hope you will like it! But it's the work of rllercstr7. I've just coded his photoshop tracings in HTML.
A link to the CD Ripper is now included at the bottom of the page, thanks to the great animated gif of rllercstr7. :P

I've put all the necessary files in a HomeView.zip:
Try it, and tell me what you think? In particular Audiosoft! ;)

Thanks.

Attachment: HomeView.zip (542.82kb)
This file has been downloaded 766 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 7-23-2006 at 08:29 PM Edit Post Reply With Quote
Here is 2 screenshots of our eJukebox Homeview:

Pirk has attached this image:
screenshot_homeview1.jpg - 479.72kb




: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 7-23-2006 at 08:32 PM Edit Post Reply With Quote
The second one..

Pirk has attached this image:
screenshot_homeview2.jpg - 428.98kb




: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 7-23-2006 at 08:50 PM Edit Post Reply With Quote
Also you can update the color.ini file of the eJ default skin with the color I used for the carousel background:

:-Album Carousel Definitions-
:--------------
[Carousel]
BgColor=#1C1C42

...then you just need to drag the html page in eJ to have a general idea. :o




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


Avatar


Posts: 960
Registered: 10-19-2003
Location: Norway, Trondheim
Member Is Offline

posted on 7-23-2006 at 10:20 PM Edit Post Reply With Quote
Nice! :D I hope both the top songs and top artists will have have arrows that makes it possible to see more than top 20 and top 10 respectivly. Like it works for artists now.

Pirk: Fun to see your most popular songs, albums and artists. A lot of interesting stuff. 22 Pistepirkko :D Finnish madness.




-----------
Fishy
View User's Profile Visit User's Homepage View All Posts By User U2U Member Fishy's ICQ status
Pirk
Posting Freak
*****




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

posted on 7-23-2006 at 11:12 PM Edit Post Reply With Quote
Yes Fishy, of course I agree for the need of arrows.. Or else the "glass" lists could be scrollable, but I don't know if that would be easy to add?

22 Pistepirkko? I can't get rid of them in my top lists! Strange.. :D




: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

puzzled.gif posted on 7-24-2006 at 08:47 AM Edit Post Reply With Quote
Audiosoft,

I would like to to turn the Topsongs and the Topartists lists of my Homeview in 2 scrolling lists. So that we could get rid of the 10 songs or 20 artists limits!
I mean something like when you click on the link "VIEW ALL EJUKEBOX UPDATES" on your Audiosoft.net homepage. :)

How could I do that?

Thanks.




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




Posts: 377
Registered: 8-2-2004
Location: US
Member Is Offline

posted on 7-24-2006 at 06:26 PM Edit Post Reply With Quote
Wow Pirk,
I guess I'm out of it because I missed the topic entirely for a week. That is really looking good. I especially like how you put the toolbox graphic behind the text and the bars that break up each section with the titles. Maybe I can see what I can do about making an icon for the Autolist Builder. Let me know if there are other icons you think might go over well on the home page. Also I can change the background color of my animated gif pretty easilly if you need me to Pirk. Great work! :D
View User's Profile View All Posts By User U2U Member rllercstr7's Aim
Fishy
Senior Member
****


Avatar


Posts: 960
Registered: 10-19-2003
Location: Norway, Trondheim
Member Is Offline

posted on 7-24-2006 at 06:50 PM Edit Post Reply With Quote
It would be cool if one could see the ratings of the top songs as well. I think there is room for it? :) As for the carousel, I think there should be some numbering indicating how popular the different albums are. One kind of loses the counting while the carousel spins around.



-----------
Fishy
View User's Profile Visit User's Homepage View All Posts By User U2U Member Fishy's ICQ status
Fishy
Senior Member
****


Avatar


Posts: 960
Registered: 10-19-2003
Location: Norway, Trondheim
Member Is Offline

posted on 7-24-2006 at 07:08 PM Edit Post Reply With Quote
Pirk: Since you've downloaded some music from me, you probably got some of my popularity statistics as well :D I see a lot of familiar things in there lol Brian Eno, A-ha, Biosphere and Amon Tobin for instance.



-----------
Fishy
View User's Profile Visit User's Homepage View All Posts By User U2U Member Fishy's ICQ status
Pirk
Posting Freak
*****




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

posted on 7-24-2006 at 08:22 PM Edit Post Reply With Quote
Quote:
Message original : rllercstr7
Maybe I can see what I can do about making an icon for the Autolist Builder. Let me know if there are other icons you think might go over well on the home page. Also I can change the background color of my animated gif pretty easilly if you need me to Pirk. Great work! :D


Of course rllercstr7, if you can make a icon for the Autolist Builder I will add a link on the Homeview! Thanks. :)

Concerning your animated gif, I don't know if it's possible, but if you could put a transparent background maybe it would insert more easily in the homeview.
Otherwise until now I don't think of other icons, but if someone have a idea... I'm open! :D




: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 7-24-2006 at 08:34 PM Edit Post Reply With Quote
Quote:
Message original : Fishy
It would be cool if one could see the ratings of the top songs as well. I think there is room for it? :) As for the carousel, I think there should be some numbering indicating how popular the different albums are. One kind of loses the counting while the carousel spins around.

Ratings in the top songs: Well why not? I think that could look good indeed.
Numbering in the carousel: I agree, but I think that only Audiosoft can modify the carousel! :)

Downloads: I've a lot of your A and B.. artists! :D You know the reason.. :P




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




Posts: 377
Registered: 8-2-2004
Location: US
Member Is Offline

posted on 7-24-2006 at 11:42 PM Edit Post Reply With Quote
I think maybe you misunderstood the part about the background color. I was just saying that I can change it to whatever color you need. I haven't found a program that makes it transparent though.

This is what I came up with for the AutoList Builder although I'm not sure it looks all that great. Any suggestions would be appriciated.
View User's Profile View All Posts By User U2U Member rllercstr7's Aim
Pirk
Posting Freak
*****




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

posted on 7-25-2006 at 09:05 AM Edit Post Reply With Quote
Thanks for your AutoList Builder icon. I will see if it looks good in the Homeview once reduced.. It's a chain wheel? It's a American who won the French tour though. ;)

Concerning the transparent background for your animated gif: I think it's possible if you open your animation in ImageReady, then you click on the Photoshop link so you can select and erase the black background for each one of your tracing images in Photoshop. Then you switch back to ImageReady and your animation will be transparent. :)




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




Posts: 377
Registered: 8-2-2004
Location: US
Member Is Offline

posted on 7-25-2006 at 02:34 PM Edit Post Reply With Quote
Well I made it in Photoshop to start with. It is composed of 79 images that were all made with a transparent background so I'll give it a try.

Edit: I worked on the icon some more this morning and think that this one looks quite a bit better although it has a bit of a grainy look because of the 256 color limit on animated GIFs. If anyone knows how to clean this up let me know. I am considering just saving it as a JPEG for a stationary Icon instead.

rllercstr7 has attached this image:
AutoList-Builder.gif - 802.33kb
View User's Profile View All Posts By User U2U Member rllercstr7's Aim
Pirk
Posting Freak
*****




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

posted on 7-25-2006 at 07:47 PM Edit Post Reply With Quote
OK rllercstr7, if your 79 images were already transparent that should be more easy.. Have you used ImageReady to make your animated gif?

I think if you save your icon in PNG, the original quality will be preserved. And ie can display PNG images.

Thanks for your new icon!




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




Posts: 377
Registered: 8-2-2004
Location: US
Member Is Offline

posted on 7-26-2006 at 01:43 AM Edit Post Reply With Quote
Thanks Pirk,
I believe I got the Ripper Icon transparent with ImageReady. Usually I use ImageReady and Flash which I cannot find an option for transparent in. Were you referring to creating a stationary AutoList Builder icon when you mentioned saving as PNG? As far as I'm aware there isn't a way to animate a PNG image. Give me a shout on IM if you know how. Here is the Ripper Icon. :D

rllercstr7 has attached this image:
Test.gif - 147.64kb
View User's Profile View All Posts By User U2U Member rllercstr7's Aim
rllercstr7
Member
***




Posts: 377
Registered: 8-2-2004
Location: US
Member Is Offline

posted on 7-26-2006 at 02:01 AM Edit Post Reply With Quote
Here is a stationary PNG with curved edges of a new AutoList Builder Icon. I don't know which one of these looks best the Bulldozer or Gear. Comapring the look of the list in the background of this image versus the animated GIF you see how much of a quality loss takes place.

rllercstr7 has attached this image:
List New.png - 33.56kb
View User's Profile View All Posts By User U2U Member rllercstr7's Aim
rllercstr7
Member
***




Posts: 377
Registered: 8-2-2004
Location: US
Member Is Offline

posted on 7-26-2006 at 02:30 AM Edit Post Reply With Quote
And yet another option. :D I think this effect make it look pretty sharp!

rllercstr7 has attached this image:
List New Background.png - 45.88kb
View User's Profile View All Posts By User U2U Member rllercstr7's Aim
Pirk
Posting Freak
*****




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

posted on 7-26-2006 at 09:13 AM Edit Post Reply With Quote
Thanks for your new icons. Gear or bulldozer? Hmm.. I still hesitate! :D

PNG preserve the original quality of your images compared with JPEG for static images, but unfortunately as you say I don't think it is possible to animate PNG files. So animations can only be saved in GIF, transparents or not! Or else maybe in Flash, but I don't know about Flash.




: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 7-26-2006 at 10:52 PM Edit Post Reply With Quote
Well, here is my version.. made with your icons! :D

Pirk has attached this image:
Autolist-Mix.jpg - 420.76kb




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




Posts: 377
Registered: 8-2-2004
Location: US
Member Is Offline

posted on 7-27-2006 at 01:43 AM Edit Post Reply With Quote
Hmm... the best of both worlds; looks good Pirk! I do have a few suggestions though. At the bottom where it says options on the blue bar, split the bar in half in the middle just like it is cut between the song and artist lists towards the top. Now that you have two bars label the one over the ripper and builder icon Tools. Left justify the labels on the bars so they match the others. Also I can't think of a good wat to accomplish this, but now that the ripper icon isn't labeled I don't know if people will realize what its for. Other than those two things everything else looks superb! :D
View User's Profile View All Posts By User U2U Member rllercstr7's Aim
 Pages:  1  2  3
Post new thread Poll:

Go To Top

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