Subsonic Forum

by **precipitous** » Sat Aug 27, 2011 3:54 pm

trickydick wrote:New screenshots for an updated cleaner outlook theme

Basically, i'v added jquery mouseover effect for top menu (this works with all themes as it will detect if you have a rollover image for each icon, if not it won't rollover). I've added cleaner buttons for the playist (more bubbly), bigger rating stars too. there is a few new icons in the top menu now, chat (to an extenal jsp google chat system), and a donate button (this is the personal donate button, not the subsonic donate; if you haven't donated this will still show up below the logout link)

other changes:
changes accordion colors to match outlooks mouseover
added gradient mouser color to album select screen (3rd image)
added cleaner pagination style to coverart selector page (4th image)

Is there a download available for these updates? I currently have Rev 2.0 installed (20 August), which is absolutely amazing. Still, I want to keep up with whatever revision is your latest.

by **trickydick** » Sat Aug 27, 2011 4:53 pm

Thanks. I am currently working on the next version (rev 3.0). I will let you know when it will be available. Any input that you may have would be great!

by **trickydick** » Sat Aug 27, 2011 5:00 pm

@pdcorcoran
I don't think subsonic is using a defferent index.jsp; can you compare the source code in your browser compared to the code when you open index.jsp? If they are the same then post what your source code displays.

by **pdcorcoran** » Sun Aug 28, 2011 7:48 pm

trickydick wrote:@pdcorcoran
I don't think subsonic is using a defferent index.jsp; can you compare the source code in your browser compared to the code when you open index.jsp? If they are the same then post what your source code displays.

here they are (empty lines deleted for brevity):

C:\subsonic\jetty\2385\webapp\index.jsp (date stamp 12/15/2010)

<html>
<head>
<meta http-equiv="refresh" content="0;URL=index.view">
</head>
<body>
</body>
</html>

--> Note I temporarily changed the name of that file to indexjsp.bak and saw no change in the behaviour of the top row.

C:\subsonic\jetty\2385\webapp\WEB-INF\jsp\index.jsp (date stamp 07/15/2011)

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="iso-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<%@ include file="head.jsp" %>
<link rel="alternate" type="application/rss+xml" title="Subsonic Podcast"
href="podcast.view?suffix=.rss">
</head>
<frameset rows="80,*" frameborder="no" border="0" framespacing="0">
<frame src="top.view?" name="upper" scrolling="No" noresize="noresize" />
<frameset rows="*" cols="245,*" framespacing="0" frameborder="no" border="0">
<frame name="left" src="left.view?">
<frameset rows="*" cols="*,${model.showRight ? 240 : 0}" framespacing="0"
frameborder="no" border="0">
<frameset rows="*,220" cols="*" framespacing="0" frameborder="no" border="0">
<frame src="nowPlaying.view?" name="main"/>
<frame src="playlist.view?" name="playlist" />
</frameset>
<frame src="right.view?" name="right" noresize="noresize" />
</frameset>
</frameset>
</frameset>
<noframes></noframes>
</html>

by **trickydick** » Mon Aug 29, 2011 8:06 am

Here is the latest:
https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B1iBWlUz8eUkNGVmZjUwYjYtODM2Ny00MmFmLTlhZDMtODQzMWYzZTdiMzY0&hl=en_US

=====================================================================================
SUBSONIC OUTLOOK THEMES v3.0
This is tested on

tested on : Windows, Linux Standalone, Subsonic ver 4.4 and 4.5 final
=====================================================================================

Installation steps:

IMPORTANT: I updated the themes.txt with all subsonic themes includeing mine and the buff theme (buff theme files are not included). Any additional themes will have to be removed from the list. ALSO This theme pack will change some configurations in CSS/JSP/JS files. If you have any mods prior to this, this may change the design. This mod incorporatea my latest palyer mod (v4.2) as well

CUSTOMIZATIONS:
Some files you may want to customize based on your site"
top.jsp > modify/remove the chat, donate, upload buttons if any of these don't suit your needs
more.jsp > remove the minisub link if you don't use it. There are still issues with it.

