PDA

View Full Version : Modified Fishbone Skins



MeSue
2005-07-15, 12:23
I love the functionality of the Fishbone skin, but I was finding it extremely difficult to read on my 20" LCD monitor. I started fiddling with the style sheet and came up with what I think are much more readable versions for high resolutions monitors. Is there some way I can share them with the community?

You can see screen shots here:
http://www.inkcredibleimages.com/pics/Fishbone_Tan.gif
http://www.inkcredibleimages.com/pics/Fishbone_Gray.gif

(The scroll bars are part of my Windows XP visual style, not the skin.)

Thank you to the originator of the Fishbone skin. It's awesome!

kdf
2005-07-15, 12:46
Quoting MeSue <MeSue.1s86zn (AT) no-mx (DOT) forums.slimdevices.com>:

>
> I love the functionality of the Fishbone skin, but I was finding it
> extremely difficult to read on my 20" LCD monitor. I started fiddling
> with the style sheet and came up with what I think are much more
> readable versions for high resolutions monitors. Is there some way I
> can share them with the community?

Those look great! Did you have to modify anything outside of the css to get
that? If so, I'll certain merge any of those changes in so that it is only a
matter of changing the css. I know Firefox can handle selectable stylesheets,
so I'd be willing to work that up (as long as IE and Safari don't barf over
it). send me diffs, or a zip of all files if you like. Offlist, please.
slim-mail (at) deane-freeman.com

-kdf

MeSue
2005-07-15, 15:56
Glad you like it! I did have to change the player graphics for the tan color scheme, and I changed the width of the search box in the HTML, but I think those are the only things I changed outside of the css. Oh, and I also had to copy and rename the Fishbone folder under Plugins\MusicMagic\HTML.

There is one more thing that is beyond me, but I think would be so so so so cool… is if the song info page could display ID3 lyrics when they're embedded in the file (for Mp3s). Is that easily do-able?

I will zip up the files and e-mail them to you.

mherger
2005-07-15, 16:12
> There is one more thing that is beyond me, but I think would be so so
> so so cool… is if the song info page could display ID3 lyrics when
> they're embedded in the file (for Mp3s). Is that easily do-able?

There's an open enhancement request for this:

http://bugs.slimdevices.com/show_bug.cgi?id=1793

--

Michael

-----------------------------------------------------------
Help translate SlimServer by using the
StringEditor Plugin (http://www.herger.net/slim/)

Yannzola
2005-07-15, 16:24
I love the Fishbone skin as well... other than addressing the colors for better legibilty.... one more tweak would be to set the font size to a % size instead of hard coding in px. That way folks like me (on an 800x600 LCD TV) could bump the font size up a notch using the browser's "text size" controls.

An 800x600 optimized version would be super cool!

y.




Those look great! Did you have to modify anything outside of the css to get
that? If so, I'll certain merge any of those changes in so that it is only a
matter of changing the css. I know Firefox can handle selectable stylesheets,
so I'd be willing to work that up (as long as IE and Safari don't barf over
it). send me diffs, or a zip of all files if you like. Offlist, please.
slim-mail (at) deane-freeman.com

-kdf

ModelCitizen
2005-07-25, 10:29
Hi MeSue,
I use the Fishbone skin but find the colours a little bit harsh. Your
version of it would suit me perfectly. It looks lovely. I'd love to be able
to use it too. Have you released it yet? Is there somewhere I can download
it?

Thanks

Simon Turner
Barcombe UK


