burrman care to shed some light on changing the main colours of the interface i have found in the main moi ini the back ground for the main body but not the viewport dividers, and the button areas (ie browser, and construct panels ) Image bleow. oh and i would still love it if i could split out the construct and transform panels lilke someone did in an early version :)

Hi David,
It really gets a bit to convoluted for my skill set. He is doing some things with a combination of "Transparency Settings" and "PNG" files and "CSS Color Settings" that all have to be worked with.

Like that viewport seperator you mentioned is a PNG file named "ViewportForeground.png" in the UI folder. It is just dynamically scaled for the setup UI.



You would colorize that image to meet what you have set in the "options-View" for the background color.

Also, things like the command buttons in the palletes have images that are doing rollover stuff in conjuntion with a transparency setting. So it would be quite a bit of work to find the elements and change them all to look good. It wont be just one setting in the css file.

Moving the toolbars around (The construction/Transform area) I think is in the "SidePane.htm" file. Again, with this changing rapidly here at the end, with possible tweaks in this area of scene browser work, I would probably wait a bit before I invest to much time. I think ASH has already came to that conclusion also.

I personally will look for more expert results from these other fellows when all is said and done anyway. :O

Burr

thanks mate and yes i think i will wait a little before splitting stuff up, just want it to look like home more :)

Well for instance, since the place I'll probably end up looks more like this:




Here are a few of the changes.

In the CSs file i set the CommandBarBody and SidePaneBody to color as it seemed you already found. Then I set my options-view-background color to this also.

Then I colored these images:

PaletteBodyBackground.png

PaletteHeaderBackground.png

ViewportForeground.png

THe dialogue boxes are css color settings that you could find and determine easily for where commands are textually entered to go further.

The buttons are all images that could be colorized also. (You'll have to do a couple each for the rollover also)

Then when you launch a command like "Circle", that flyout is still the old color. SO you need to set the "transparent option in the CSS file for these 2 areas:

.commandbody

.commandsetbody

to "none"

Then browse and find the images that makeup the flyout background and colorize those also.

With this method you could probably figure out all the changes you need to make to make your own UI that suits your need.

".DialogBody" "Color" will change the text in the options popup too.

A bit of experimentation to see what it does. Just make a folder and copy anything your about to change into there, then you can experiment in real time by opening and closing MoI, and if you dont like something, just copy it from that folder back into MoI's UI folder and back to square 1.

Have fun!

cheers mate, with your reply i have done the following and feeling a lot better about how its working out. still some stuff to tweak though

Hey that looks great Dave. With what you have there I'm sure the few small things left you can find!

For all the text and things like that you can look at the CSS file. Figuring out those flyout images is your last hurdle but very minor.

What is your home app? Modo?

i shall have a look at the css file ( dont know how but i will :) ) my main app is c4d
here is the c4d UI i have been using for yrs

OIC.
I should be pretty easy to peruse. If you need help to figue an area out. Post back and someone will for sure know.

Bed time for bonzo over here.

Talk later.

cheers mate and have a good sleep :)

Awake again and noticed my erroneous post.

No need to fool around with the "Transparent setting" in the Css.

Along with the Pallete header and Body background images, the command flyout will be these files:

CommandSetBackground.png

CommandSetButtonBackgroundLeft.png

CommandSetButtonBackgroundMiddle.png

CommandSetButtonBackgroundRight.png

These will help to make the tool pallete congruent.

Hey! Cool. Right now iam doing some Cinema-Style-Icons.