Various Codes

Here you will find a bunch of codes you won't see anywhere else. Some of them were created by me and others were modified or obtained from somewhere. Some of them are on a experimental phase, so would be good to test them and see how they work. Click on the code you want, and if the code has any part that must be filled by you, a small helper will popup letting you update the code with the info you input to it. Remember all codes can be put in any of your homepage panels unless it is said not to.

Warning text:

Result code:

<script>
function blockrightclick(){alert("{arrval0}");return false}
document.oncontextmenu=blockrightclick;
</script>

Result code:

<style>#special_panel_body table td{text-align:center}</style>

Result code:

<style>#special_panel_body .av_pic .showpopup{cursor:default!important;pointer-events:none;}</style>

Note: you can use this code to hide the original interests panel text to replace it with your own via Edit > Edit Custom HTML/CSS.

Result code:

<style>#customer_tags_area{display:none}</style>

Result code:

<style>#tagcloud_panel_colRow a:link,#tagcloud_panel_colRow a:visited{text-decoration:none}</style>

Note: for this code to work you will need to set an image that follows the same format as the default request badge button image: https://www.imvu.com/common/img/badgepanel_buttonsprite.png
Request Badge Sprite Image URL:

Result code:

<style>.request_badge_button{background-image:url("{arrval0}")!important}</style>

Result code:

<style>#groups_panel_body .demotext{display:none}</style>

Desired height of the panel (px):

Result code:

<style>#badges_panel_body{overflow:auto;height:{arrval0}px}</style>

Result code:

<marquee id='imvustylez_visitors_marquee' onmouseout='this.start()' onmouseover='this.stop()' behavior='scroll' direction='down' scrollamount='5'></marquee> 
<script> 
function imvustylez_scroll_visitors(){
  var pageLoaded= 0;
  if(document.getElementById("footerBanner")){
     clearTimeout(pageLoaded);
     if(document.getElementById("visitors_panel_colRow")){
        var visitors_cells=document.getElementById("visitors_panel_colRow").getElementsByTagName("td");
        var visitors_icons_html = "<table cellpadding='5'>";
        for(x=0;x<visitors_cells.length;x++){
		if(visitors_cells[x].innerHTML!='<img src="/catalog/web_images/space.gif" alt="spacer" width="50" height="1" border="0">') visitors_icons_html +="<tr><td>"+visitors_cells[x].innerHTML+ "</td></tr>";
	}
        visitors_icons_html += "</table>";
	document.getElementById("imvustylez_visitors_marquee").innerHTML=visitors_icons_html;
	document.getElementById("visitors_panel_colRow").style.display="none";
     }
  } else {pageLoaded=setTimeout("imvustylez_scroll_visitors()", 2000);}
}
imvustylez_scroll_visitors();
</script>

Result code:

<style>#badges_panel_body .demotext{display:none}</style>

Result code:

<script>$(document).ready(function(){$("#tagcloud_panel_colRow a").prop("href","javascript:void(0)")});</script>

Avatar ID number:

Result code:

<img src="https://www.imvu.com/catalog/web_av_pic.php?u={arrval0}">

Background color:

Result code:

<style>
body{
 color: {arrval0} !important;
}
</style>

+ IMPORTANT: Code MUST go into your VIDEO panel, and this panel needs to be the only one visible on your homepage. Make sure it's on the LEFT side column and it's the only panel unhidden and set to Everyone.
Link or URL to your page:

Result code:

<iframe src="{arrval0}" style="border: 0px; position:fixed; top:30px; left:0px; right:0px; bottom:0px; width:100%; height:100%"></iframe>
<style>.paneltitle, .panelmenu {display:none !important}</style>

Notes: the link to your wix page must be for example: https://USERNAME.wixsite.com/PAGENAME
+ IMPORTANT: Code MUST go into your VIDEO panel, and this panel needs to be the only one visible on your homepage. Make sure it's on the LEFT side column and it's the only panel unhidden and set to Everyone.
Link to your Wix page:

Result code:

<style>
#video_panel_body, #video_panel, #imvuContent, #leftColumn,#imvuContent td:first-child {width:100% !important}
#video_panel_header,#rightColumn,#imvuContent td:nth-child(2){display: none}
#leftColumn td:nth-child(2),#rightColumn td:nth-child(2){display:table-cell !important}
</style>
<iframe width="100%" height="2500" src="{arrval0}" allowfullscreen="" scrolling="no" frameborder="0"></iframe>

Notes: if you wish to make the image to repeat covering the whole background, remove the last line on this code before the closing 'style' tag.
Direct link to image:

Result code:

<style>
body{
background-image:url('{arrval0}');
background-attachment:fixed;
background-position:center center;
background-repeat:no-repeat;
}
</style>

Notes: this code will remove all panel borders in order to be able to add space below each panel.
Space below each panel (px):

Result code:

<style>
[id$="_panel_body"],[id$="_panel"],[id$="_panel_header"]{border:0px !important}
#aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #url_panel, #tagcloud_panel, #collect_panel, #visitors_panel, #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel, #rss_panel, #video_panel, #special_panel,#outfits_panel, #groups_panel, #badges_panel, #slideshow_panel{
padding-bottom: {arrval0}px !important;
}
</style>