> -----Original Message-----
> From: discuss-bounces (AT) lists (DOT) slimdevices.com
> [mailto:discuss-bounces (AT) lists (DOT) slimdevices.com] On Behalf Of MeSue
> Sent: 15 July 2005 20:23
> To: discuss (AT) lists (DOT) slimdevices.com
> Subject: [slim] Modified Fishbone Skins
>
>
> I love the functionality of the Fishbone skin, but I was
> finding it extremely difficult to read on my 20" LCD monitor.
> I started fiddling with the style sheet and came up with what
> I think are much more readable versions for high resolutions
> monitors. Is there some way I can share them with the community?
>
> You can see screen shots here:
> http://www.inkcredibleimages.com/pics/Fishbone_Tan.gif
> http://www.inkcredibleimages.com/pics/Fishbone_Gray.gif
>
> (The scroll bars are part of my Windows XP visual style, not the
> skin.)
>
> Thank you to the originator of the Fishbone skin. It's awesome!
>
>
> --
> MeSue
>

Mike Hanson
2005-07-25, 10:45
I also use the Fishbone skin. My biggest beef is that the buttons are along the right margin, and it's a PITA to visually line them up with the text on the left. I would love to have a version that puts the buttons on the left, directly beside the text.

I actually edited a couple of the HTML files to do this (moving the <TD> within the <TR>), but I didn't relish having to remake the changes with every new release. Is it possible to do this with a stylesheet instead? They can do some pretty amazing stuff: www.csszengarden.com.

-=> Mike Hanson <=-

MrC
2005-07-25, 11:15
I agree with moving the buttons to the left side. I almost posted this request, but was distracted. So, I'll second your request.

kdf
2005-07-25, 11:22
Quoting "Simon @ Home" <simon (AT) brighton (DOT) co.uk>:

> Hi MeSue,
> I use the Fishbone skin but find the colours a little bit harsh. Your
> version of it would suit me perfectly. It looks lovely. I'd love to be able
> to use it too. Have you released it yet? Is there somewhere I can download
> it?

I have already merged it with the server itself, but only in the 6.2 nightly
build (accessible through the help section). These are pre-release developer
builds, so may bring some risk of instabilities at this time. whether or not
they get merged into the 6.1.2 stream will depend on feedback.

-kdf

MeSue
2005-07-25, 11:26
Simon: I believe the style changes I made are going to be built in to an upcoming version of the SlimServer package. In the meantime, what you can do is make a copy of the Fishbone folder in Program Files\SlimServer\server\HTML and rename it something else. Then open the slimserver.css file from your copied folder in a text editor. Delete everything inside it and copy the contents of one of the two attached files into it (depending on whether you like the tan or the gray scheme). Then save it and switch to the skin that corresponds to the copied and renamed Fishbone folder. (Or you can just rename the attached files back to slimserver.css and replace that file in your copied folder.) Also, after you switch to the new skin, be sure to do a Ctrl-F5 to force a full refresh of the browser.

[Edited to add: This will give you gray buttons on the tan scheme since I didn't attach the graphics, so you might want to use the gray scheme for now if that bothers you. The tan buttons will be correct when it's released in the download package.]

Obviously, this is going to be unsupported until it is merged into the official download package, but I have been using the Tan style since I originally posted this thread and it works well for me on a 1200 pixel wide monitor.

Mike: If you make a copy of the Fishbone folder and rename it, then make your changes, they won't be overwritten every time you install a new release.

Auchter, Richard
2005-07-25, 11:32
Looks like someone agreed with your gripe.

-----Original Message-----
From: MeSue [mailto:MeSue.1sqn3z (AT) no-mx (DOT) forums.slimdevices.com]
Sent: Monday, July 25, 2005 11:27 AM
To: discuss (AT) lists (DOT) slimdevices.com
Subject: [slim] Re: Modified Fishbone Skins


Simon: I believe the style changes I made are going to be built in to an
upcoming version of the SlimServer package. In the meantime, what you can do
is make a copy of the Fishbone folder in Program
Files\SlimServer\server\HTML and rename it something else. Then open the
slimserver.css file from your copied folder in a text editor.
Delete everything inside it and copy the contents of one of the two attached
files into it (depending on whether you like the tan or the gray scheme).
Then save it and switch to the skin that corresponds to the copied and
renamed Fishbone folder. (Or you can just rename the attached files back to
slimserver.css and replace that file in your copied folder.)

