Tutorial on changing the MoI 3D interface

 From:  chippwalters
7231.1 
In particular this tutorial is for those who want to change the icons and colors of MoI 3D. If you are not expert in dealing with basic HTML and CSS, then please do not try this as it may destroy your MoI app and force you to download another!

The goal of this tutorial is showing how to place a "REFRESH" link at the top of the side panel, which when clicked, will refresh the interface with new changes made to the moi.css file. This way it is possible to iteratively and quickly make adjustments to the interface. Once completed, you can then remove the code for the "REFRESH" link.

This tutorial does not go into rearranging interface components or anything other than changing basic CSS. The code shown in the video is:

code:
<a href="javascript:window.location.reload(true);">Refresh</a>


Don't forget, once you are finished making changes, remove the code and reset the moi.ini file as described in the video. I hope this helps others!

FWIW, I believe this process should also help those who are writing javascript command plugins as well.