I've added alot of separate CSS files to render specific designs (calendar, playermod, accordion, etc)....all of them are linked to the original CSS theme files. If you want to change these or remove these, just look for:

Code: Select all: @import "accordion-darkness.css"; @import "default.css"; @import "playermod-cccccc.css";

within a theme files such as in the midnight.css. Its as simple as removing or changing the import css to one you like best.
Please let me know if somethign doesn't look right or is missing

The accordion themes are named as "accordion-<theme>.css" all based on the jQUERY UI site (http://jqueryui.com/themeroller/)

The playermod themes are named "playermod-<colorcode>.css". They use the images located in a cooresponding folder named the same as its colorcode.

KNOWN ISSUES
[list]
- Player width is fits 600px; if playlist frame is smaller than that it will disappear
Again, please let me know if something doesn't look right or is missing :?:

Enjoy

by **trickydick** » Mon Aug 29, 2011 8:12 am

@pdcorcoran
I can tell that post was not a source fo the html rendering. Its the index code. I want to know what the browser is translating. It should look like this:

Code: Select all: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="/style/outlook_silver.css" type="text/css"> <link rel="shortcut icon" href="/icons/outlook_silver/favicon.ico" type="text/css"> <title>Subsonic</title> <link rel="alternate" type="application/rss+xml" title="Subsonic Podcast" href="podcast.view?suffix=.rss"> </head> <frameset rows="80,*" frameborder="no" border="0" framespacing="0"> <frame src="top.view?" name="upper" scrolling="No" noresize="noresize" /> <frameset rows="*" cols="245,*" framespacing="0" frameborder="no" border="0"> <frame name="left" src="left.view?" noresize="noresize" /> <frameset rows="*" cols="*,240" framespacing="0" frameborder="no" border="0"> <frameset rows="*,220" cols="*" framespacing="0" frameborder="no" border="0"></> <frame src="nowPlaying.view?" name="main"/> <frame src="playlist.view?" name="playlist" id="playlistframe" /> </frameset> <frame src="right.view?" name="right" noresize="noresize" /> </frameset> </frameset> </frameset> <noframes></noframes> </html>

If you've changed the file to somethign else and you page is still working, then it is your cache and it needs to be cleared. both on the client side and server side. the best bet is reboot both too.

by **Ultraviolet** » Mon Aug 29, 2011 3:55 pm

I just installed this blindly and have done nothing to this point but take the 3.0 contents and overwrite what was in place. I seem to have lost most icons for the outlook themes. The Home, Playing, Podcast etc along the top are just text (in IE it displays text and the red x for missing icon) and I've lost the Play, Add, Download icons next to tracks as well. This is only for the Outlook themes, the other themes appear fine. I have cleared server and browser cache to no avail.

I'm going to poke around a bit and see what's going on. Hopefully I missed a readme file that will make me feel like an idiot, but resolve this issue.

Thanks again for the great work!

by **precipitous** » Mon Aug 29, 2011 11:58 pm

Ultraviolet wrote:I just installed this blindly and have done nothing to this point but take the 3.0 contents and overwrite what was in place. I seem to have lost most icons for the outlook themes. The Home, Playing, Podcast etc along the top are just text (in IE it displays text and the red x for missing icon) and I've lost the Play, Add, Download icons next to tracks as well. This is only for the Outlook themes, the other themes appear fine. I have cleared server and browser cache to no avail.

I'm going to poke around a bit and see what's going on. Hopefully I missed a readme file that will make me feel like an idiot, but resolve this issue.

Thanks again for the great work!

The same thing has happened to me... After installing Rev. 3.0 I have text links instead of toolbar buttons for all themes (not just the Outlook ones). Clearing the cache and restarting did not resolve the issue. I am running Firefox 7.0 on Ubuntu Maverick.

by **trickydick** » Tue Aug 30, 2011 1:56 am

I'M AN IDIOT!!! :twisted:

My bad... on my part. I forgot to include the new naming convention named images. Basically i've decided to rename all the top images for my theme to top_<imagename>.png. Orignially they were <imagename>.png. Here is the new mod revision 3.3 to fix it. if you want delete the outlook_<color> folders in the icons folder and replace them with the ones in the archive. that is the only modifications made to this revision. I left everything else.

https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B1iBWlUz8eUkZWZiNWJkNmQtOTE1ZS00MDM5LWI3YjUtOWZlNTdjMTQ0ZmIz&hl=en_US

:!:

Make sure you change the donate link in the top.jsp page to your paypal...or you'll be donating it to me.... :!:

Not sure what i'm going to to do about the playermod' the equilizer is in the player, and i'm looking into to making it above the player...or somewhere else. will let you know. Also if anyone has an idea on how to fix the minsub player error let me know.

by **tommahhh** » Tue Aug 30, 2011 11:54 am

Hi,

First let me say thank you for this mod, it is a BIG UI improvement over the default!

I'm having a few problems though - if you take a look at the attached screenshot, you'll notice my left hand navbar is much different from the screenshots you've posted on page 2 of this forum. I'm also missing a search bar, and I'm having the same problem with the top frame being slightly too small to fit the images and thus having a scrollbar. Any ideas?

Thank you!!!

Tom

by **tommahhh** » Tue Aug 30, 2011 12:06 pm

Sorry, the 'Chat' icon in the top menu also ins't working for me:

HTTP ERROR: 404

NOT_FOUND
RequestURI=/chat

Powered by Jetty://

but the side (native) chat seems to be working.

Thank you,

Tom

by **tommahhh** » Tue Aug 30, 2011 12:34 pm

Sorry Sorry Sorry it was a caching issue. What finally worked was deleting my jsp folder (subsonic/jetty/####/jsp) and allowing it to be recreated.

by **Ultraviolet** » Tue Aug 30, 2011 1:12 pm

tommahhh, did clearing the cache fix the chat 404 issue for your, or just the UI issues? My chat is still displaying the 404.

trickydick, other than the chat, everything is working great this last go round--thanks. Have you given any thought to using jquery for drag and drop elements on the playlist? I spent some time on that endeavor a while back but gave up as I was in over my head.

by **trickydick** » Tue Aug 30, 2011 1:51 pm

yes the chat is something that won't work, unless you upload your own chat script. Before I migrated my server to WHS 2011 I was using the JSP gmail/chat program Claros Chat 1.0 (http://www.claros.org/web/showProduct.do?id=2), but you have to load mySQL and I wasn't happy with that once i moved over to the new server (trying to keep it clean). I want a more integrated chat that doesn't require a database (or is integrated with subsonic's database) and works with google talk. Still researching... :?:

Sorry I left the menu enabled, I did it to chow the extra buttons. To disable it, just go into the top.jsp and comment it out with :

Code: Select all:

This can be done with any top menu, just look for the <div class="topimg">. just DON'T delete the code or you will see some errors, if so you must delete some other items to clear the errors. its no fun.

by **trickydick** » Tue Aug 30, 2011 2:00 pm

@ Ultraviolet and for anyone else reading this:
I'm currently working on a whole new interface for subsonic. I'm changing the layout to look like three frames on top of each other. the top is for the main menu, middle is for a full albums in gallery design with horizontal (left to right) scrolling, searching, etc. the bottom will include a player/playlist with chat feature that looks like facebooks. The theme is simple and will look alot like facebook. here is more info: http://forum.subsonic.org/forum/viewtopic.php?f=8&t=7456#p30310

anymore idea? :?:

Subsonic Forum

Outlook Theme

Re: Outlook Theme

Re: Outlook Theme

Re: Outlook Theme

Re: Outlook Theme

Re: Outlook Theme

Re: Outlook Theme

Re: Outlook Theme

Re: Outlook Theme

Re: Outlook Theme :!:

Re: Outlook Theme

Re: Outlook Theme

Re: Outlook Theme

Re: Outlook Theme

Re: Outlook Theme

Re: Outlook Theme

Who is online