Borders in scripts

rovingcowboy · Post by **rovingcowboy** » Sat Jan 31, 2009 11:45 pm

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.

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.

ZvezdanD · Post by **ZvezdanD** » Sun Feb 01, 2009 3:36 am

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.

gege · Post by **gege** » Sun Feb 01, 2009 7:03 pm

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.

nohitter151 · Post by **nohitter151** » Sun Feb 01, 2009 8:06 pm

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

Dreadlau · Post by **Dreadlau** » Mon Feb 02, 2009 4:40 pm

Yep good idea.

And sorry for the off-topic.

LikeMM · Post by **LikeMM** » Sun Mar 01, 2009 10:50 pm

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.

ZvezdanD · Post by **ZvezdanD** » Mon Mar 02, 2009 2:23 am

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.

ZvezdanD · Post by **ZvezdanD** » Mon Mar 02, 2009 4:19 am

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:

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%">

LikeMM · Post by **LikeMM** » Mon Mar 02, 2009 9:34 pm

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.

gege · Post by **gege** » Mon Mar 02, 2009 9:44 pm

LikeMM wrote:You rock!

Yep! He does!

steviegt · Post by **steviegt** » Sun May 17, 2009 4:43 pm

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.

ZvezdanD · Post by **ZvezdanD** » Tue May 19, 2009 5:00 am

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.

Borders in scripts

Re: Skinning functionality wishlist

Re: Skinning functionality wishlist

Re: Borders in scripts

Re: Borders in scripts

Re: Borders in scripts

Re: Skinning functionality wishlist

Re: Skinning functionality wishlist

Re: Borders in scripts

Re: Skinning functionality wishlist

Re: Skinning functionality wishlist

Re: Borders in scripts

Re: Borders in scripts