Obviously, this is going to be unsupported until it is merged into the
official download package, but I have been using the Tan style since I
originally posted this thread and it works well for me on a 1200 pixel wide
monitor.

Mike: If you make a copy of the Fishbone folder and rename it, then make
your changes, they won't be overwritten every time you install a new
release.


+-------------------------------------------------------------------+
|Filename: FIshboneGray-slimserver.css.txt |
|Download:
|http://forums.slimdevices.com/attachment.php?attachmentid=204|
+-------------------------------------------------------------------+

--
MeSue

Sue

kdf
2005-07-25, 11:59
Quoting "Auchter, Richard" <rich.auchter (AT) office (DOT) xerox.com>:

> Looks like someone agreed with your gripe.

Having a way to change the look of a skin with a simple stylesheet is a good
thing. It should be possible to add a few more if they are different enough.
Otherwise, it is certainly easier for a user to be able to edit colours and
fonts in one file, than to have to worry about every template.

the graphics placement, not much can be done about that. It is a design choice.
Some skins have it one way, some the other. All of this flexiblity is
available to the user to change it as they wish. Changing the design of an
existing skin too much is really not in my plans. There will always be
somebody who rants about a change, or lack of it. Hopefully the stylesheet
changes will provide a good example for users who have less experience with
html and encourage some to play a bit, to make things more to their own
preference.

-kdf

Mike Hanson
2005-07-25, 13:03
I decided to go ahead and move the buttons in the various files, so that they are left-justified beside the text, rather than dangling out far to the right. For anyone who wants them, just copy the Fishbone directory beneath the Slimserver directory, and then unzip the attached file to overwrite the applicable files.

I'll occasionally check new versions of Slimserver, to see if the Fishbone skin has changed, and then I'll remake my changes and republish them.

-=> Mike Hanson <=-

kdf
2005-07-25, 13:31
Quoting Mike Hanson <Mike.Hanson.1sqrib (AT) no-mx (DOT) forums.slimdevices.com>:

>
> I decided to go ahead and move the buttons in the various files, so that
> they are left-justified beside the text, rather than dangling out far to
> the right. For anyone who wants them, just copy the Fishbone directory
> beneath the Slimserver directory, and then unzip the attached file to
> overwrite the applicable files.
>
> I'll occasionally check new versions of Slimserver, to see if the
> Fishbone skin has changed, and then I'll remake my changes and
> republish them.

well done, Mike! As you've no doubt noticed, there is a lot of redundant code in
there. I have a wish to find a way to make that into something more common, so
that all pages can load from just one common source for those links. I'm just
not sure how exactly to implement it. Hopefully it will come to me, and
maintaining something like this can be made a lot easier.

cheers,
kdf

MrC
2005-07-25, 13:50
Very nice. With the 6.2 builds, images a located in html/images, so your files will need to be modified for those using such.

kdf
2005-07-25, 13:58
Quoting MrC <MrC.1sqtto (AT) no-mx (DOT) forums.slimdevices.com>:

>
> Very nice. With the 6.2 builds, images a located in html/images, so
> your files will need to be modified for those using such.

6.1.1, and 6.1.2 builds as well. All have the images relocated to better comply
with standard skin design.

-kdf

tjtaylor
2005-07-25, 16:38
Mike,

Really nice! Thanks very much for taking the time to put this together, and for making it available to everyone... it's much appreciated!

Tim




I decided to go ahead and move the buttons in the various files, so that they are left-justified beside the text, rather than dangling out far to the right. For anyone who wants them, just copy the Fishbone directory beneath the Slimserver directory, and then unzip the attached file to overwrite the applicable files.

I'll occasionally check new versions of Slimserver, to see if the Fishbone skin has changed, and then I'll remake my changes and republish them.

