Last Updated Thursday, July 29, 2010
Page HTML Basics
I've been asked nearly on a daily basis (sometimes several times a day) how to do certain basic HTML codes that I have featured on my page. Because of the recent change in how HTML message can and cannot be sent to users, I've run acrosst he problem that I can no longer send sample HTML codes to people via telegrams. So instead, I've created a short tutorial (here) on how to do the basic HTML codes I've shown on my page - so that anyone can find them and use them to customize their IMVU homepage.
How Do I Put A Link On My Page?
<a href="yourlinkurlhere">Your Text Here</a>
How Do I Put An Image On My Page?
<img src="yourimageurlhere">
How Do I Make A Linked Image?
<a href="yourlinkurlhere"><img src="yourimageurlhere"></a>
How Can I Change My Font Size/Face/Color?
<font color=#000000>Your Text Here</font>
(changes the font color)
<font color=red>Your Text Here</font>
(also changes the font color)
<font size=2>Your Text Here</font>
(changes the font size)
<font face="Tempus Sans ITC">Your Text Here</font>
(changes the font used)
OR
<font color=#000000 size=2 face="Tempus Sans ITC">Your Text Here</font>
(does all three)
Basic Style Changes
<b>Your Text Here</b>
Bolds Text.
<i>Your Text Here</i>
Italisizes Text.
<u>Your Text Here</u>
Underlines Text.
<big>Your Text Here</big>
Makes your text bigger.
<small>Your Text Here</small>
Makes your text smaller.
How Do I Make My Panels Scroll Like Your Message Box?
<style type="text/css"><!-- .msgWrap { border: 0px; } --></style><style> DIV #messages_panel_body { overflow: auto; width: 570px; height: 675px; </style>
For the smaller side of your page, change the width to 300px.
How do I add a Seperate Scrolling Box To My Panel For Content?
<div style="border: 1px solid #9ba777; width: 500px; height: 200px; overflow: auto; background: #EBF5CC">Your Panel Content Here.</div>
This kind of scroller only effects the content in the <div></div> tags. It will not control the content of the entire panel, so it doesn't work for making your messages scroll, nor hiding your wishlist.
How Do I Put A Link To An Avatar Image That Updates Automatically?
<a href="yourlinkurlhere"><img src="http://www.imvu.com/catalog/web_av_pic.php?av=avatarnamehere" height=110 width=80></a>
Just change the "avatarnamehere" to the user's avatar name. Also, the height and width of the avatar can be customized smaller or bigger. A lot of avatars are the much larger 160x220 size, so I add the height and width paramaters to make sure all the avatar images I post show at the same (smaller) default size.