Page 2 of 2

Re: Skinning functionality wishlist

Posted: Sat Jan 31, 2009 11:45 pm
by rovingcowboy
are you suggesting that vista has required skins to be made with css html codes also? or is it just for the web monkey that the codes are messing up because of the css code.
:o what i'm wondering is if the standard skins are not working or only the web monkey skins? if the standard are not working i'll have to find how to fix mine and make them work for vista. :(

Re: Skinning functionality wishlist

Posted: Sun Feb 01, 2009 3:36 am
by ZvezdanD
There are two reasons why some dockable panel has the inner border:
1. using of the Align property for the contained control in the script, instead of the Anchors property;
2. setting of the border style to something else than none (if you don't specify it, Windows is using default one), but only if the script has the Web Browser ActiveX control. Scripts which are using Web Browser in dockable panel are LyricsViewer and MonkeyRok among others. If you are using some another control, then this second reason doesn't apply.

The second reason is not so important since it causes a border which is just one pixel wide, but the border as a result of the Align property is much thicker.

Newer versions of the IE (like the Vista one) has a possibility to work in Almost standards mode which is more CSS compliant, but AFAIK in that mode html element of the contained Web ActiveX cannot be set to border:none, so it is better to use Quirks mode. You just need to remove <!DOCTYPE HTML ... > from the begin of the html page - for example, for the MonkeyRok it is the first line of the skin.html file.

As I said before, this is almost all on the script developers to be resolved, not on skinners.

Re: Borders in scripts

Posted: Sun Feb 01, 2009 7:03 pm
by gege
I don't know who split the skinning functionality thread (nohitter?), putting all the border discussion in this one, but thanks anyway.

We really went off-topic in that one. Sorry for that, nohitter.

Re: Borders in scripts

Posted: Sun Feb 01, 2009 8:06 pm
by nohitter151
gege wrote:I don't know who split the skinning functionality thread (nohitter?), putting all the border discussion in this one, but thanks anyway.

We really went off-topic in that one. Sorry for that, nohitter.
I split it, and no problem :wink:

Re: Borders in scripts

Posted: Mon Feb 02, 2009 4:40 pm
by Dreadlau
Yep good idea.

And sorry for the off-topic.

Re: Skinning functionality wishlist

Posted: Sun Mar 01, 2009 10:50 pm
by LikeMM
gege wrote:
ZvezdanD wrote:
gege wrote:Unfortunately, working in quirks mode will break lots of skins (again for both LV and MR) :(
I just tried MM in Vista and you are right - border is not displayed only if I remove <!DOCTYPE HTML ... >. Could you explain what is happening with skins in quirks mode? I cannot see any difference when it is in that mode.
Turns out you're quite right. Side effects are not that bad for LV.
I tested all built in LV skins and also some 3rd party ones, found in this forum. For some, like Forum and Songbird, min-width and max-width CSS properties are not respected, but that's not a big deal. The only one really affected is Forum_Noir, whose header section is not shown. But I think I can figure out what's causing the problem.
Hi gege, ZvezdanD,

I managed to get rid of the thick borders around MonkeyRok in my desktop, which IE6. Today I got a netbook and installed MM3 on it. The borders appear thick again. The netbook has IE7 pre-installed. The borders disappear only if I remove 'doctype' as you mentioned, but then the fonts are all out of whack in MonkeyRok. What should I do to get the fonts back to all 8pt bold/normal as desired? (I want to avoid going back to IE6.) The netbook is pretty responsive for MM or any other program :)

Here is a screenshot.
Image

Re: Skinning functionality wishlist

Posted: Mon Mar 02, 2009 2:23 am
by ZvezdanD
LikeMM wrote:What should I do to get the fonts back to all 8pt bold/normal as desired?
Find table's styles in the skin.css file and add:

Code: Select all

	font-size:1em;
For example, for the basic skin this should be:

Code: Select all

/* tables */
table {
	border:none;
	padding:0;
	margin:0;
	text-align: left;
	font-size:1em;
}
Please let me know if it works as it should and I will update information about this on the first page of this thread.

Re: Borders in scripts

Posted: Mon Mar 02, 2009 4:19 am
by ZvezdanD
I just noticed one more problem with MonkeyRok and Quirks mode - the first box is wider than it should be. Here are examples before and after modification:
Image Image

Find the .content styles in the skin.css file and add:

Code: Select all

    width:100%;
Alternately, you could modify the skin.html file - instead of the line (20):

Code: Select all

<div id="info_content" class="content">
you should write:

Code: Select all

<div id="info_content" class="content" style="width:100%">

Re: Skinning functionality wishlist

Posted: Mon Mar 02, 2009 9:34 pm
by LikeMM
ZvezdanD wrote:
LikeMM wrote:What should I do to get the fonts back to all 8pt bold/normal as desired?
Find table's styles in the skin.css file and add:

Code: Select all

	font-size:1em;
...
Please let me know if it works as it should and I will update information about this on the first page of this thread.[/quote]

Worked like a charm! Needed to use both font-size and width attributes. [b][color=#BF0000]You rock![/color][/b]  :D

I used <b> attribute to bring the table headers back to bold. The headers are themselves one-line table with 2 or 3 <td> in my modification.

Re: Skinning functionality wishlist

Posted: Mon Mar 02, 2009 9:44 pm
by gege
LikeMM wrote:You rock! :D
Yep! He does!

Re: Borders in scripts

Posted: Sun May 17, 2009 4:43 pm
by steviegt
I've been trying to get rid of the white border arounf Monkey Rok Eclipse skin. I tried following the directions and can't seem to get it to work. I am running Vista & IE8. Can someone help or offer a little more clarity on how to accomlish this. Thanks.

Re: Borders in scripts

Posted: Tue May 19, 2009 5:00 am
by ZvezdanD
Here is a guide how to remove the inner border from Monkey Rok Eclipse:

1. In the c:\Program Files\MediaMonkey3\Scripts\Auto\MonkeyRok.vbs file, instead of the line 306:

Code: Select all

  web.Common.Align = 5
you should write:

Code: Select all

  web.Common.ClientWidth = pan.Common.ClientWidth
  web.Common.ClientHeight = pan.Common.ClientHeight
  web.Common.Anchors = 15
2. Add the next lines to the c:\Program Files\MediaMonkey3\Scripts\MonkeyRok\skins\animated_eclipse\skin.css file:

Code: Select all

html {border:none;}
table {font-size:1em;}
.content {width:100%;}
3. remove the first line (<!DOCTYPE HTML ... >) from the begin of the c:\Program Files\MediaMonkey3\Scripts\MonkeyRok\skins\animated_eclipse\skin.html file.

4. restart MM program.

EDIT: gege and DreadM just updated Eclipse skin for MR, so steps 2 and 3 are not necessary anymore.