-=> Mike Hanson <=-

ModelCitizen
2005-07-26, 03:38
Thanks a lot for this Sue.
I've copied and renamed the Fishbone directory and overwritten slimserver.css in both directories with your style sheets. Both look lovely. I am currently using the grey one.

The buttons transport buttons are curently centre aligned and I do not have the graphic equaliser but the visual improvement to the (already great) Fishbone skin is greatly appreciated.

Thanks again!

Simon Turner
Barcombe UK

Mike Hanson
2005-07-26, 05:33
well done, Mike! As you've no doubt noticed, there is a lot of redundant code in there. I have a wish to find a way to make that into something more common, so that all pages can load from just one common source for those links. I'm just not sure how exactly to implement it. Hopefully it will come to me, and maintaining something like this can be made a lot easier.
Unfortunately, HTML is exceedingly verbose, and rarely looks tidy. COBOL is also verbose, but at least it is nicely structured to make it readable. This is why I usually hand-code most of my HTML, just so that I can make sense of it later.

-=> Mike Hanson <=-

Mike Hanson
2005-07-26, 05:34
Very nice. With the 6.2 builds, images a located in html/images, so your files will need to be modified for those using such.
I was wondering if that was going to happen. I'll watch out for it, and reapply my modifications at some point.

-=> Mike Hanson <=-

kdf
2005-07-26, 10:01
Thanks a lot for this Sue.
I've copied and renamed the Fishbone directory and overwritten slimserver.css in both directories with your style sheets. Both look lovely. I am currently using the grey one.

The buttons transport buttons are curently centre aligned and I do not have the graphic equaliser but the visual improvement to the (already great) Fishbone skin is greatly appreciated.


Simon,

