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. Beacuse of the recent change in how HTML messages can and cannot be sent to users, I've run across the problem that I can no longer send example HTML codes to people via telegrams.  So instead, I've created a short tutorial (here) on how to do the basic codes I have shown on my page, so anyone can find them and use them to customize their IMVU page!


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> // 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>

Basic Style Changes

<b>Your Text Here</b> // Bold Text
<i>Your Text Here</i> // Italisized Text
<u>Your Text Here</u> // Underlined Text
<big>Your Text Here</big> // Bigger Text
<small>Your Text Here</small> // Smaller Text

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 Separate 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> codes. It will not control the content of the entire panel...so it does not work for making your messages scroll or 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.  Alot of avatars are the much larger 160x220 size, so I add the height and width parameters to make sure all the avatar images i post show at the same (smaller) default size.

 

 

All content herein Copyright (c) Cary A. Morton / www.immortal-doll.com unless otherwise stated. All other content (c) its individual owner.