Result code:

<style>
#aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel, #tagcloud_panel, #stickers_panel, #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel, #rss_panel, #url_panel, #special_panel, #outfits_panel, #video_panel, #groups_panel, #slideshow_panel, #badges_panel{
    margin-bottom: -22px;
}
</style>

Result code:

<style>
#avBigPic{display:none}
</style>

Notes: this code needs you to input the AVATAR ID number, not the name. It will also deny access to unlogged users.
Avatar ID:
Message:

Result code:

<script>
/*by gaf210 @ gaf210.gafcodes.com*/
if(document.getElementById("mininav-userarea") ||(IMVU.data.customerID == {arrval0})){
	alert("{arrval1}");
	document.getElementById("imvuParentTable").style.display="none";
}
</script>

Result code:

<style>
#customer_tags_area{
    text-align: center;
    display: block;
}
</style>

Result code:

<style>
#aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #url_panel, #tagcloud_panel, #collect_panel, #visitors_panel, #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel, #rss_panel, #video_panel, #special_panel,#outfits_panel, #groups_panel, #badges_panel, #slideshow_panel{
opacity:0.7;
}
</style>

Text color:

Result code:

<style>
#top_links a:link,#top_links a:visited{
 color: {arrval0} !important;
}
</style>

Note: make sure your blogspot is set to public for this code to work.
Your blogspot user name:
How many posts to show:

Result code:

<style>#blogfeed-container{background:rgba(255,255,255,0.9);color:#333;width:100%;height:700px;overflow:auto}.blogfeed-article{padding:5px;font-size:12px;font-family:'Century Gothic',sans-serif;margin-bottom:30px}.blogfeed-article-title{font-size:20px;font-weight:bold}.blogfeed-article-title a{text-decoration:none;color:#333!important}.blogfeed-article-title a:hover{text-decoration:underline}.blogfeed-article-details{font-size:10px;font-variant:italic}.blogfeed-article-body{padding-top:20px}.blogfeed-article-body div{line-height:normal !important}</style><div id="blogfeed-container"></div>
<script>function mbtlist(json){var SHOWMAXPOSTS={arrval1};for (var i = 0;i<json.feed.entry.length;i++){var TotalPosts=json.feed.openSearch$totalResults.$t}for(i=0;i<Math.min(SHOWMAXPOSTS,TotalPosts);i++){document.getElementById("blogfeed-container").innerHTML+=buildArticleHtml(json.feed.entry[i])}} function feedFormatDate(dateStr){var newdate=new Date(dateStr);return (newdate.getMonth()+1)+"/"+newdate.getDate()+"/"+newdate.getFullYear()} function buildArticleHtml(entry){return '<div class="blogfeed-article"><div class="blogfeed-article-title"><a href="'+entry.link[2].href+'" target="_blank">'+entry.title.$t+'</a></div><div class="blogfeed-article-details">by <span class="blogfeed-article-author">'+entry.author[0].name.$t+'</span> on <span class="blogfeed-article-date">'+feedFormatDate(entry.updated.$t)+'</span></div><div class="blogfeed-article-body">'+entry.content.$t+'</div></div>'}</script><script src="https://{arrval0}.blogspot.com/feeds/posts/default?alt=json-in-script&callback=mbtlist"></script>

Result code:

<style>
#dev_panel_body table{display:none}
#dev_panel_extra_html_show table{display:block}
</style>

Image Direct Link:

Result code:

<style>
body, a, area,map {cursor: url("{arrval0}"), default;}
</style>

Note: write a comma separated list of names you want the code to switch. Be sure the names are enclosed by 's. Put this code inside a visible panel that appears below the about me panel.
List of names:

Result code:

<script>
names_arr=[{arrval0}];
changeaviname_index=0;
function changeaviname(){
	document.getElementById('aboutme_panel_body').getElementsByTagName('b')[0].innerHTML=names_arr[changeaviname_index];
	changeaviname_index++;
	if(changeaviname_index>=names_arr.length) changeaviname_index=0;
}
window.setInterval(function(){changeaviname()},3000);
</script>

Note: modify the text in the code as desired. Put this code inside the about me panel.

Result code:

<div id="aboutme_newcontents" style="display:none">
Relationship Status: Single and Ready to Mingle<br>
Sexual Orientation: Straight as a Railway
</div>
<script>$("#aboutme_conditional_information_div").html($("#aboutme_newcontents").html());</script>

Note: put this code inside your room panel.
Link Url:

Result code:

<script>
$("#room_panel_colRow a").prop("href","{arrval0}");
</script>

Margin (px):

Result code:

<style>
#aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #url_panel, #tagcloud_panel, #collect_panel, #visitors_panel, #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel, #rss_panel, #video_panel, #special_panel,#outfits_panel, #groups_panel, #badges_panel, #slideshow_panel { 
margin-bottom: {arrval0}px !important;
}
</style>

Result code:

<style>
#outfits_panel_colRow a, #outfits-container-panel a{
	display:none;
}
</style>