I've merged a slight variation on this stuff to 6.2 nightlies. You could download that and copy just the skin (the server itself is a bit experimental) if you'd like to try that (Sue's styles can switch on the fly from the help section). There is a bug filed regarding missing volume controls, and I cannot reproduce it. Are you using fixed digital out? is the client a software player?

-kdf

MrC
2005-07-26, 10:18
I was wondering if that was going to happen. I'll watch out for it, and reapply my modifications at some point.

-=> Mike Hanson <=-

I've done that, and am tightening up the HTML by using more CSS. I've noticed slightly faster loading. I'll post when I'm done.

MrC
2005-07-26, 15:27
I've taken the left-justified Fishbone skins presented by Mike Hanson, and replaced empty (padding) table entries with CSS. The size of the HTML presented to the webserver is now one half its original size. In my test case, the code went from 278K down to 140K.

Attached are the changes to the Fishbone code. Copy Fishbone to FishboneLJUST and unzip the attached files into that directory, set your skin to FishboneLJUST, and hard refresh.

I'll optimize more later.

kdf
2005-07-26, 16:12
Quoting MrC <MrC.1sssvz (AT) no-mx (DOT) forums.slimdevices.com>:

>
> I've taken the left-justified Fishbone skins presented by Mike Hanson,
> and replaced empty (padding) table entries with CSS.

There are more of those empty tables in the history_list.html file as well. its
a good optmisation. I'll make sure that gets into the 6.2 stuff.

-kdf

MrC
2005-07-26, 17:57
I think you meant hitlist_list.html. Yes, I found and fixed.

See attached updated zip.

Mike Hanson
2005-07-27, 03:39
I've taken the left-justified Fishbone skins presented by Mike Hanson, and replaced empty (padding) table entries with CSS. The size of the HTML presented to the webserver is now one half its original size. In my test case, the code went from 278K down to 140K.
Good stuff! I'll download it and take a look.

-=> Mike Hanson <=-

Mike Hanson
2005-07-27, 10:29
See attached updated zip.
It appears to be an invalid ZIP.

-=> Mike Hanson <=-

Yannzola
2005-07-27, 10:32
Yeah... I had the same problem originally. It's an IE binary parsing thang. Use firefox, and the ZIP remains uncorrupted.


It appears to be an invalid ZIP.

-=> Mike Hanson <=-

MrC
2005-07-27, 10:39
I don't believe the zip is corrupted. I was able to download w/IE and Opera without incident.

Mike Hanson
2005-07-27, 11:17
I don't believe the zip is corrupted. I was able to download w/IE and Opera without incident.
Hmmm. I had no problem downloading, but WinZip isn't able to open it. PKZIP25 (command line) also reports errors in the ZIP. I have the same problem with the file from earlier today.

-=> Mike Hanson <=-

MrC
2005-07-27, 11:19
I used winzip to compress/decompress - perhaps you have an older version? Are you using 9.0 at least?

ModelCitizen
2005-07-28, 00:38
Simon,
There is a bug filed regarding missing volume controls, and I cannot reproduce it. Are you using fixed digital out? is the client a software player?
-kdf

Sorry Kevin, I missed this.
Yup, you guessed it. I had the fixed digital out selected and the bass and volume controls on the web interface then disappear... as they should do! I've changed my selection and now they are displaying. However, I have managed to use the web SlimServer interface to reduce the bass and treble to zero... and now I can't get them to move at all (although the volume control works well). I guess I'll just use the remote to get them back to mid position again.

Late addition: Hmmm... I just don't seem to be able to find the bass and treble controls via the remote! I assume they should be near the volume setting under Settings... but cannot see them. Oh.

Patrick Dixon
2005-07-28, 00:43
I like the modified Fishbone skins - thanks to everyone who contributed.

kdf
2005-07-28, 00:56
Quoting ModelCitizen <ModelCitizen.1svd0n (AT) no-mx (DOT) forums.slimdevices.com>:

> I have managed to use the web SlimServer interface to reduce
> the bass and treble to zero... and now I can't get them to move at all
> (although the volume control works well). I guess I'll just use the
> remote to get them back to mid position again.

At this time, unfortunately you can't fix this without editing the prefs file.
SB2 doesn't have support for bass and treble adjustments just yet, so once you
hit them, they get stuck at zero. Removing these from the prefs file will at
least let the skin show midpoint again. I would have blanked them out, but the
skin doesn't have any clues to know the difference between squeezebox and
squeezebox2.

-kdf

Mike Hanson
2005-07-28, 03:35
I used winzip to compress/decompress - perhaps you have an older version? Are you using 9.0 at least?
Yes, I'm using version 9 SR-1. Could you try e-mailing the file to me (slimdevices "at" boxsoft "dot" net).

-=> Mike Hanson <=-

MrC
2005-07-28, 09:37
Yes, I'm using version 9 SR-1. Could you try e-mailing the file to me (slimdevices "at" boxsoft "dot" net).

-=> Mike Hanson <=-
Done.

I think slim's web server was having trouble yesterday, as several people were having trouble downloading file attachments from these forums.

Yannzola
2005-07-28, 10:12
Mike,
No one believes me.... but IE seems to somehow "scramble" Zips posted on this forum. Why, I dunno... but using Firefox =does work=.

y.

Yannzola
2005-07-28, 10:17
Done.

I think slim's web server was having trouble yesterday, as several people were having trouble downloading file attachments from these forums.

The problem is still occurring in IE. However, the same ZIP downloaded via Firefox opens without error. To be clear: I'm not some rabid Firefox evangelist, I am merely providing a solution that works for those who want access to these ZIPs.

y.

MrC
2005-07-28, 11:34
Yannzola, see my reply post to your "Nuff said" remark.


Mike,
No one believes me....
For good reason!

Bottom line, until you learn how to diagnose and clear the problem w/IE, you're going to continue to have trouble. Keep using Firefox if it works for you, and you don't want to resolve *your* IE troubles.

Yannzola
2005-07-28, 13:23
Yannzola, see my reply post to your "Nuff said" remark.


For good reason!

Bottom line, until you learn how to diagnose and clear the problem w/IE, you're going to continue to have trouble. Keep using Firefox if it works for you, and you don't want to resolve *your* IE troubles.

Mr.C,
I humbly submit to your superior intellect and assume a submissive posture. Attached is an image of a kitty, which I hope will help to defuse your anger.

MrC
2005-07-28, 13:44
Very nice kitty.

Yannzola
2005-07-28, 13:46
Very nice kitty.

:-)
It worked!
Let's start over, shall we?

