IMVU Mega Widget Instructions

This is the last IMVU flash widget you will ever need! It does everything!
ANY COLOR, ANY SHAPE, ANY SIZE, ANY POSITION, ANY TEXT, ANY LINKS, ANY IMAGES, ANY MEDIA (AUDIO, VIDEO, GAMES, ETC) !! 

Derive These Mega Widget Meshes OR Add Your Own Mesh To The Base

IMVU MEGA WIDGET StandinIMVU MEGA WIDGET SittingIMVU MEGA WIDGET PosterIMVU MEGA WIDGET PosterIMVU MEGA WIDGET Poster

Here is the file you will need to download and edit to make your customized widgets, you might have to right click and “Save Link/Target As”: megawidget.xml

You can edit the file by opening it in notepad or any other suitable code editor, just remember not to change the file name at all when saving your work!

And here are some samples of what you can edit in the XML file, the green text is what you can change, the orange text should not be changed at all, most instructions you will need are included in the xml file as comments, as you see below. Note that the samples below only show those parts of the code that were customized for the sample introduction pop up, and not the entire contents of the file.

Starting with the main widget parameters, you can set these all to zero if you would rather use images for your background: 

<hpos>45</hpos> <!– Position of the widget from the left edge of the imvu window in pixels (can use negative) –>
<vpos>-30</vpos> <!– Position of the widget from the top edge of the imvu window in pixels (can use negative) –>
<width>780</width> <!– Width of the widget in pixels –>
<height>305</height> <!– Height of the widget in pixels –>
<radius>30</radius> <!– radius of the widget corners in pixels (can use negative) –>
<bgcolor>ff0000</bgcolor> <!– Background Hex Color Code, Example: Red=ff0000, Green=00ff00, Blue=0000ff –>
<bgop>.8</bgop> <!– The Background Opacity, 1=solid, .5=50% transparent, .25=75% transparent –>
<edget>3</edget> <!– Background Edge Thickness in pixels (for no edge set to same color as background) –>
<edgec>cccc00</edgec> <!– Background Edge Hex Color Code, Example: Red=ff0000, Green=00ff00, Blue=0000ff –>
<edgeo>1</edgeo> <!– Background Edge Opacity, 1=solid, .5=50% transparent, .25=75% transparent –>

<hpos>45</hpos> <!– Position of the widget from the left edge of the imvu window in pixels (can use negative) –>
<vpos>-30</vpos> <!– Position of the widget from the top edge of the imvu window in pixels (can use negative) –>
<width>780</width> <!– Width of the widget in pixels –> <height>305</height> <!– Height of the widget in pixels –>
<radius>30</radius> <!– radius of the widget corners in pixels (can use negative) –>
<bgcolor>ff0000</bgcolor> <!– Background Hex Color Code, Example: Red=ff0000, Green=00ff00, Blue=0000ff –>
<bgop>.8</bgop> <!– The Background Opacity, 1=solid, .5=50% transparent, .25=75% transparent –>
<edget>3</edget> <!– Background Edge Thickness in pixels (for no edge set to same color as background) –>
<edgec>cccc00</edgec> <!– Background Edge Hex Color Code, Example: Red=ff0000, Green=00ff00, Blue=0000ff –>
<edgeo>1</edgeo> <!– Background Edge Opacity, 1=solid, .5=50% transparent, .25=75% transparent –>

Then we see how the image “slots” are formatted, there are 10 of them and meant to be used mainly as background images, but you can use them however you want:

<img1>
<p><img src=”https://www.low-d.com/virt/sites/default/files/garland_logo.png” width=”89″ height=”47″></img></p>
</img1>
<img1x>45</img1x> <!– Left to Right Position of the Image in pixels, positive number moves right, negative number moves left –>
<img1y>-75</img1y> <!– Up and Down Position of the Image in pixels, positive number moves down, negative number moves up –>

<img2>
<p><img src=”https://www.low-d.com/virt/imvu/megawidgetclip.swf” width=”300″ height=”100″></img></p>
</img2>
<img2x>430</img2x>
<img2y>-75</img2y>

Then the title “slots”, again there are 10 of them and they can obviously be used for something other than titles if you want to and understand the coding:

<title1>
<font size=”20″ face=”verdana” color=”#00ff00″><b>IMVU</b></font>
</title1>
<title1x>130</title1x> <!– Left to Right Position of the Title in pixels, positive number moves right, negative number moves left –>
<title1y>-68</title1y> <!– Up and Down Position of the Title in pixels, positive number moves down, negative number moves up –>

<title2>
<font size=”20″ face=”verdana” color=”#00ff00″><b>MEGA</b></font>
</title2>
<title2x>170</title2x>
<title2y>-48</title2y>

<title3>
<font size=”20″ face=”verdana” color=”#00ff00″><b>WIDGET</b></font>
</title3>
<title3x>210</title3x>
<title3y>-28</title3y>

<title4>
<font size=”20″ face=”verdana” color=”#00ff00″><b>Some Banner Links</b></font>
</title4>
<title4x>460</title4x>
<title4y>125</title4y>

<title5>
<font size=”16″ face=”verdana” color=”#00ffff”><b><i>
<span>”What you see here is just a tiny sample of some</span>
<span> things the widget can do. When you  derive this</span>
<span>product you can customize all aspects of the</span>
<span>pop up. The possibilities are literally endless !!”</span>
</i></b></font>

</title5>
<title5x>345</title5x>
<title5y>20</title5y>

Then of course the real “meat” is in the columns, there are 20 columns, each column can have an unlimited number of html elements, and can be text, text links, images, image links, and various kinds of embedded media, etc.