Note: this code will remove the gap between your about me text contents and the relationship / interests / occupation texts.

Result code:

<script>
$(document).ready(function(){
$("#aboutme_panel_body br[clear='all']").hide(); 
});
</script>

Result code:

<style>
.paneltitle{
	text-align: center;
	width:100%
}
</style>

Result code:

<style>
[id$="_panel"]{
	-webkit-box-shadow: 0px 1px 7px 0px #666;
	box-shadow: 0px 1px 7px 0px #666;
	border: 1px solid #666 !important;
}
</style>

Result code:

<style>
[id$="_panel_body"]{
background: rgba(0, 0, 0, 0.5) !important;
}
</style>

Result code:

<style>
[id$="_panel_body"]{
background: rgba(255, 255, 255, 0.5) !important;
}
</style>

Note: this code will force all panel borders to disappear. If you want to later on add borders to your panels, be sure to take this code off your homepage.

Result code:

<style>
[id$="_panel_body"],[id$="_panel"],[id$="_panel_header"]{
border: 0px !important;
} 
</style>

Result code:

<script>
function visitorPic(Nm){ 
return "https://www.imvu.com/catalog/web_av_pic.php?av=" + Nm;
}
allTags=document.getElementById('mininav-avname').innerHTML; 
if(allTags.indexOf("Guest") == 0) { vN = allTags.substring(6, (allTags.length));} else vN=allTags; 
$("#avBigPic .aw2 .av_pic .showpopup img").attr("src",visitorPic(vN));
</script>

Note: add in a panel that appears after the about me or in the about me panel itself.

Result code:

<script>
if(document.getElementById("about_me_text_contents")){
	aboutmeobjs=document.getElementById("about_me_text_contents").getElementsByTagName("span");
	for(i=3;i<7;i++) aboutmeobjs[i].style.display="none";
}
</script>

Result code:

<style>
#visitors_panel_colRow .aw2 a img,#visitors_panel_colRow .aw2 .av_pic,#visitors_panel_colRow #avatar-homepage .aw2-100,#visitors_panel_colRow tr td div.aw2-100,#visitors_panel_colRow div.avPic a img {
	width:160px !important;
	height:220px !important;
	overflow:visible !important;
}

#visitors_panel_colRow tr td div.aw2-100{
	height:260px !important;
}

#visitors_panel_colRow div.avPic div a img {
	width:40px !important;
	height:13px !important;
}

#visitors_panel_colRow .badges-container,#visitors_panel_colRow .infosprites{
	display:none;
}
</style>

Result code:

<style>
#friends_panel_colRow .aw2 a img,#friends_panel_colRow .aw2 .av_pic,#friends_panel_colRow #avatar-homepage .aw2-100,#friends_panel_colRow tr td div.aw2-100,#friends_panel_colRow div.avPic a img {
	width:160px !important;
	height:220px !important;
	overflow:visible !important;
}

#friends_panel_colRow tr td div.aw2-100{
	height:260px !important;
}

#friends_panel_colRow div.avPic div a img {
	width:40px !important;
	height:13px !important;
}

#friends_panel_colRow .badges-container,#friends_panel_colRow .infosprites{
	display:none;
}
</style>

Result code:

<style>
#badges_panel_body div table{
    width: 30%;
    margin: 0px auto;
}
</style>

Result code:

<style>
#aboutme_panel_body tr td a img{
 display: none;
}
#avBigPic a img,#aboutme_panel_extra_html_show a img{
display: block !important;
}
</style>

Note: this code will hide the words 'Want a panel like this? Click here' note at the bottom when you embed a panel. Paste this code inside the panel you are embedding.

Result code:

<style>
.msgLnks{
	display: none !important;
}
#messages_panel .msgLnks{
	display: block !important;
}
</style>

Result code:

<style>
#friends_panel_body .avPic img, #friends_panel_body .av_pic, #friends_panel_body .infosprites, #friends_panel_body .badges-container {display:none !important;}
</style>

Result code:

<marquee id='imvustylez_friends_marquee' onmouseout='this.start()' onmouseover='this.stop()' behavior='scroll' direction='left' scrollamount='5'></marquee> 
<script> 
function imvustylez_scroll_friends(){
  var pageLoaded= 0;
  if(document.getElementById("footerBanner")){
     clearTimeout(pageLoaded);
     if(document.getElementById("friends_panel_colRow")){
        var friends_cells=document.getElementById("friends_panel_colRow").getElementsByTagName("td");
        var friends_icons_html = "<table cellpadding='5'><tr>";
        for(x=0;x<friends_cells.length;x++){
		if(friends_cells[x].innerHTML!='<img src="/catalog/web_images/space.gif" alt="spacer" width="50" height="1" border="0">') friends_icons_html +="<td>"+friends_cells[x].innerHTML+ "</td>";
	}
        friends_icons_html += "</tr></table>";
	document.getElementById("imvustylez_friends_marquee").innerHTML=friends_icons_html;
	document.getElementById("friends_panel_colRow").style.display="none";
     }
  } else {pageLoaded=setTimeout("imvustylez_scroll_friends()", 2000);}
}
imvustylez_scroll_friends();
</script>

