Various Codes :: Gaf210 Codes

Various Codes
Description: Here you will find a bunch of codes you wont see on tv. 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 are working.

(top)

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
	CUSTOM SCROLLING STATUS BAR
	CLOSE GAP BETWEEN PANELS
	INVERT COLUMN WIDTHS
	IMAGE AT THE TOP
	CENTER HOMEPAGE
	SAME WIDTH FOR BOTH COLUMNS EXCLUSIVE EXPERIMENTAL
	GRAY PICS ON HOVER EXCLUSIVE EXPERIMENTAL
	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 CHECKMARKS EXCLUSIVE
	CENTER AND WIDEN PANELS
	HIDE CHANGE NAME HISTORY EXCLUSIVE
	CUSTOMIZE STICKERS HINT
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 ABOUTME EXCLUSIVE
	CENTER ABOUTME AND PUT TWO COLUMNS UNDER IT EXPERIMENTAL
	CHANGE AVINAME FOR TAG IMAGE EXCLUSIVE
Messages Panel	CHANGE COLOR OF THE WORD 'PRIVATE MESSAGE' EXCLUSIVE
	CENTER MESSAGES
	HIDE MESSAGES TEXT EXCLUSIVE
	SCROLL BAR TO MESSAGES PANEL
	ALIGN MESSAGES TEXT TO THE RIGHT EXCLUSIVE
	PUT YOUR OWN GIFTWRAP TO YOUR GIFTS
	HIDE AVIPICS IN MESSAGES PANEL
	SHOW ONLY GIFT MESSAGES EXCLUSIVE
Special Someone Panel	CHANGE SPECIAL SOMEONE FONT COLOR
	BIG AVIPICS IN SPECIAL SOMEONE EXCLUSIVE
	SCROLLBARS TO SPECIAL PANEL
	CHANGE SPECIAL PANEL FONT SIZE
Blog Panel	CHANGE BLOG FONT AND BACKGROUND
Blog Panel	CENTER BLOG EXCLUSIVE
Wishlist Panel	BIG PICS IN WISHLIST
Outfits Panel	CHANGE TRY IT BUTTON IMAGE IN OUTFITS PANEL EXCLUSIVE
Url Panel	HIDE URL LINK IN URL PANEL
Groups Panel	REMOVE IMAGE BORDERS FROM GROUPS PANEL EXCLUSIVE
Slideshow Panel	HIDE IMVU SLIDESHOW EXCLUSIVE
Visitors Panel	HIDE VISITORS NAMES
Visitors Panel	HIDE VISITORS AVIPICS EXCLUSIVE
Rankings Panel	CHANGE RANKING ICONS EXCLUSIVE
Rankings Panel	FAKE RANKINGS EXCLUSIVE
New Products Panel (only for developers)	CORRECT DIMENSIONS OF PRODUCT ICONS EXCLUSIVE
New Products Panel (only for developers)	SHOW LESS PRODUCT ICONS EXCLUSIVE
My Room Panel	HIDE ROOM PICTURE




CUSTOMIZE STICKERS HINT

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

(go back to the top)

























HIDE CHANGE NAME HISTORY

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

(go back to the top)



CENTER AND WIDEN PANELS

<style type="text/css"> 
/* PUT THE VISIBLE PANELS IN YOUR LEFT COLUMN FIRST!! */
  #aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel, 
  #messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel, 
  #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel, 
  #streetteam_panel, #blog_panel, #music_panel, #rss_panel, #url_panel, 
  #special_panel,#outfits_panel, #video_panel, #updates_panel, #groups_panel, #slideshow_panel, #badges_panel  { 
      width: 900px !important
  } 
  #rightColumn { 
      display:none !important; 
  } 
</style>

(go back to the top)



 CHANGE SPECIAL SOMEONE FONT SIZE

<style type="text/css"> 
#specialsomeone-message { 
  font-size:13px!important; 
} 
</style>

(go back to the top)



 SCROLLBAR TO SPECIAL PANEL

<style type="text/css"> 
#special_panel_body{ overflow: auto; height: 500px;} 
</style> 

(go back to the top)



 HIDE VISITORS AVIPICS

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

(go back to the top)



 CENTER BLOG

<style type="text/css"> 
.rss_box {text-align: center !important;} 
</style>

(go back to the top)



 HIDE ROOM PICTURE

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

(go back to the top)



 SHOW LESS PRODUCT ICONS

<script> 
/* PUT THIS CODE IN A PANEL AFTER THE DEV PANEL */
/* HERE PUT HOW MANY ICONS YOU WANT TO SHOW (LESS THAN 6) */
howmanyicons = 5;

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>

(go back to the top)



 CORRECT DIMENSIONS OF PRODUCT ICONS

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

(go back to the top)



 CHANGE RANKINGS ICONS

<script> 
/* PUT THIS CODE IN A PANEL AFTER THE RANKINGS PANEL */

/* HERE PUT IN ORDER THE IMAGE LINKS OF THE NEW ICONS*/
var new_ranking_icons = ["http://www.imvu.com/catalog/web_images/rankings/Chatter.gif", "http://www.imvu.com/catalog/web_images/rankings/Homepage01.gif", "http://www.imvu.com/catalog/web_images/rankings/Lovies01.gif", "http://www.imvu.com/catalog/web_images/rankings/Inviter01.gif"]; 

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

(go back to the top)



 FAKE RANKINGS

<!-- PUT INSIDE RANKINGS PANEL -->
<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>- 14th</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>- 1st</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>- 5th</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>- unranked</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>- 8th</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>- 309th</b></span>
</div>

(go back to the top)



 HIDE ONLINE CHECKMARKS

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

(go back to the top)



 HIDE VISITORS NAMES

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

(go back to the top)



 SHOW ONLY GIFT MESSAGES

<script type="text/javascript">
/* PUT IN A PANEL UNDER MESSAGES PANEL!! - WILL ONLY FILTER MESSAGES TO YOUR VISITORS*/
owner_aviname = "HERE PUT YOUR AVATARNAME";

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==0 || vName!= owner_aviname)){

	msg=document.getElementById('messages_panel_body').getElementsByTagName('div');
	for(var i=0;i<msg.length;i++) {
		z =msg[i].getElementsByTagName('div')[0];
		if(z && z.className == "msgWrap") {
				if(z.getElementsByTagName('div').length == 5){
					z.style.display = "none";
				}
		}
	
	}
}
</script>

(go back to the top)

















 CHANGE WHOLE PAGE FONT SIZE

<style type="text/css"> 
* { font-size: 10px; /* change the 10 for the size you want */ }
</style>

(go back to the top)



 CHANGE WHOLE PAGE FONT TYPE

<style>
* { font-family: 'Verdana'; /* change Verdana for the font you want */ }
</style>

(go back to the top)



 TRANSPARENT ON HOVER

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

(go back to the top)



 HIDE PICTURES IN MESSAGES PANEL

<style> 
.msgAvImg { 
 display:none !important; 
} 
</style>

(go back to the top)



 HIDE IMVU SLIDESHOW

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

(go back to the top)



 RIGHT CLICK BLOCKER THAT WONT BLOCK YOU

<script type="text/javascript"> 
owner_aviname = "HERE PUT YOUR AVATARNAME";

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== owner_aviname)){
	document.oncontextmenu= function blockrightclick(){return false;} ; 
}
</script>

(go back to the top)



 SELF UPDATING AVIPIC

<img src="http://www.imvu.com/catalog/web_av_pic.php?av=YOUR_AVATAR_NAME_HERE">

(go back to the top)



 GRAY IMAGES, COLOR ON HOVER

<style type="text/css"> 
img, a:link img, a:visited img {filter:gray; opacity:0.5;} 
a:hover img {opacity:0.9; filter:none;} 
</style> 

<script type="text/javascript"> 
/* USE THIS ONLY IF YOU DONT HAVE TRANSPARENT STICKERS !!! */
if(YAHOO.env.ua.ie) { 
    var fixPNG = false; 
} 
</script>

(go back to the top)



 SAME WIDTH FOR BOTH COLUMNS

<style>
#imvuContent tr td, #leftColumn, #rightColumn { width:300px } 
   #aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #url_panel, 
   #tagcloud_panel, #updates_panel, #collect_panel, #visitors_panel, #messages_panel,
   #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel, 
   #streetteam_panel, #blog_panel, #music_panel, #rss_panel, #video_panel,#updates_panel,
   #special_panel,#outfits_panel, #groups_panel,#badges_panel { 
/* HERE PUT A MEASURE FOR BOTH COLUMNS*/
   width: 300px !important; 
   overflow: hidden !important;
   } 

#imvuContent{
/* HERE PUT DOUBLE THE MEASURE YOUVE PUT BEFORE*/
 width:600px !important;
}

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

</style>

(go back to the top)



 PUT YOUR OWN GIFTWRAP TO YOUR GIFTS


(This code will only change the giftwraps of gifts only in YOUR messages panel!)

<style type="text/css">
#giftwrap
{
background-image:url('YOUR IMAGE LINK HERE') !important;
}
</style>

(go back to the top)



 ALIGN MESSAGE TEXT TO THE RIGHT

<style type="text/css">
.msgWrap{text-align:right;}
</style>

(go back to the top)



 REMOVE IMAGE BORDERS FROM GROUPS PANEL

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

(go back to the top)



 SCROLL BAR TO MESSAGES PANEL

<style> 
#messages_panel_body{ overflow: auto; height: 1550px;} 
</style> 

(go back to the top)



CENTER HOMEPAGE

<style> 
/* PUT ALL YOUR PANELS TO THE LEFT FIRST!! */
#aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel, 
#messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel, 
#room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel, 
#streetteam_panel, #blog_panel, #music_panel, #rss_panel, #url_panel, 
#special_panel,#outfits_panel, #video_panel, #updates_panel, #groups_panel, #slideshow_panel, #badges_panel { 
  margin:0 auto; width:570px;
} 
#leftColumn{ width: 900px; border: 1px solid red; } 
#rightColumn { display:none !important; } 
</style>

(go back to the top)



IMAGE AT THE TOP

<style type="text/css"> 
/* Code by Antonio82 */ 
#imvuTopNav { 
background-image:url('YOUR BACKGROUND URL') !important; 
background-repeat: no-repeat !important; 
background-position: 50% 20% !important; 
height:150px !important;  /*---- Change the 150 to the height of the banner ----*/ 
margin-bottom:30px !important; 
} 
</style>

(go back to the top)



HIDE URL LINK IN URL PANEL

<style type="text/css">
#url_panel_colRow a {display:none !important;}
</style>

(go back to the top)



CHANGE TRY IT BUTTON IMAGE IN OUTFITS PANEL

<script> 
var new_tryit_image = "NEW TRY IT IMAGE URL";

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

(go back to the top)



CHANGE AVINAME FOR TAG IMAGE

<script>
var name_tag_image = "IMAGE URL HERE";

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

(go back to the top)



INVERT COLUMN WIDTHS

<style type="text/css"> 
/*tweaked by Productions*/
table { direction:rtl; } 
table table table { direction:ltr; } 
#mininav * { direction:ltr; } 
#rss_panel * { direction:ltr; } 
</style>

(go back to the top)




























CLOSE GAP BETWEEN PANELS

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

</style>

(go back to the top)


CUSTOM SCROLLING STATUS BAR

<SCRIPT LANGUAGE="JavaScript"> 

var count = 0;
var delay = 250;
var text = "CHANGE YOUR MESSAGE HERE...      ";
function  scroll () {
       window.status = text.substring (count, text.length) + text.substring (0, count)
        if (count < text.length)
                count ++;
        else
                count = 0;
        setTimeout ("scroll()", delay);
}

</SCRIPT>

(go back to the top)


HIDE MESSAGES TEXT

<style> 
.msgTele { 
   visibility: hidden; 
}

.msgAvNam, .msgGift{
   visibility: visible; 
}
</style>

(go back to the top)


CENTER ABOUTME PANEL AND PUT 2 COLUMNS UNDER IT

<style> 
/*THIS CODE ASUMES YOUR ABOUTME PANEL IS IN THE TOP-LEFT AND IT DOESNT HAVE ANY ADITIONAL CONTENT IN IT*/
#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>

(go back to the top)


SCROLLING WINDOW TITLE

<SCRIPT LANGUAGE="JavaScript"> 
var count = 0;
//IN THE NEXT LINE, ADJUST THE SPEED
var delay = 200;
//IN THE NEXT LINE, SET YOUR MESSAGE
var text = "...Welcome to my Home Page...";
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>

(go back to the top)


DENY ACCESS TO UNLOGGED USERS

<script type="text/javascript">
/* Code by Gaf210 & Antonio82 - Found at imvmoo.netne.net */
if(document.getElementById("mininav-userarea")){
	alert('Please log in and come back.');
	document.location.href = "http://www.imvu.com/catalog/login.php";
}
</script>

(go back to the top)


CHANGE THE COLOR OF THE WORD 'PRIVATE MESSAGE'

<script type="text/javascript"> 
//change 'green' for the desired color
#messages_panel_body div font{color: green !important;}
</script>

(go back to the top)



HIDE VIEW MY PICTURES FROM ABOUT ME

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

(go back to the top)



JOIN BOTH COLUMNS

<style type="text/css"> 
#rightColumn { 
margin-left:-9%; 
}
</style>

(go back to the top)



CHANGE BLOG FONT AND BACKGROUND

<style type="text/css"> 
.rss_box {background-color: transparent !important;} /* bg */
.rss_item {color: red !important;} /* font */
</style>

(go back to the top)



BIG PICS IN WISHLIST

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

(go back to the top)



DISABLE RIGHT CLICK

<script type="text/javascript" language="Javascript">
document.oncontextmenu = function(){return false}
</script> 

(go back to the top)



DISABLE SELECT

<script language="JavaScript1.2"> 
//credits to http://www.dynamicdrive.com 
function disableselect(e){ 
return false 
} 
  
function reEnable(){ 
return true 
} 
//if IE4+ 
document.onselectstart=new Function ("return false") 
//if NS6 
if (window.sidebar){ 
document.onmousedown=disableselect 
document.onclick=reEnable 
} 
</script>

(go back to the top)



CHANGE SPECIAL SOMEONE FONT COLOR

<style>
#specialsomeone-name, #specialsomeone-message, #special_panel_body2 span{
color: yellow !important; /*here change for the color you want*/
}
</style>

(go back to the top)



BIG AVIPICS IN SPECIAL SOMEONE

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

(go back to the top)




CENTER CONTENT OF THE ABOUT ME

<style> 
#avBigPic{ width:100% !important; margin-left: 33%;} 
#about_me_text_contents, #aboutme_conditional_information_div { width:100% !important; text-align:center !important; } 
#aboutme_panel_body { text-align:center !important; } 
</style>



(go back to the top)



HIDE TAGLINE

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

(go back to the top)



ADD CONTENT AT THE RIGHT OF THE ABOUTME


<!-- PASTE AT THE END OF THE ABOUTME PANEL -->
</div> 
</td> 
<td width="30%" > 
ADD CONTENT HERE
</td>

(go back to the top)



REMOVE TEXT FROM ALL THE PANEL HEADERS

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

(go back to the top)



HEADERS STYLE

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

(go back to the top)



CENTER MESSAGES

<style type="text/css"> 
.msgWrap{text-align:center;}
</style> 

(go back to the top)


CHANGE 'LOADING HOMEPAGE' BOX

<script language="javascript" type="text/javascript"> 
document.getElementById("LoadingPage").innerHTML = '<CENTER><FONT color=red>FIRST TEXT LINE<BR>SECOND TEXT LINE</FONT><br><img alt="processing" src="/catalog/web_images/processing2.gif"></CENTER>'; 
</script>

(go back to the top)


MARGIN AT THE TOP OF THE HOMEPAGE

<style type="text/css"> 
#imvuContent{margin-top: 600px;}
</style>

OR

<style type="text/css"> 
#top_links { height: 600px; max-height: 600px; } 
#avatar_name, .infotight { display: none !important;}
</style>

(go back to the top)