<col1>
<p align=”center”><font size=”14″ face=”verdana” color=”#ccff00″>
<span>This is the last imvu flash widget you</span>
<span>will ever need! It does anything &</span>
<span>everything! ANY COLOR, ANY SHAPE,</span>
<span>ANY SIZE, ANY POSITION, ANY TEXT,</span>
<span> ANY LINKS, ANY IMAGES, ANY MEDIA</span>
<span>(AUDIO, VIDEO, GAMES, ETC) !!</span>
</font></p>

</col1>
<col1x>35</col1x> <!– Left to Right Position of the Column in pixels, positive number moves right, negative number moves left –>
<col1y>-8</col1y> <!– Up and Down Position of the Column in pixels, positive number moves down, negative number moves up –>

<col2>
<p align=”left”><font size=”10″ face=”verdana” color=”#ccff00″>
<span>If you have any trouble customizing the code,</span>
<span>or if you find anything that isn’t working as it should,</span>
<span>or if you have an idea for improving the functionality</span>
<span>of the widget, or even if you just want to say</span>
<i>”Hey look what I made with IMVU Mega Widget!”.</i>
<span>I want to hear from you!</span>
</font></p>

</col2>
<col2x>35</col2x>
<col2y>102</col2y>

<col3>
<p align=”center”><font size=”12″ face=”verdana” color=”#00ffff”>
<a href=”https://www.low-d.com/virt/sites/default/files/megawidget.xml”>Click Here To Download The XML</a>
<a href=”https://www.low-d.com/virt/?q=node/1876″>Click Here For Editing & Deriving Instructions</a>
<a href=”https://avatars.imvu.com/MeshesAndMore”>Check My Home Page To Connect With Me</a>
</font></p>

</col3>
<col3x>35</col3x>
<col3y>180</col3y>

<col4>
<a href=”https://www.imvu.com/catalog/index.php/manufacturers_id/104444769″><img src=”https://i1298.photobucket.com/albums/ag43/MeshesAndMore/Banner.gif” width=”200″ height=”29″></img></a>
</col4>
<col4x>375</col4x>
<col4y>145</col4y>

<col5>
<a href=”https://virt.low-d.com”><img src=”https://www.low-d.com/virt/incsites.gif” width=”200″ height=”24″></img></a>
</col5>
<col5x>375</col5x>
<col5y>185</col5y>

<col6>
<a href=”https://prod.low-d.com”><img src=”https://prod.low-d.com/low-d_p+s_btn.png” width=”200″ height=”24″></img></a>
</col6>
<col6x>600</col6x>
<col6y>145</col6y>

<col7>
<a href=”https://www.cassiopeian.co.uk/index.html?r=37120″><img src=”https://www.cassiopeian.co.uk/b/banner.gif” width=”200″ height=”32″></img></a>
</col7>
<col7x>600</col7x>
<col7y>180</col7y>

When your done editing the file, you need to save it (remember not to change the file name at all or it won’t work) and add it to the product assets folder. Use button number 5 in the image below to open the assets folder, remember to copy and paste the actual file into the folder, not just a shortcut! 

Then of course you already know to do the rest of the regular deriving stuff, if not you might contact our Production & Service Department: https://prod.low-d.com


 Some final notes from the author:

“What you see here is just a tiny sample of some things the widget can do. When you derive this product you can customize all aspects of the pop up. The possibilities are literally endless !!”

When you look at the assets tab in create mode you will see your XML file marked as “Not Used”, this is entirely normal as the file is not to be used by the product itself but is only used by the embedded flash widget.

When looking at the layout of images, titles, and columns, you might guess that in reality you can use any of those entries for any basic html you want, and you would be right! This widget is very flexible and any of the entries can be made into image, title, column, or anything else you can make with basic html codes just by adding the appropriate coding!

*IMPORTANT: When embedding a remote flash file (.swf) or other media, you still need to use the “img” tags. I know this seams weird, but the widget reads an “img” source as an embedded media and it is actually the url and file type that will determine the actual type of media, so for example, to embed a flash radio into your widget it will look something like this: <p><img src=”https://www.mysite.com/media/files/myradioplayer.swf” width=”200″ height=”100″></img></p> Notice that we still use the basic html “img” tags even though we are embedding a flash file!

**ALSO IMPORTANT: When using the “img” tags to embed any media, including regular image formats, remember to always wrap it in “p” tags as seen above. This is a quirkiness of the action script, or possibly due to this widget existing as a child of the imvu 3D instance, but whatever the cause, your media will not render if you don’t wrap it in element tags!

***ALSO WORTH NOTING: (1) When inserting plain text, each line of text will be “double spaced” unless you wrap it in some kind of element. <span>Like this for example.</span> 
(2) You don’t need to use <br> tags for line breaks, just a regular line break in the xml file by pressing your “enter” key is all you need, and if you do use a <br> without also using a </br> closing tag at the right spot it will just break the widget.
(3) The primary way to add any audio, video, or interactive content is by embedding a remote flash file (.swf), there may be other methods that can work but have not been thouroughly tested.
(4) If you have or make your own flash files that you want to use in the widget, upload your files somewhere online, then hotlink the file url just as you do when you add your photobucket images to your product descriptions for example.

Last but not least: If you have any trouble customizing the code, or if you find anything that isn’t working as it should, or if you have an idea for improving the functionality of the widget, or even if you just want to say “Hey look what I made with IMVU Mega Widget!” I want to hear from you!

Find or message Marcy on IMVU: MeshesAndMore

Contact The Low-D Corporation: lowd.corp@gmail.com 1 (503) 754-2143