Result code:

<marquee id='imvustylez_visitors_marquee' onmouseout='this.start()' onmouseover='this.stop()' behavior='scroll' direction='left' scrollamount='5'></marquee> 
<script> 
function imvustylez_scroll_visitors(){
  var pageLoaded= 0;
  if(document.getElementById("footerBanner")){
     clearTimeout(pageLoaded);
     if(document.getElementById("visitors_panel_colRow")){
        var visitors_cells=document.getElementById("visitors_panel_colRow").getElementsByTagName("td");
        var visitors_icons_html = "<table cellpadding='5'><tr>";
        for(x=0;x<visitors_cells.length;x++){
		if(visitors_cells[x].innerHTML!='<img src="/catalog/web_images/space.gif" alt="spacer" width="50" height="1" border="0">') visitors_icons_html +="<td>"+visitors_cells[x].innerHTML+ "</td>";
	}
        visitors_icons_html += "</tr></table>";
	document.getElementById("imvustylez_visitors_marquee").innerHTML=visitors_icons_html;
	document.getElementById("visitors_panel_colRow").style.display="none";
     }
  } else {pageLoaded=setTimeout("imvustylez_scroll_visitors()", 2000);}
}
imvustylez_scroll_visitors();
</script>

Result code:

<style>
#badges_panel_body table tr{
 float:left;
}
#badges_panel_body table tr td{
 padding:5px;
}
</style>

Result code:

<style>
#aboutme_panel_header, #contact_panel_header, #dev_panel_header, #wishlist_panel_header, #url_panel_header, 
#tagcloud_panel_header, #visitors_panel_header, #room_panel_header, #rankings_panel_header, #cool_panel_header, #gallery_panel_header, #friends_panel_header, #blog_panel_header, #rss_panel_header, #video_panel_header, #badges_panel_header, #special_panel_header,#outfits_panel_header, #groups_panel_header { 
display: none !important; 
}
</style>

Direct link of custom image:

Result code:

<script>
function imvustylez_change_room_pic(){
	var pageLoaded= 0;
	if(document.getElementById("footerBanner")){
		clearTimeout(pageLoaded);
		if(document.getElementById("room_panel_colRow").getElementsByTagName("img")[0]){ 
			document.getElementById("room_panel_colRow").getElementsByTagName("img")[0].src="{arrval0}"; 
		}
	} else {pageLoaded=setTimeout("imvustylez_change_room_pic()", 2000);}
}
imvustylez_change_room_pic();
</script>

Result code:

<marquee id='imvustylez_newprods_marquee' onmouseout='this.start()' onmouseover='this.stop()' behavior='scroll' direction='left' scrollamount='5'></marquee> 
<script> 
function imvustylez_scroll_newprods(){
  var pageLoaded= 0;
  if(document.getElementById("footerBanner")){
     clearTimeout(pageLoaded);
     if(document.getElementById("dev_panel_body")){
        var newprods_cells=document.getElementById("dev_panel_body").getElementsByTagName("td");
        var newprods_icons_html = "";
        for(x=0;x<newprods_cells.length;x++){
		if(newprods_cells[x].innerHTML!='<img src="/catalog/web_images/space.gif" alt="spacer" width="50" height="1" border="0">') newprods_icons_html +=newprods_cells[x].innerHTML+ " ";
		newprods_cells[x].style.display="none";
	}
        document.getElementById("imvustylez_newprods_marquee").innerHTML=newprods_icons_html;
	document.getElementById("dev_panel_body").getElementsByTagName("table")[0].style.display="none";
     }
  } else {pageLoaded=setTimeout("imvustylez_scroll_newprods()", 2000);}
}
imvustylez_scroll_newprods();
</script>

Result code:

<style>
#friends_panel_colRow a{
 font-size: 0px !important;
}
</style>

Notes: This code will only hide your last login date in your about me panel on your homepage, this information will still be visible through other means.

Result code:

<script>
function imvustylez_hide_lastlogin(){
	var pageLoaded= 0;
	if(document.getElementById("footerBanner")){
		clearTimeout(pageLoaded);
		if(document.getElementById("about_me_text_contents")){
			//old remove
			if(document.getElementById("about_me_text_contents").getElementsByTagName("span")[3]){
				document.getElementById("about_me_text_contents").getElementsByTagName("span")[3].style.display="none";
			}
			//replace line
			const about_text = document.getElementById("about_me_text_contents").innerHTML;
			const about_text_left = about_text.indexOf("Last log on:");
			if(about_text_left>-1){
				const about_text_right = about_text.indexOf("<br>",about_text_left);
				if(about_text_right > -1) document.getElementById("about_me_text_contents").innerHTML = about_text.substring(0,about_text_left) + about_text.substring(about_text_right);
			}
		}
	} else {pageLoaded=setTimeout("imvustylez_hide_lastlogin()", 500);}
}
imvustylez_hide_lastlogin();
</script>

Notes: Be sure to have your badges enabled on your homepage in your Account Settings page. Refresh your page after adding this code.
Your Avatar ID number:

Result code:

<a class="showpopup avi-card" data-avatarid="{arrval0}" id="showpopup-{arrval0}" href="#"><img src="https://www.imvu.com/catalog/web_av_pic.php?u={arrval0}"></a>
<script>$('.avi-card').click(function(){IMVU.AvatarCard.showPopup($(this).data("avatarid"));return false;});</script>

Notes: This code will only hide your gender in your about me panel on your homepage, you gender will still be able to be seen through other means.

Result code:

<script> 
/*Code by AlbaX, D4G0 and gaf210*/
$(document).ready(function(){
	$("#about_me_text_contents").html($("#about_me_text_contents").html().replace('Female','').replace('Male','')); 
});
</script>

Image Direct Link:

Result code:

<style>
body{
background: url("{arrval0}") top left no-repeat fixed #000;
background-size: 100% 100%;
}
</style>

Notes: this code needs you to input the AVATAR ID number, not the name. It will also deny access to unlogged users.
Avatar ID:

Result code:

<script>
/*by gaf210 @ gaf210.gafcodes.com*/
if(document.getElementById("mininav-userarea") ||(IMVU.data.customerID == {arrval0})) document.getElementById("imvuParentTable").style.display="none";
</script>

Result code:

<style> 
#top_links{ 
margin-left: -310px !important;
position: absolute;
width: 900px;
z-index: 10000;
text-align: center;
}
</style>

Result code:

<marquee id='imvustylez_wishlist_marquee' onmouseout='this.start()' onmouseover='this.stop()' behavior='scroll' direction='left' scrollamount='5'></marquee> 
<script> 
function imvustylez_scroll_wishlist(){
  var pageLoaded= 0;
  if(document.getElementById("footerBanner")){
     clearTimeout(pageLoaded);
     if(document.getElementById("wishlist_panel_colRow")){
        var wishlist_cells=document.getElementById("wishlist_panel_colRow").getElementsByTagName("td");
        var wishlist_icons_html = "";
        for(x=0;x<wishlist_cells.length;x++){
		if(wishlist_cells[x].innerHTML!='<img src="/catalog/web_images/space.gif" alt="spacer" width="50" height="1" border="0">') wishlist_icons_html +=wishlist_cells[x].innerHTML+ " ";
	}
        document.getElementById("imvustylez_wishlist_marquee").innerHTML=wishlist_icons_html;
	document.getElementById("wishlist_panel_colRow").style.display="none";
     }
  } else {pageLoaded=setTimeout("imvustylez_scroll_wishlist()", 2000);}
}
imvustylez_scroll_wishlist();
</script>

Result code:

<style> 
img{ 
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
filter: gray; 
-webkit-filter: grayscale(100%); 
} 
</style>

Space height added to bottom (px):

Result code:

<style> 
#footerBanner{margin-top:{arrval0}px !important} 
</style>

Maximum height of the panel (px):

Result code:

<style> 
#groups_panel_body{ overflow: auto; max-height: {arrval0}px;} 
</style>

Type the message for the popup box:

Result code:

<script>
alert("{arrval0}");
</script>

Result code:

<style>
#special_panel_body .demotext { display:none }
</style>

Notes: this code will show your current age given a birth date. It will only show the age number.
Your birth date:

Result code:

<span id="gaf210date1743724813"></span>
<script>
bdate = "{arrval0}";
dateparts=bdate.split("-");
var today = new Date();
var todate = new Date(dateparts[2],dateparts[0]-1,dateparts[1]);
finaldate = new Date(Math.abs(today.getTime() - todate.getTime()));
if(document.getElementById("gaf210date1743724813"))document.getElementById("gaf210date1743724813").innerHTML = finaldate.getFullYear() - 1970;
</script>

<style>
#avatar_name{
visibility: hidden;
}
</style>

<style>
#aboutme_conditional_information_div{
display:none !important
}
</style>

<style>
#rankings_panel .rankStat{
	display: none !important;
}
</style>

Notes: this code will hide all of your toplinks but leaving visible the Block and Report Homepage links so it can be a safe code to use.

Result code:

<script> 
//By Antonio82 
var TStart = document.getElementById('top_links'); 
var TLinks = TStart.getElementsByTagName('a'); 
var LCount = TLinks.length;
for (var i = 0; i < LCount; i++) { 
if (i<3) { 
TLinks[i].style.display = 'none'; 
}
}
</script>

Notes: this code is meant to be used to put your badges panel body over a box in a layout or something like that. Set the margins according to the panel that appears above the badges panel.
Top margin (in px):
Left margin (in px):

Result code:

<style>
/*By Antonio82 */
#badges_panel_header .paneltitletext {
display:none;
}
#badges_panel_body {
position:absolute;
top:{arrval0}px;
left:{arrval1}px;
z-index:99999;
}
</style>

Notes: put this code in a panel that appears under all the rest, at the bottom of your page code.

Result code:

<script>
var ts = document.getElementsByTagName("a");
for(i=0;i<ts.length;i++) ts[i].target="_blank";
</script>

Result code:

<script>
function visitorPic(Nm){ 
return "<a href='http://avatars.imvu.com/" + Nm + "'><img width='80' height='110' border='0' src='https://www.imvu.com/catalog/web_av_pic.php?av=" + Nm +"'></a>";
}
allTags=document.getElementById('mininav-avname').innerHTML; 
if(allTags.indexOf("Guest") == 0) { vN = allTags.substring(6, (allTags.length));} else vN=allTags; 
document.write(visitorPic(vN));
</script>

Notes: put this code in a panel that appears under the visitors panel.
How many visitors do you want to show? (less than 6):

Result code:

<script> 
howmanyicons ={arrval0};
vistable_body = document.getElementById('visitors_panel_colRow').getElementsByTagName('td');
for(i=vistable_body.length-1;i>=0 && i>=howmanyicons; i--){ 
	vistable_body[i].style.display = "none"; 
} 
</script>

Result code:

<style type='text/css'>
/* background color and font size */
#stickerInfo {
background: #FFFFE1;
border:1px solid #000000;
font-family: Arial, sans-serif;
font-size:0.7em;
}
/* font color */
#stickerInfo A {
color: #000000;
}
/* font color when hover over links */
#stickerInfo A:hover {
color: #0000cd;
}
</style>

Notes: This code will only hide the 'See Name Change History' link from your homepage, it won't actually erase your name changes.

Result code:

<script>
if(document.getElementById("top_links").getElementsByTagName("a")){
document.getElementById("top_links").getElementsByTagName("a")[4].style.display ="none";
}
</script>

Notes: put your visible panels in your left column before using this code.

Result code:

<style> 
#aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel, 
#tagcloud_panel, #stickers_panel, #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel, #rss_panel, #url_panel, #special_panel,#outfits_panel, #video_panel, #groups_panel, #slideshow_panel, #badges_panel  { 
width: 900px !important
}
#rightColumn {
display:none !important;
}
</style>

Font size:

Result code:

<style> 
#specialsomeone-message, #special_panel_extra_html_show span{
  font-size:{arrval0}px !important; 
} 
</style>

Panel height:

Result code:

<style> 
#special_panel_body{ overflow: auto; height: {arrval0}px;} 
</style>

Result code:

<style>
#visitors_panel_body .avPic img, #visitors_panel_body .av_pic, #visitors_panel_body .infosprites, #visitors_panel_body .badges-container {display:none !important;}
</style>

Result code:

<style>
#room_panel_colRow{
display: none !important;
}
</style>

Notes: put this code in a panel that appears under the New products panel.
How many icons do you want to show? (less than 6):

Result code:

<script> 
howmanyicons = {arrval0};
devtable_body = document.getElementById('dev_panel_body').getElementsByTagName('td');
for(i=devtable_body.length-1;i>=0 && i>=howmanyicons; i--){ 
	devtable_body[i].style.display = "none"; 
} 
</script>

Result code:

<style>
#dev_panel_body table td, #dev_panel_body table td img { 
width: 100px !important; 
height: 80px !important; 
} 
</style>

Notes: put this code in a panel that appears under the Rankings panel.
Chats icon:
Homepage icon:
Lovies icon:
Invites icon:

Result code:

<script> 
var new_ranking_icons = ["{arrval0}", "{arrval1}", "{arrval2}", "{arrval3}"];

rank_body = document.getElementById('rankings_panel_body').getElementsByTagName('img');
j=new_ranking_icons.length-1;
for(i=rank_body.length-3;i>0; i=i-2){ 
	rank_body[i].src = new_ranking_icons[j]; 
	j--;
} 
</script>

Notes: put this code inside your rankings panel.
Top chatters position:
Top homepages position:
Most popular position:
Top inviters position:
Top developers position:
Top reviewers position:

Result code:

<div class="rankStat">
<a title="You are - unranked - in the IMVU top 100 chatters list" href="/catalog/web_info.php?section=Info&topic=rankings"><img alt="chatter" src="/catalog/web_images/rankings/Chatter.gif" width="20" height="20" border="0"></a>
<span>Top chatters <b>- {arrval0}th</b></span>
</div>

<div class="rankStat">
<a title="You are - unranked - in the IMVU top 100 homepages list" href="/catalog/web_info.php?section=Info&topic=rankings" target="faq" ><img alt="homepage" src="/catalog/web_images/rankings/Homepage01.gif" width="20" height="20" border="0"></a>
<span>Top homepages <b>- {arrval1}st</b></span>
</div>

<div class="rankStat">
<a title="You are - unranked - in the IMVU top 100 most popular list (most friends)" href="/catalog/web_info.php?section=Info&topic=rankings" target="faq" ><img alt="hearts" src="/catalog/web_images/rankings/Lovies01.gif" width="20" height="20" border="0"></a>
<span>Most popular <b>- {arrval2}th</b></span>
</div>

<div class="rankStat">
<a title="You are - unranked - in the IMVU top 100 inviters list" href="/catalog/web_info.php?section=Info&topic=rankings" target="faq" ><img alt="inviter" src="/catalog/web_images/rankings/Inviter01.gif" width="20" height="20" border="0"></a>
<span>Top inviters <b>- {arrval3}th</b></span>
</div>

<div class="rankStat">
<a title="You are - unranked - in the IMVU top 100 sellers list" href="/catalog/web_info.php?section=Info&topic=rankings"><img alt="developer" src="/catalog/web_images/rankings/Developer.gif" width="20" height="20" border="0"></a>
<span>Top developers <b>- {arrval4}th</b></span>
</div>

<div class="rankStat">
<a title="You are - unranked - in the IMVU top 100 reviewers list" href="/catalog/web_info.php?section=Info&topic=rankings"><img alt="reviewer" src="/catalog/web_images/rankings/Reviewer.gif" width="20" height="20" border="0"></a>
<span>Top reviewers <b>- {arrval5}th</b></span>
</div>

Result code:

<style>
.olstatus-container{
display: none !important;
}
</style>

Result code:

<style>
#visitors_panel_colRow a{
 font-size: 0px !important;
}
</style>

Font size:

Result code:

<style>*{font-size:{arrval0}px;}</style>

Font:

Result code:

<style>
* { font-family: {arrval0}; }
</style>

Result code:

<style>
a img {filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}
a:hover img {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;-khtml-opacity:0.8;}
</style>

Result code:

<style> #slideshow_panel_body embed{display: none;} #slideshow_panel_extra_html_show embed{display: block !important;} </style>

Your avatar name:

Result code:

<script>
owner_aviname = "{arrval0}";

var vName='';
var olStatus=0;
if(document.getElementById("mininav-avname")) {
 allTags=document.getElementById('mininav-avname').innerHTML;
 olStatus=1;
 if(allTags.indexOf("Guest") == 0) {
  vName = allTags.substring(6, (allTags.length));
 }
  else vName=allTags;
}

if(!(olStatus==1 && vName.toLowerCase()==owner_aviname.toLowerCase())){
	document.oncontextmenu= function blockrightclick(){return false;} ; 
}
</script>

Your avatar name:

Result code:

<img src="https://www.imvu.com/catalog/web_av_pic.php?av={arrval0}">

Result code:

<style> 
img, a:link img, a:visited img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
filter: gray; 
-webkit-filter: grayscale(100%);
}
a:hover img {filter:none;-webkit-filter: grayscale(0%);}
</style>

Column width:

Result code:

<style> 
#imvuContent tr td, #leftColumn, #rightColumn,#aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel, #tagcloud_panel, #stickers_panel, #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel, #rss_panel, #url_panel, #special_panel, #outfits_panel, #video_panel, #groups_panel, #slideshow_panel, #badges_panel{
width: {arrval0}px !important;
}
#aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel, #tagcloud_panel, #stickers_panel, #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel, #rss_panel, #url_panel, #special_panel, #outfits_panel, #video_panel, #groups_panel, #slideshow_panel, #badges_panel{
overflow: hidden !important;
}
#imvuContent{
/* HERE PUT DOUBLE THE MEASURE YOUVE PUT BEFORE*/
 width:600px !important;
}

#special_panel_body td{
 width:150px !important;
}

</style>

Result code:

<style>
#groups_panel_body img{ 
border: 0px !important; 
} 
</style>

Note:Put all your panels you want visible to the left before using this code.

Result code:

<style>
#aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel, 
#tagcloud_panel, #stickers_panel, #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel, #rss_panel, #url_panel, #special_panel,#outfits_panel, #video_panel, #groups_panel, #slideshow_panel, #badges_panel {
  margin:0px auto; width:570px;
} 
#leftColumn{ width: 900px; } 
#rightColumn { display:none !important; } 
</style>

Note: Put this code on any panel, then save and refresh the page to see the changes.

Background image link:

Result code:

<script>
$("#avatar-homepage").prepend("<div style='text-align:center;padding-top:10px'><img src='{arrval0}'></div>");
</script>

Result code:

<style>
#url_panel_colRow a {display:none !important;}
</style>

Note: be sure to put this code in a panel that appears under the Outfits Panel
Your try it button image link:

Result code:

<script>
if(document.getElementById('outfits_panel_colRow')){
	var new_tryit_image = "{arrval0}";
	for(i=1;i<12; i=i+2){
	document.getElementById('outfits_panel_colRow').getElementsByTagName('img')[i].src = new_tryit_image;
	}
}
</script>

Image link:

Result code:

<script>
if(document.getElementById('aboutme_panel_body')){
	var name_tag_image = "{arrval0}";
	document.getElementById('aboutme_panel_body').getElementsByTagName('b')[0].innerHTML = "<img src="+ name_tag_image + ">"; 
}
</script>

Result code:

<style>
/*tweaked by Productions*/
table { direction:rtl; } 
table table table { direction:ltr; } 
#mininav * { direction:ltr; } 
#rss_panel * { direction:ltr; } 
</style>

Image link:

Result code:

<script>
function changeAviPic(new_avipic){
	var sees_widgets = IMVU.AvatarWidgetOnlineStatus ? 1 : 0;
	if(sees_widgets){
		imvustylez_data_str = document.getElementById("top_links").innerHTML;
		if(imvustylez_data_str){
			imvustylez_aviid = imvustylez_data_str.substring(imvustylez_data_str.lastIndexOf('=')+1,imvustylez_data_str.lastIndexOf('"'));
		} else {
			imvustylez_aviid = IMVU.data.customerID;
		}
		document.getElementById('showpopup-'+imvustylez_aviid).innerHTML= '<img alt="avatar picture" border=0 src="'+ new_avipic +'">';
	} else {
		document.getElementById('avBigPic').getElementsByTagName('a')[0].innerHTML= '<img alt="avatar picture" border=0 src="'+ new_avipic +'">';
	}
}
changeAviPic("{arrval0}");
</script>

Result code:

<style>
#aboutme_panel_header, #contact_panel_header, #dev_panel_header, #wishlist_panel_header, #url_panel_header, #tagcloud_panel_header, #collect_panel_header, #visitors_panel_header, #room_panel_header, #rankings_panel_header, #cool_panel_header, #gallery_panel_header, #friends_panel_header, #rss_panel_header, #video_panel_header, #special_panel_header,#outfits_panel_header, #groups_panel_header, #badges_panel_header, #slideshow_panel_header { 
margin-bottom: -2px !important;
}
</style>

Text:

Result code:

<script>
var count = 0;
var delay = 250;
var text = "{arrval0}";
function  scroll () {
document.status = text.substring (count, text.length) + text.substring (0, count)
if (count < text.length)
count ++;
else
count = 0;
setTimeout ("scroll()", delay);
}
</script>

Notes: this code assumes that your about me panel is in the top-left and it doesn't have any aditional content in it.

Result code:

<style>
#aboutme_panel { 
   width: 900px !important; 
   height: 300px !important;
   overflow: hidden !important; 
} 
#rightColumn { 
   margin-top:300px !important;
   margin-left: -280px;
}

#imvuContent{
 table-layout: fixed !important;
}
</style>

Text:

Result code:

<script>
var count = 0;
//IN THE NEXT LINE, ADJUST THE SPEED
var delay = 200;
//IN THE NEXT LINE, SET YOUR MESSAGE
var text = "{arrval0}";
function title_scroll () {
document.title = text.substring (count, text.length) + text.substring (0, count)
if (count < text.length)
count ++;
else
count = 0;
setTimeout ("title_scroll()", delay);
}
title_scroll();
</script>

Result code:

<script>
if(document.getElementById("mininav-userarea")){
alert('Please log in and come back.');
document.getElementById("imvuParentTable").style.display="none";
}
</script>

Result code:

<style> #aboutme_gallery_div { display: none !important; } </style>

Result code:

<style> 
#rightColumn { 
margin-left:-9%; 
}
</style>

Result code:

<style>
table #wishlist_panel_colRow a img { 
width:100px !important; 
height:80px !important; 
}
</style>

Result code:

<script>document.oncontextmenu = function(){return false}</script>

Result code:

<style>
body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
</style>

Color:

Result code:

<style>
#specialsomeone-name, #specialsomeone-message, #special_panel_extra_html_show span{
color: {arrval0} !important;
}
</style>

Result code:

<style>
#special_panel_body .aw2, #special_panel_body .av_pic, #special_panel_body .av_pic .showpopup img, #special_panel_body table table img, #special_panel_body2 table table img, #special_panel_extra_html_show table table img{
width:160px !important;
height:220px !important;
}
#special_panel_body .aw-olstatus img{
width:auto !important;
height:auto !important;
}
</style>

Result code:

<style>
#avBigPic{ width:100% !important;}
#about_me_text_contents, #aboutme_conditional_information_div { width:100% !important; text-align:center !important; }
#aboutme_panel_body { text-align:center !important; }
#avBigPic .aw2{
	text-align: center;
    width: auto !important;
}

#avBigPic .aw2 .av_pic{
	float: none;
    margin: 0px auto;
}

#avBigPic .aw2 .badges-container{
	display: none
}

#avBigPic .aw2 .infosprites{
	width: fit-content;
	margin: 0px auto;
}
</style>

Result code:

<style>#user_tagline {display:none !important;}</style>

Notes: Paste this code at the end of the about me panel. Content (supports html):

Result code:

</div>
</td>
<td width="30%">
{arrval0}
</td>

Result code:

<style> .paneltitletext, .panelmenu {visibility:hidden;}</style>

Result code:

<style>
.paneltitle, .panelmenu 
{ 
/*this is an example. change the setting as you want.*/
   font: bold 18px 'Comic Sans MS',cursive; 
   color: #6666DD; 
   padding-left:8px; 
   white-space: nowrap; 
   line-height:18px; 
   vertical-align: top; 
}
</style>

Text:

Result code:

<script>
document.getElementById("LoadingPage").innerHTML = '<center>{arrval0}<br><img alt="processing" src="/catalog/web_images/processing2.gif"></center>'; 
</script>

Result code:

<style>#imvuContent{margin-top:600px}</style>

HIDE TRY IT BUTTONS IN OUTFITS PANEL

Result code:

<style>
#outfits_panel_colRow a, #outfits-container-panel a{
	display:none;
}
</style>