y.

pfarrell
2005-07-28, 13:53
On Thu, 2005-07-28 at 13:23 -0700, Yannzola wrote:
> . Attached is an image of a kitty, whichI hope will help defuse
> your anger.

Art Dudley's Listener magazine used to use pictures of Bunnies for
the same reason. I liked that magazine. Art is still writing in
the business.( Stereophile, I think)

--
Pat
http://www.pfarrell.com/music/slimserver/slimsoftware.html

Patrick Dixon
2005-07-29, 10:09
Back on topic ...

I've just updated to r3817 and the Fishbone skin seems fairly 'buggered'. I'm using Grey with the left justified buttons (from the zip file) on Firefox and I seem to have bits of the screen that won't update and lots of <<<<<<<s & >>>>>>>s and .r3817s about the place.

What's up Kevin?

Jacob Potter
2005-07-29, 10:18
On 7/29/05, Patrick Dixon
<Patrick.Dixon.1sxy2n (AT) no-mx (DOT) forums.slimdevices.com> wrote:
> I've just updated to r3817 and the Fishbone skin seems fairly
> 'buggered'. I'm using Grey with the left justified buttons (from the
> zip file) on Firefox and I seem to have bits of the screen that won't
> update and lots of <<<<<<<s & >>>>>>>s and .r3817s about the place.

That happens when changes you've made locally conflict with changes on
the server, and Subversion can't figure out how to merge them
together. You'll have to go in and work it out by hand, or if you
don't care about your local changes just delete the whole Fishbone
directory and re-update.

- Jacob

kdf
2005-07-29, 10:35
Quoting Patrick Dixon <Patrick.Dixon.1sxy2n (AT) no-mx (DOT) forums.slimdevices.com>:

>
> Back on topic ...
>
> I've just updated to r3817 and the Fishbone skin seems fairly
> 'buggered'. I'm using Grey with the left justified buttons (from the
> zip file) on Firefox and I seem to have bits of the screen that won't
> update and lots of <<<<<<<s & >>>>>>>s and .r3817s about the place.
>
> What's up Kevin?
>

botched merge I guess. did you have local changes, like teh modified versions
posted here? or was this a clean update?

thanks,
kdf

Patrick Dixon
2005-07-29, 11:36
OK fixed now. Many thanks for the help.

Patrick Dixon
2005-08-03, 05:56
Just trying the fawn version of the modified skin and it looks like the AlienBBC page doesn't get the same style.

This is on 2005-08-02 nightly.

kdf
2005-08-03, 09:09
Quoting Patrick Dixon <Patrick.Dixon.1t6vtz (AT) no-mx (DOT) forums.slimdevices.com>:

>
> Just trying the fawn version of the modified skin and it looks like the
> AlienBBC page doesn't get the same style.
>
> This is on 2005-08-02 nightly.

That's up to alienbbc, since the plugins provide the templates. the plugin needs
to call teh standard page header, or provide its own links to teh new
stylesheets.

-kdf

Patrick Dixon
2005-08-04, 14:16
Song Info (through Browse Music Folder) is the same ...

Neil Sleightholm
2005-08-04, 14:38
Just trying the fawn version of the modified skin and it looks like the AlienBBC page doesn't get the same style.
If you copy the attached files to "server\Plugins\Alien\HTML\Fishbone\plugins\Alien" they should work.

Neil