Home of the Squeezebox™ & Transporter® network music players.
Page 1 of 2 12 LastLast
Results 1 to 10 of 17
  1. #1
    Senior Member
    Join Date
    May 2005
    Posts
    321

    770 skin how easy to tweak

    I am using the nokia 770 skin on my new pepper pad 3 and I am just a few pixels short of nirvana. Basically it works well but doesn' quite fit the screen - its a few pixels too deep {say the depth of the music progress bar) Is there any way a lay person can perform a marginal mod to the skin without coding skills?
    Last edited by gandt; 2006-12-14 at 12:02.

  2. #2
    Ne'er-do-well, Vagabond bklaas's Avatar
    Join Date
    Apr 2005
    Location
    Minneapolis, MN
    Posts
    2,033
    Quote Originally Posted by gandt View Post
    I am using the nokia 770 skin on my new pepper pad 3 and I am just a few pixels short of nirvana. Basically it works well but doesn' quite fit the screen - its a few pixels too deep {say the depth of the music progress bar) Is there any way a lay person can perform a marginal mod to the skin without coding skills?
    Aw, man. I've been waiting for the ridiculous envy I was going to feel when someone finally posted that they are accessing slimserver via a PepperPad 3. And yep, it's there. You did it. I'm envious.

    There is a super easy answer to your question, and no mod needed:
    use the Touch skin. Touch inherits everything except CSS from Nokia770, and will stretch to fit your screen.

    let me know how it goes. Man I want wanna them PepperPads...
    #!/ben
    Former Logitech Developer: Squeezeplay/SqueezeOS/SqueezeboxController/SqueezeCenter
    Community Developer: Nokia770Skin (r.i.p.)

    http://www.last.fm/user/bklaas/
    KHAAAN!...BUNNIES!

  3. #3
    Senior Member
    Join Date
    May 2005
    Posts
    321

    almost but not quite

    Touch still gives me a slight scroll. Its because Peppers browser retains the url box and stuff even in "full screen" mode.

    just realised was not being clear the skin is TOO DEEP by a few pixels not too short


    grahamt
    Last edited by gandt; 2006-12-14 at 12:18. Reason: clarification

  4. #4
    Ne'er-do-well, Vagabond bklaas's Avatar
    Join Date
    Apr 2005
    Location
    Minneapolis, MN
    Posts
    2,033
    Quote Originally Posted by gandt View Post
    Touch still gives me a slight scroll. Its because Peppers browser retains the url box and stuff even in "full screen" mode.

    just realised was not being clear the skin is TOO DEEP by a few pixels not too short


    grahamt
    naw, you were being clear. I just couldn't see through the gadget envy...

    yeah, I suppose this needs some tweaks, and I can help you through it. Might as well hold the conversation on this thread since the info presented might be of use to a wider audience.

    Why don't you start by telling me what elements are not fitting. Is it just the progress bar, or does it go further than that?

    Let's stick with Touch, as I still think the less-restrictive CSS from Touch will work better.

    #!/ben
    Former Logitech Developer: Squeezeplay/SqueezeOS/SqueezeboxController/SqueezeCenter
    Community Developer: Nokia770Skin (r.i.p.)

    http://www.last.fm/user/bklaas/
    KHAAAN!...BUNNIES!

  5. #5
    Senior Member
    Join Date
    May 2005
    Posts
    321

    even a truly dread ful picture

    might be worth a couple of dozen words...

  6. #6
    Senior Member
    Join Date
    May 2005
    Posts
    321

    maybe this is more useful

    Im thinking some whote space around the picture could be removed maybe?

  7. #7
    Ne'er-do-well, Vagabond bklaas's Avatar
    Join Date
    Apr 2005
    Location
    Minneapolis, MN
    Posts
    2,033
    I ran into this phenomena frequently with the Nokia 770 as well. I don't think removing whitespace is the way to go, but rather tweaking how widths are defined in the CSS.

    I'll do some experimenting and get back to you in an hour or two.

    #!/ben
    Former Logitech Developer: Squeezeplay/SqueezeOS/SqueezeboxController/SqueezeCenter
    Community Developer: Nokia770Skin (r.i.p.)

    http://www.last.fm/user/bklaas/
    KHAAAN!...BUNNIES!

  8. #8
    Senior Member
    Join Date
    May 2005
    Posts
    321

    thanks!

    I really appreciate it.

  9. #9
    Ne'er-do-well, Vagabond bklaas's Avatar
    Join Date
    Apr 2005
    Location
    Minneapolis, MN
    Posts
    2,033
    did I say an hour or two? How about a minute or two...

    Edit the file in your slimserver directory called HTML/Touch/slimserver.css

    change this width in the pagecontainer section from 100% to something less than 100. I'd recommend 98% to start with, and keep ramping it down until things render as you'd hope. FWIW, I tried "auto", and that's not a good option.

    change this:
    div#pagecontainer {
    top: 80; height: 85%; overflow-y: auto; width: 100%; position: absolute; z-index: 2;
    }

    to this:
    div#pagecontainer {
    top: 80; height: 85%; overflow-y: auto; width: 98%; position: absolute; z-index: 2;
    }

    let me know how this works. I *may* check that change in, provided I confirm it doesn't mess with anything else.

    #!/ben
    Former Logitech Developer: Squeezeplay/SqueezeOS/SqueezeboxController/SqueezeCenter
    Community Developer: Nokia770Skin (r.i.p.)

    http://www.last.fm/user/bklaas/
    KHAAAN!...BUNNIES!

  10. #10
    Senior Member
    Join Date
    May 2005
    Posts
    321

    is this the right entry

    it looks a little different


    div#pagecontainer {
    position: absolute;
    top: 80;
    height: 364px;
    width: 96%;
    overflow: visible;
    }

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •