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.

General

JOIN BOTH COLUMNS EXCLUSIVE

DISABLE RIGHT CLICK

DISABLE SELECT

REMOVE TEXT FROM ALL THE HEADERS EXCLUSIVE

HEADERS STYLE

CHANGE 'LOADING HOMEPAGE' BOX

SPACE AT THE TOP OF THE HOMEPAGE

DENY ACCESS TO UNLOGGED USERS

SCROLLING WINDOW TITLE

CUSTOM SCROLLING STATUS BAR

CLOSE GAP BETWEEN PANELS AND HEADERS

INVERT COLUMN WIDTHS

IMAGE AT THE TOP OF THE HOMEPAGE

CENTER HOMEPAGE

SAME WIDTH FOR BOTH COLUMNS EXCLUSIVE EXPERIMENTAL

GRAYSCALE ALL IMAGES, COLOR ON HOVER EXCLUSIVE

SELF UPDATING AVIPIC

RIGHT CLICK BLOCKER THAT WONT BLOCK YOU EXCLUSIVE

TRANSPARENT IMAGES ON HOVER

CHANGE WHOLE PAGE FONT TYPE

CHANGE WHOLE PAGE FONT SIZE

HIDE ONLINE TICKS EXCLUSIVE

CENTER AND WIDEN PANELS

HIDE CHANGE NAME HISTORY EXCLUSIVE

CUSTOMIZE STICKERS HINT

SHOW VISITOR AVIPIC

MAKE ALL LINKS OPEN IN A NEW TAB

HIDE TOPLINKS (SAFE)

HIDE GREY AVATARNAME AT THE TOP

AUTOUPDATING AGE EXCLUSIVE

CUSTOM POPUP MESSAGE

SPACE AT THE BOTTOM OF HOMEPAGE EXCLUSIVE

GRAYSCALE ALL IMAGES EXCLUSIVE

CENTER TOP LINKS EXCLUSIVE

DENY ACCESS TO VISITORS BY AVATAR ID EXCLUSIVE

BACKGROUND IMAGE COVERING WHOLE SCREEN

AVIPIC WITH PROFILE CARD POPUP

HIDE ALL HEADERS EXCLUSIVE

HIDE EMBEDDED WEBPANEL FOOTER WORDS EXCLUSIVE

FORCE REMOVE ALL PANEL BORDERS EXCLUSIVE

SET ALL PANEL BACKGROUNDS TO WHITE SEMI TRANSPARENT EXCLUSIVE

SET ALL PANEL BACKGROUNDS TO BLACK SEMI TRANSPARENT EXCLUSIVE

ADD GREY DROP SHADOW TO ALL PANELS EXCLUSIVE

REMOVE GAP IN ABOUT ME PANEL TEXT EXCLUSIVE

ADD VERTICAL SPACE BETWEEN PANELS EXCLUSIVE

CUSTOM IMAGE AS CURSOR

EMBED BLOGSPOT / BLOGGER FEED EXCLUSIVE

CHANGE TOP LINKS COLOR

MAKE ALL PANELS ENTIRELY SEMI TRANSPARENT

DENY ACCESS BY AVATAR ID WITH CUSTOM MESSAGE

NO GAP BETWEEN PANELS

ADD SPACE BETWEEN PANELS WITHOUT BORDERS

FIXED NON SCROLLING BACKGROUND IMAGE

OVERLAY WIX IFRAME OVER HOMEPAGE

OVERLAY IFRAME OVER HOMEPAGE

FORCE BACKGROUND COLOR

SELF UPDATING AVIPIC WITH ID NUMBER

DISABLE RIGHT CLICK WITH POPUP WARNING

About me Panel

HIDE 'VIEW MY PICTURES' FROM ABOUT ME

CENTER CONTENT OF THE ABOUT ME EXCLUSIVE

HIDE TAGLINE EXCLUSIVE

ADD CONTENT AT THE RIGHT OF THE ABOUT ME EXCLUSIVE

CENTER ABOUT ME AND PUT TWO COLUMNS UNDER IT EXPERIMENTAL

CHANGE AVIPIC FOR EXTERNAL IMAGE EXCLUSIVE

CHANGE AVINAME FOR EXTERNAL IMAGE EXCLUSIVE

HIDE EXTRA ABOUT ME DETAILS

HIDE GENDER EXCLUSIVE

HIDE LAST LOGIN DATE EXCLUSIVE

HIDE 'AGE VERYFIED' AND 'AP' BADGES FROM ABOUT ME

HIDE VIP SINCE AND INFORMATION IN THE ABOUT ME EXCLUSIVE

VISITOR AVIPIC AS OWN PIC ON ABOUT ME EXCLUSIVE

CENTER PANEL HEADERS EXCLUSIVE

ADD CONTENTS TO ABOUT ME PANEL EXCLUSIVE

AVATAR NAME SWITCHER

HIDE AVIPIC

Special Someone Panel

CHANGE SPECIAL SOMEONE FONT COLOR

BIG AVIPICS IN SPECIAL SOMEONE EXCLUSIVE

SCROLLBARS TO SPECIAL SOMEONE PANEL

CHANGE SPECIAL SOMEONE PANEL FONT SIZE

HIDE THE 'YOU HAVE NO SPECIAL SOMEONE' TEXT EXCLUSIVE

MAKE THE SPECIAL SOMEONE PIC UNCLICKABLE

CENTER SPECIAL SOMEONE TEXT

Recent Visitors Panel

HIDE VISITORS NAMES

HIDE VISITORS AVIPICS EXCLUSIVE

SHOW LESS VISITORS EXCLUSIVE

SCROLLING VISITORS EXCLUSIVE

BIG AVIPICS IN VISITORS PANEL EXCLUSIVE

VERTICAL SCROLLING VISITORS EXCLUSIVE

New Products Panel (only for creators)

CORRECT DIMENSIONS OF PRODUCT ICONS EXCLUSIVE

SHOW LESS PRODUCT ICONS EXCLUSIVE

SCROLLING NEW PRODUCTS EXCLUSIVE

HIDE DEFAULT SIX PRODUCTS IN NEW PRODUCTS PANEL EXCLUSIVE

Rankings Panel

CHANGE RANKING ICONS EXCLUSIVE

FAKE RANKINGS EXCLUSIVE

HIDE RANKINGS EXCLUSIVE

Wishlist Panel

BIG ICONS IN WISHLIST

SCROLLING WISHLIST EXCLUSIVE

My Badges Panel

REPOSITION BADGES PANEL

HORIZONTAL ALIGNED BADGES PANEL

CENTER BADGES PANEL

HIDE THE 'YOU HAVE NO BADGES' TEXT ON BADGES PANEL

SCROLLBARS TO BADGES PANEL

CHANGE BADGE REQUEST BUTTONS (SPRITE)

Friends Panel

HIDE FRIENDS NAMES

SCROLLING FRIENDS EXCLUSIVE

HIDE FRIENDS AVIPICS

BIG AVIPICS IN FRIENDS PANEL EXCLUSIVE

My Interests Panel

CENTER CONTENT IN INTERESTS PANEL

MAKE INTERESTS NON CLICKABLE

REMOVE UNDERLINE FROM INTERESTS

HIDE ORIGINAL INTERESTS

Groups Panel

REMOVE IMAGE BORDERS FROM GROUPS PANEL EXCLUSIVE

SCROLLBARS IN GROUPS PANEL EXCLUSIVE

HIDE YOU HAVE NO GROUPS TEXT ON GROUPS PANEL EXCLUSIVE

My Room Panel

HIDE ROOM PICTURE

CHANGE ROOM PANEL PICTURE FOR A CUSTOM IMAGE EXCLUSIVE

CHANGE LINK OF ROOM PANEL PICTURE EXCLUSIVE

Outfits Panel

CHANGE TRY IT BUTTON IMAGE IN OUTFITS PANEL EXCLUSIVE

HIDE TRY IT BUTTONS IN OUTFITS PANEL

Url Panel

HIDE URL LINK IN URL PANEL

Slideshow Panel

HIDE IMVU SLIDESHOW EXCLUSIVE

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="gaf210date1746781830"></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("gaf210date1746781830"))document.getElementById("gaf210date1746781830").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>

Produits à la Une

Add your products here View more products

Gaf210Codes @gaf210 @gaf210vu