RECOPILACIÓN DE CODES PARA TU HOMEPAGE

1.- Code para centrar todos los paneles.
2.- Code para cambiar el texto de la barra de navecacion.
3.- CODE PARA QUE LA GENTE NO VEA CUANDO HICISTE TU ULTIMO LOG ON.
4.- CODE PARA DEJAR UN MARGEN SUPERIOR EN LA HP.
5.- CODE PARA PONER UNA IMAGEN EN TU HP.
6.- CODE PARA HACER MÁS GRANDES LAS IMAGENES DE LA WISHLIST.
7.- CODE PARA SUSTITUIR EL NOMBRE DE UN PANEL POR LO QUE QUERAMOS.
8.- CODE PARA QUE AL ENTRAR EN LA HP SALGA UN AVISO.
9.- CODE PARA PONER TEXTOS MOVIENDOSE (MARQUESINAS).
10.- IMAGEN STICKER fLOTANTE.
11.- Musica en su hp.
12.- Efectos en las imagenes dentro de tu hp.
13.- Quitar Avatar Acerca de la imagen en el panel.
14.- Quitar nombre de avatar título.
15.- Cambio Avi nombre.
16.- Deshabilitar la selección de texto
17.- anchura del panel
18.- "Link" o "un enlace"
19.- PONER IMAGEN DE TITULO EN LA HP
20.- CODE PARA BLOQUEAR EL USO DEL BOTON DERECHO DEL RATÓN Y QUE SE LEA UN MENSAJE
21.- El codigo para quitar la publi de abajo
22.- cambiar el color del special someone
23.- poner un scroll en la barra de mensajes
24.- Poner banner directo a room en el soapBox de un grupo
25.- poner un mensaje en la barra de arriba
26.- CODE PARA CAMBIAR EL ANCHO DE LOS PANELES
27.- CODE PARA PONER BARRAS DE DESPLAZAMIENTO (SCROLLs)
28.- CODE PARA CAMBIAR EL COLOR DE LAS BARRAS DE DESPLAZAMIENTO (SCROLLs)(otro)
29.- CODES PARA OCULTAR LA PUBLICIDAD DE LA HP
30.- CODE PARA ELIMINAR LOS ENLACES DE LA PARTE SUPERIOR DE LA PAGINA
31.- para que la galeria aparesca como marquee
32.- OPACIDAD EN LOS PANELES
33.- CENTRAR Y AUMENTAR PANELES
34.- VARIOS SCROLL
35.- modera el tamño de la letra
36.- borde
37.- cambia el color del borde
38.- control de la anchura del texto
39.- controla la altura del texto
40.- CODE PARA MODIFICAR LA FUENTE DE CADA PANEL
41.- CODE PARA DESPLAZAR EL AVIPIC DENTRO DEL PANEL DEL ABOUT ME
42.- CODE PARA CAMBIAR LA FUENTE DEL PANEL DE MENSAJES
43.- INHABILITAR EL CLICK DERECHO SIN AFECTAR AL PROPIETARIO DE LA HP
44.- FECHA Y HORA EN LOS MENSAJES
45.- hacer más grandes las imagenes de tus visitantes
46.- CAMBIAR EL LOGO DE "LOADING HOMEPAGE

Código:

CODE PARA CENTRAR TODOS LOS PANELES

IMPORTANTE: para aplicar este codigo es necesario hacer lo siguiente:
1. Trasladar TODOS tus paneles al lado izquierdo, si no lo haces, todos los paneles que

queden al lado derecho no se verán y literalmente "destrozarán" la perspectiva de la

pagina: se verá como que tiene más ancho del que realmente tiene
2.Copia este codigo y ponlo en el panel "About Me"


<style>
#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, #groups_panel, #updates_panel, #video_panel {
margin-left:165px !important;
}
#rightColumn {
display:none !important;
}
</style>


Creo que no me olvido de ningún panel, pero si falta alguno me lo decís y lo añado aqui

mismo



2.

CODE PARA CAMBIAR EL TEXTO DE LA BARRA DE NAVEGACION


Este codigo cambia lo que sale tipico de "IMVU: My Avatar homepage: Esterano" por el texto

que quieras, en este caso yo lo puse para que saliera un texto que se mueve y pone "El

hogar de esterano"
Cambiad el texto en rojo por aquello que querais que se lea en vuestro caso :P
No quiteis las dobles comillas que enmarcan el texto!!

<script>
var repeat=1
var title=document.title = "El hogar de Esterano"
var leng=title.length
var start=1
function titlemove() {
titl=title.substring(start, leng) + title.substring(0, start)
document.title=titl
start++
if (start==leng+1) {
start=0
if (repeat==0)
return
}
setTimeout("titlemove()",140)
}
if (document.title)
titlemove()
</script>



3.

CODE PARA QUE LA GENTE NO VEA CUANDO HICISTE TU ULTIMO LOG ON


<script>
// By The Pirate Morgan (from Spain)
var ie4 = (document.all)? true:false;
if (ie4) {
z=document.getElementById('aboutme_panel_body').firstChild.firstChild.firstChild;
z.removeChild(z.childNodes.item(13))
}
else
{
y=document.getElementById('aboutme_panel_body').childNodes.item(1).firstChild.childNodes.it

em(1);
y.removeChild(y.childNodes.item(18));
}
</script>




4.

CODE PARA DEJAR UN MARGEN SUPERIOR EN LA HP


Codigo para dejar un margen superior en la pagina, en mi caso como veis de 600 pixels,

modificad la cifra a vuestro gusto:P

<style> body{margin-top: 600px;} </style>



5.

CODE PARA PONER UNA IMAGEN EN TU HP


Suponiendo que ya tenemos un sitio donde subir imagenes (y si no, pronto podremos en el

hilo de Dudas cómo y dónde hacerlo)... si el sitio en el que habeis subido la imagen no os

ofrece el codigo que teneis que poner, que sepais que la forma general de ponerla es la

siguiente

<IMG src="direcion url"></IMG>

Pero por supuesto siempre se puede alterar ese codigo para cambiar la imagen de tamaño:
No teneis más que cambiar las cifras de width (anchura) y height(altura) por aquellas que

deseais que tenga vuestra imagen X(
<IMG src="http://img135.imageshack.us/img135/1631/eligeka9.jpg" width="568"

height="409"></IMG>



6.

CODE PARA HACER MÁS GRANDES LAS IMAGENES DE LA WISHLIST


Cambiad las cifras de 100 (anchura) y 80 (altura) a vuestro gusto (pero esto ya son unas

medidas aceptables, de hecho es el tamaño de las cosas en el catálogo:P)

<style type="text/css">
table #wishlist_panel_colRow a img {

width:100px !important;
height:80px !important;
}
</style>



7.

CODE PARA SUSTITUIR EL NOMBRE DE UN PANEL POR LO QUE QUERAMOS


Sustituid el nombre del panel por lo que queráis que se vea

<script type="text/javascript">
function replacethis_made_by_IM_org(id,replacewith) {
document.getElementById(id+'_header').getElementsByTagName('td')[0].innerHTML=replacewith;
}

replacethis_made_by_IM_org('special_panel','una parte de MI Gente');
</script>



8.

CODE PARA QUE AL ENTRAR EN LA HP SALGA UN AVISO



Con este codigo sale un aviso al entrar en la hp y no se va hasta que no presionen Ok.
Sustituid lo que está en rojo por el mensaje que quereis que salga

<script> function MYALERT() { alert("tu mensaje"); } MYALERT()</script>


si quereis que salga más de una linea aplicad el siguiente codigo:

<script> function MYALERT() { alert("]LINEA 1"+"\n"+"LINEA 2"); } MYALERT()</script>



9.

CODE PARA PONER TEXTOS MOVIENDOSE (MARQUESINAS)

Sustituid donde pone TEXTO por lo que quereis que salga
Codigo tomado de un Foro de IMVU en Español, códigos publicados por XxXavier

Si quereis una marquesina simple de forma que el texto entre por la derecha y se mueva

hacia la izquierda:

<marquee>TEXTO</marquee>


Si quereis que se mueva en de izquierda a derecha:

<marquee direction="right">TEXTO</marquee>


O que alterne entre ambas direcciones:

<marquee behavior="alternate">TEXTO</marquee>


Para que vaya hacia arriba y hacia abajo (respectivamente)

<marquee direction="up">TEXTO</marquee>


<marquee direction="down">TEXTO</marquee>


o que alterne entre ambas

<marquee direction="up" behavior="alternate">TEXTO</marquee>


Otra posibilidad es combinar estos códigos con los de imágenes o banners para ponerlos en

hps:
Cambiando las cifras en rojo correspondientes a height y width, y poniendo el codigo en su

sitio, tendremos lo siguiente:

<marquee direction="up" height="500" width="300"> CÓDIGO DE BANNERS O IMAGENES QUE QUIERAN,

CON VÍNCULOS Y TODO </marquee>



10.

IMAGEN STICKER fLOTANTE

Pues eso, para colocar una imagen que tenemos subida en alguna parte y no tener que hacerla

sticker se puede usar este código, extraido de Foro de IMVU en Español, publicado por

AlanYeref

Explicación del Codigo:
*Donde pone "layer1" se refiere a la capa en la que estas colocando la imagen, si vas a

tener más de una imagen colocada de esta manera en tu hp ten en cuenta que CADA IMAGEN DEBE

IR EN UNA CAPA, por lo que es necesario modificar el numero que acompaña a "layer" (ojo!

hacedlo en los dos sitios)

*Poned especial interés a las cifras de lo que está en rojo, se refiere a la posición donde

va a estar la imagen en tu hp utilizando el punto superior izquierdo de tu hp como punto de

referencia para las coordenadas: al lado de "left" se pone la cifra en pixels del margen

que queremos que deje desde el lado izquierdo, y al lado de "top" se pone el margen que

estaremos dejando desde la parte superior de la pantalla. Una vez le pillas el truco es más

fácil de lo que parece :P

<style type="text/css">
<!--
#layer1 {
position:absolute;
width:0px;
height:0px;
z-index:1;
left: 0px;
top: 0px;
}
-->
</style>

<div id="layer1"><img src="url de la imagen></div>




11.

Musica en su hp

Para poner musica en su web



Url Mp3 ahi pondran el link de la cancion :)



<embed type="application/x-mplayer2" src=" Url Mp3" name="NSPlay"

pluginspage="http://www.microsoft.com/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=media&

sba=plugin" showcontrols="1" showdisplay="0" showstatusbar="1" autostart="true" height="50"

width="170">



12.

Efectos en las imagenes dentro de tu hp
muy bueno el code

Efecto Rayo:

Asi se vera cuando pases por una imagen o un link:
[www.freewebs.com]



<style type="text/css">
a.navbar:hover{color:red;
font-weight:bold;background-image:url(http://www.freewebs.com/compunetsi/efectos/efecto_07.

gif);} a:hover, a.redlink:hover, a.navbar:hover
{background-image:url(http://www.freewebs.com/compunetsi/efectos/efecto_07.gif);

text-decoration:none; border:0px solid;} a:hover img
{background-image:url(http://www.freewebs.com/compunetsi/efectos/efecto_07.gif);filter:alph

a(finishopacity=0, style=2); }
</style>
<div style="position:absolute;left:0px;top:0px;"><a
href="http://www.compunet.tk" target="_blank"><img
src="http://www.freewebs.com/lennyn22/hi5/bannerhi5.gif" border="0"
/></a></div>



Donde dice esto:

(http://www.freewebs.com/compunetsi/efectos/efecto_07.gif)

podras cambiar el efecto
ya sea corazones . difuminado , burbujas etc...



13.

Quitar Avatar Acerca de la imagen en el panel




<style type="text/css">
#avBigPic, .imvucodes_net {display:none !important;}
</style>



14.

Quitar nombre de avatar título



<style type="text/css">
#avatar_name, .imvucodes_net { display:none !important; }
</style>




15.

Cambio Avi nombre




<script type="text/javascript">
var copiedfrom='www.imvucodes.net';
var forSP_othernames=new

Array('anything','anything2','anything3','anything4','anything5','anything6');
var forSP_nameid;
function forSP_changeaviname() {
forSP_nameid_new=Math.round((forSP_othernames.length-1)*(Math.random()));
if(forSP_nameid==forSP_nameid_new) {
forSP_changeaviname();
} else {
forSP_nameid=forSP_nameid_new;
document.getElementById('aboutme_panel_body').getElementsByTagName('b')[0].innerHTML=forSP_

othernames[forSP_nameid];
document.title=forSP_othernames[forSP_nameid];
}
}
window.setInterval('forSP_changeaviname()',3000);
</script>



16.

Deshabilitar la selección de texto

<script type="text/javascript">
var copiedfrom='www.imvucodes.net';
window.onload=function(){
document.onselectstart=function(){return false;}
document.onmousedown=function(){return false;}
}
</script>



17.

anchura del panel

<style type="text/css">
#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 {
width:900px !important;
}
#rightColumn {
display:none !important;
}
</style>


donde esta "900" en rojo es la anchura del panel para ponerlo a tu gusto, 900 es lo que

ocupa de anchura completa tu HP



18.

"Link" o "un enlace"

Lo que buscas es poner un "link", o sea "un enlace" que te lleve directamente a la página

que tú quieres.
Si vas a poner ese enlace en uno de estos post, justo debajo de donde estás escribiendo

tienes el Syntax Help que te dice que para poner un link tienes que escribir lo siguiente

(escrito en BBCode)

[*url=http://www.photo.net]PAGINA DE FOTOS[/url]


Quita el * que he puesto, y lo demás es el codigo que tienes que poner.
Cambia lo de www.photo.net por la dirección que quieras poner, y lo de Pagina de fotos por

el texto que quieras que sea lea en lugar de la dirección.

Si vas a poner el enlace en cualqueir otro sitio que no sea un post de un foro, entonces

probablemente necesites ponerlo en codigo html:

<a href="http://www.google.com">Google</a>


nuevamente cambia la dirección de www.google.com por la dirección que quieras poner y

cambia el texto de Google por lo que tú quieres que se lea.


CODIGO PARA GRUPOS

[*url=http://www.photo.net]PAGINA DE FOTOS[/url]

tienes que poner eso, pero en vez de "PAGINA DE FOTOS" que es texto, tienes que poner

[img]URL_DE_LA_IMAGEN[/img] entiendes? xD
asi:

[*url=WEB_QE_QIERES_QUE_SE_DIRIJA_AL_ACER_CLIC][img]URL_DE_LA_IMAGEN[/img][/url]

mas claro awa aajaja



19.

PONER IMAGEN DE TITULO EN LA HP

aqui lo tienes:

<script>
document.getElementById("avatar_name").innerHTML="<a href='URL_DE_TU_HP'

target='_blank'><img src='URL_DE_LA_IMAGEN' border='0'></a>"
</script>



20.

CODE PARA BLOQUEAR EL USO DEL BOTON DERECHO DEL RATÓN Y QUE SE LEA UN MENSAJE

Simplemente cambia lo que está en rojo por lo que quieres que se lea

<script language="Javascript1.2">

// (C) 2003 CodeLifter.com
// Source: CodeLifter.com
// Do not remove this header

// Set the message for the alert box

am = "This function is disabled!";

// do not edit below this line
// ===========================
bV = parseInt(navigator.appVersion)
bNS = navigator.appName=="Netscape"
bIE = navigator.appName=="Microsoft Internet Explorer"

function nrc(e) {
if (bNS && e.which > 1){
alert(am)
return false
} else if (bIE && (event.button >1)) {
alert(am)
return false;
}
}

document.onmousedown = nrc;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
if (bNS && bV<5) window.onmousedown = nrc;

</script>



21.

El codigo para quitar la publi de abajo:


<style type="text/css">
#ad_panel, #footerBanner td {
display:none !important;
}
</style>



22.

cambiar el color del special someone

aqui dejo el codigo para cambiar el color del special someone:

<style>
#special_panel_body td{
color: yellow; //CAMBIAR POR EL COLOR DESEADO
}
</style>



23.

poner un scroll en la barra de mensajes


aqui te dejo el code por ejemplo para poner un scroll en la barra de mensajes:

<style> DIV #messages_panel_body{overflow: auto; width: 575px; height: 300px;} </style>


575 = varia la anchura del panel
300= varia la altura del panel




24.

Poner banner directo a room en el soapBox de un grupo

aqui te pongo el que tendrias que poner:


<a href="http://rooms.imvu.com/yuliangeleyes/Club+Erotico+Yuli" target="_blank"><img

src="http://img125.imageshack.us/img125/7151/290tk3.gif" border="0" alt=""></a>



25.

poner un mensaje en la barra de arriba

<SCRIPT LANGUAGE="JavaScript">
var count = 0;
var delay = 200;
var text = "PON AQUI EL MENSAJE Q QUIERAS";
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>



26.

PARA CAMBIAR EL ANCHO DE LOS PANELES

Este es un codigo alternativo al que puso Sarins anteriormente para poder modificar la

anchura de los paneles.
OJO! ESTE CODIGO CAMBIA EL ANCHO DE TODOS LOS PANELES, NO ES PARA UN PANEL SINO PARA TODOS

A LA VEZ
Se pueden hacer dos versiones del mismo codigo ya que hay gente que tiene unicamente

paneles centrados en la hp y otros que conservan el formato de paneles a izquierda y

derecha.

Lo unico que tenéis que hacer es pegar el code en el panel del About Me modificar lo que

aparece en rojo, que son los valores del ancho de paneles, para que os hagais una idea, un

buen ancho de paneles que ocupa casi toda la pagina y deja un pequeño margen a los lados es

de 900 pixels

*Para los que tienen paneles a izquierda y derecha:

<style type="text/css">
#leftColumn table { width: 300px !important; }
#rightColumn table { width: 600px !important; }
</style>



*Para los que tienen una columna de paneles centrados:

<style type="text/css">
#leftColumn table { width: 300px !important; }
</style>



También se puede aplicar a un panel en concreto, aqui os dejo el ejemplo para el special

panel:

#special_panel_body, #special_panel_header{ width: 100px }

Codes tomados del foro de Imvu Hispano publicado por Gaf210



27.

CODE PARA PONER BARRAS DE DESPLAZAMIENTO (SCROLLs)

Un codigo muy sencillito publicado por Gaf210 en el Foro de Imvu Hispano para colocar en

cualquier panel una barra de desplazamiento: se copia el código y se pega en el panel en el

que se desea, hay que cambiar el nombre del panel, y los parámetros de anchura y altura

máxima, esto es, los límites a partir del cual aparecen los scrolls...

<style>
#special_panel_body{
width: 700px !important;
height: 210px !important;
overflow: auto !important;
}
</style>


Código:

28

CODE PARA CAMBIAR EL COLOR DE LAS BARRAS DE DESPLAZAMIENTO (SCROLLs)
Otro codigo de Gaf210 del mismo foro :P

Se puede cambiar el color, simplemente hay que añadirle el codigo este..
Hay que cambiar las referencias de colores(lo que va detras de la #) por los que se quiera,

para lo cual os dejo el enlace a una pagina maravillosa donde aparece toda la gama de

colores web, de tal forma que podeis coger de ahí el código (el HEXADECIMAL!!!)

correspondiente a cada color:
*Los codigos hexadecimales son combinaciones de letras y numeros de 6 digitos, ejemplo:

556B2F
*Otro detalle: los 6 digitos van seguidos, NO puede haber espacios en blanco entre ellos:P
Tabla de Colores
[es.wikipedia.org]

<style type="text/css">
body {
scrollbar-face-color:#ffffff;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
}
</style>



29.

CODES PARA OCULTAR LA PUBLICIDAD DE LA HP

Recopilación de Codes publicados por XxXavier en el Foro de IMVU en español:

*Para eliminar los banners de IMVU en la parte superior e inferior de las hps

style type="text/css">
#ad_panel, #footerBanner td, #ccpheader_leaderboard {
display:none !important;
}
</style>




*Para eliminar los anuncios actualizados (las barritas azules de la parte superior de la

hp)

<style type="text/css">
#message-stack, .avatarsmultiforoses { display:none !important; }
</style>


*Para eliminar los "shoutouts"

<style type="text/javascript">
#TICKERBOX { display:none !important; }
</style>



30.

CODE PARA ELIMINAR LOS ENLACES DE LA PARTE SUPERIOR DE LA PAGINA (Añadir, Bloquear,

Reportar Página, Dejar Mensaje, etc.)

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



31.

para que la galeria aparesca como marquee

panel que se encuentra abajo de la galeria, pero bueno aqui esta para que la galeria

aparesca como marquee, o slide de fotos:

<script type="text/javascript">
var made_by = "www.imvucodes.net";
var marqueeContent = '<tr><td><marquee id="galleryMarquee"

style="vertical-align:middle;">';
var obj = document.getElementById('gallery_panel_colRow').getElementsByTagName('a');
for (var i = 0; i < obj.length; i++) {
if (obj[i].getElementsByTagName('img').length > 0) {
innerImg = obj[i].getElementsByTagName('img')[0];
marqueeContent += '<a href="'+obj[i].href+'" target="_blank"><img style="border:0px;"

src="'+innerImg.src+'"></a>&nbsp;';
}
}
marqueeContent += '</marquee></td></tr>';
document.getElementById('gallery_panel_colRow').style.display = 'none';
document.getElementById('gallery_panel_body').innerHTML += marqueeContent;
document.getElementById('galleryMarquee').start();
</script>



32.

OPACIDAD EN LOS PANELES

<style type="text/css">
#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,

#groups_panel, #video_panel, #updates_panel, #slideshow_panel, .imvucodes_net {
opacity:0.6 !important;
filter:alpha(opacity=60) !important;
-moz-opacity:0.6 !important;
}
#aboutme_panel:hover, #contact_panel:hover, #dev_panel:hover, #wishlist_panel:hover,

#visitors_panel:hover, #messages_panel:hover, #tagcloud_panel:hover, #stickers_panel:hover,

#collect_panel:hover, #room_panel:hover, #rankings_panel:hover, #cool_panel:hover,

#gallery_panel:hover, #friends_panel:hover, #streetteam_panel:hover, #blog_panel:hover,

#music_panel:hover, #rss_panel:hover, #url_panel:hover, #special_panel:hover,

#outfits_panel:hover, #groups_panel:hover, #video_panel:hover, #updates_panel:hover,

#slideshow_panel:hover {
opacity:0.9 !important;
filter:alpha(opacity=90) !important;
-moz-opacity:0.9 !important;
}
</style>



33.

AUMENTAR PANELES

<style type="text/css">
#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,

#groups_panel, #video_panel, #updates_panel, #slideshow_panel, .imvucodes_net { width:900px

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




34.

VARIOS SCROLL

[img139.imageshack.us]


<font size="1"><font color="000000"><div style="border: 1px solid #000000; width: 200px;

height: 100px; overflow: auto; background: #ffaaff">Your info

here.TESTING<br>TESTING<br>TESTING<br>TESTING

<br>TESTING<br>TESTING<br>TESTING<br>TESING<br>TESTING<br>TESTING<br>TESTING<br>TESING</div

></font>



35.

modera el tamño de la letra

<font size="1">

Esto modera el tamño de la letra. Sólo tienes que introducir un número del 1 al 6 para

cambiar el tamaño de la fuente.



36.

borde

<div style="border: 1px


Esto añade un borde. Si desea un borde introducir un número del 1 al 6 o 0 para sin bordes.



37.

cambia el color del borde

solid #000000

Esto cambia el color del borde. Introduzca un código hexadecimal de color aquí.



38.

control de la anchura del texto

width: 200px


Este control de la anchura del texto. Puede cambiar el 200 a cualquier número de píxeles

que te gusta.



39.

controla la altura del texto

height: 100px

Este controla la altura del texto. Usted puede cambiar de 100 a cualquier número de píxeles

que te gusta.



40.

CODE PARA MODIFICAR LA FUENTE DE CADA PANEL
Codigo publicado por Gaf210 en el Foro de Imvu en Español

Explicacion del codigo:
este código se aplica a cada panel individualmente, y con él se puede modificar tamaño,

color y la propia fuente.
-En el caso del panel about me, lo que se modifica es el cuerpo en sí (porque esl cambio se

aplica al body
-Si por ejemplo quisiera aplicar un cambio al encabezado del panel de mensajes, lo que se

modifica es el header de ese panel, y entonces la línea de código que habría que poner

sería

#messages_panel_header



¿Cuales son los cambios que se están haciendo?
Se está poniendo una fuente de tamaño de 15 pixels, y de fuente Comic Sans
¿Como se ponen otras fuentes? hay que seleccionar toda esa linea marcada en verde por la de

la familia de fuentes que queramos modificar, a elegir de la lista que pongo más abajo.
¿Y el color? Es lo que aparece como

color:#ffffff;

. En este enlace tenéis la correspondencia entre el color y su codigo hexadecimal (tal como

expliqué en un post anterior en este mismo hilo):
Tabla de Colores

<style type="text/css">
#aboutme_panel_body
{
font-size: 15 px;
font-family:'Comic Sans MS',arial,verdana,sans-serif;
color:#ffffff;
}
</style>



FAMILIAS

ARIAL
font-family:'Arial',arial,verdana,sans-serif;

TAHOMA
font-family:'Tahoma',arial,verdana,sans-serif;

COURIER NEW
font-family:'Courier New',arial,verdana,sans-serif;

GEORGIA
font-family:'Georgia',arial,verdana,sans-serif;

HELVETICA
font-family:'Helvetica',arial,verdana,sans-serif;

LUCIDA
font-family:'Lucida Console',arial,verdana,sans-serif;

VERDANA
font-family:'Verdana',arial,verdana,sans-serif;

COMIC
font-family:'Comic Sans MS',arial,verdana,sans-serif;

CURSIVA
font-family: Monotype Corsiva;

IMPACT
font-family:'Impact',arial,verdana,sans-serif;

PALATINO
font-family:'Palatino Linotype',arial,verdana,sans-serif;


Código:

ARIAL BLACK
font-family:'Arial Black',arial,verdana,sans-serif;

Observaciones:
no he probado si se pueden acumular varios paneles en la lista, es probable que haya q

apicar los cambios a cada panel individualmente. Si alguien encuentra un codigo para

cambiar de golpe todas las fuentes de la hp que lo postee aqui, siempre se agradecerá :D




41.


CODE PARA DESPLAZAR EL AVIPIC DENTRO DEL PANEL DEL ABOUT ME
Codigo publicado por Gaf210 en el Foro de Imvu Hispano

Con estos codigos podreis cambiar de posición el texto y la imagen del avipic en el panel

del about me.

CODIGO 1: CENTRAR AVIPIC Y COLOCAR TEXTO DEBAJO

<style>
#aboutme_panel_body td{ text-align: center;}
#avBigPic {
//this part is by Antonio82
position:absolute;
margin-left:205px;
}
</style>

<script>
document.getElementById('aboutme_panel_body').getElementsByTagName('b')[0].innerHTML =

'<br><br style="line-height:225px;">TU NOMBRE DE AVI';
</script>


CODIGO 2: AVIPIC A LA DERECHA Y COLOCAR TEXTO A LA IZQUIERDA

<style>
#aboutme_panel_body{ text-align: left;}
#avBigPic {
position:absolute;
margin-left:205px;
}
</style>
<script>
document.getElementById('aboutme_panel_body').getElementsByTagName('b')[0].innerHTML =

'<br>' +

document.getElementById('aboutme_panel_body').getElementsByTagName('b')[0].innerHTML;
</script>


Observaciones: no he probado los codigos, pero me fio bastante, ya que este hombre siempre

está publicando codes de todo tipo :D



42.

CODE PARA CAMBIAR LA FUENTE DEL PANEL DE MENSAJES

Versión alternativa, a ver si funciona! ^_^
En teoría este code cambia tanto lo de "Select, Delete, Reply..." como lo que vienen a ser

los mensajes en sí.

<style type="text/css">
#messages_panel_body
{
font-size: 10px;
font-family:'Arial',arial,verdana,sans-serif !important;
color:#ffffff;
}
#messages_panel_body .msgTele
{
font-size: 10px;
font-family:'Arial',arial,verdana,sans-serif !important;
color:#ffffff;
}
</style>



43.

INHABILITAR EL CLICK DERECHO SIN AFECTAR AL PROPIETARIO DE LA HP

Obviamente, cambiad el texto en rojo por el de vuestro avatar (sin lo de Guest_) para que

no os afecte a vosotros, asi ya no podrán usar el click derecho del ratón en vuestra página

y así no podrán copiar lo que tengáis en ella.


<script type="text/javascript">
owner_aviname = "TU NOMBRE DE AVATAR";
allTags=document.getElementById('mininav-avname').innerHTML; if(allTags.indexOf("Guest") ==
0) { vName = allTags.substring(6, (allTags.length));} else vName=allTags;
if(vName && vName!= owner_aviname){
document.oncontextmenu= function blockrightclick(){return false;} ;
}
</script>



44.

FECHA Y HORA EN LOS MENSAJES

Con este código podréis saber cuándo os llegaron realmente los mensajes a vuestra hp, os

pone la fecha y el día y la hora concretas a la que llegaron los mensajes.
IMPORTANTE: Este code hay que colocarlo en algún panel visible que esté justo debajo del de

mensajes para que funcione.


<script type="text/javascript"> function translate(eng_string){ date_array = new Array;
translated_str = new Array; date_array = eng_string.split(' '); var Days_str = ["Monday",
"Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]; var Days_str_trans =
["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"]; var
Weekday_num=0; while((date_array[0] != Days_str[Weekday_num]) && (Weekday_num<7)) {
Weekday_num++;} Weekday_num = (Weekday_num) % 7; date_array[0] =

Days_str_trans[Weekday_num];
date_array[1] = date_array[1].substring(0,2); date_array[2] = "de"; var Months_str =
["January", "February", "March", "April", "May", "June", "July", "August", "September",
"October", "November", "December"]; var Months_str_trans = ["Enero", "Febrero", "Marzo",
"Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre",
"Diciembre"]; Month_num=0; while((date_array[3] != Months_str[Month_num]) &&

(Month_num<12))
{ Month_num++;} Month_num = (Month_num) % 12 ; date_array[3] = Months_str_trans[Month_num];
date_temp = [0, 1, 2, 3, 2, 4, 5, 6]; for(j=0; j<date_temp.length;j++){translated_str[j] =
date_array[date_temp[j]];} return translated_str.join(" "); } function adjustGMT
(input_datastring, hour_adjust){ date_array = input_datastring.split(' '); hour_str =
date_array[5].substring(0,2); hour_num = hour_str * 1; if ((hour_num ==12) &&

(date_array[6]
=='PM')) { if(hour_adjust<0) { date_array[6] = 'AM';} else {hour_num=0;}} hour_adjusted =
hour_num + hour_adjust; if (hour_adjusted >11 ) { hour_adjusted = hour_adjusted % 12; if
(date_array[6] == 'AM'){ date_array[6] = 'PM'; } else { date_array[6] = 'AM'; day_str =
date_array[1].substring(0,2); day_num = day_str * 1; day_num = day_num + 1; var Days_str

=
["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"];
Weekday_num=0; while((date_array[0] != Days_str[Weekday_num]) && (Weekday_num<7)) {
Weekday_num++;} Weekday_num = (Weekday_num+1) % 7; date_array[0] = Days_str[Weekday_num];
change_month=0; year_num = date_array[4] * 1; if(day_num > 27) { if(day_num > 30) { if
(day_num > 31) { change_month=1; day_num=1; }else{ if((date_array[3] == 'April') ||
(date_array[3] == 'June') || (date_array[3] == 'September') || (date_array[3] ==

'November'))
{ change_month=1; day_num=1; }}} else { if(date_array[3] == 'February'){ if(!((year_num%4)
== 0)) {change_month=1; day_num=1; }}}} day_str = day_num.toString(); if (day_num >9){
date_array[1]= day_str; } else { date_array[1]= '0' + day_str; } if (change_month==1){ var
Months_str = ["January", "February", "March", "April", "May", "June", "July", "August",
"September", "October", "November", "December"]; Month_num=0; while((date_array[3] !=
Months_str[Month_num]) && (Month_num<12)) { Month_num++;} if(Month_num ==11){ Year_num =
date_array[4] * 1; Year_num++; date_array[4] = Year_num.toString(); } Month_num =
(Month_num+1) % 12 ; date_array[3] = Months_str[Month_num]; }}} hour_adjusted_str =
hour_adjusted.toString(); if (hour_adjusted >9) { date_array[5] = hour_adjusted_str +
(date_array[5].substring(2,8)); } else { date_array[5] = '0' + hour_adjusted_str +
(date_array[5].substring(2,8)); }output_datastring = date_array.join(" ");

output_datastring
= translate(output_datastring); return output_datastring;} x2=document.getElementById
('messages_panel_body').getElementsByTagName('span'); for(var i=0;i<x2.length;i++){ if(x2
[i].className=='msgAvNam'){ y=x2[i].getElementsByTagName('a')[0].title; z = adjustGMT(y,

8);
y2=x2[i].innerHTML.split('>')[2].split('<')[0]; y3='<a

href="http://avatars.imvu.com/'+y2+'"
title="Visit '+y2+"'"+'s Page!"><strong>'+y2+'</strong></a>'; x2[i].innerHTML=y3+'<br><span
style="font-weight:normal;font-size:10px"> '+ z + ' </span>'; }} </script>



45.



Este es el codigo para hacer más grandes las imagenes de tus visitantes, simplemente cambia

lo que esté en rojo por las cifras a tu gusto para hacerlas grandes...

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




46.

CODE PARA CAMBIAR EL LOGO DE "LOADING HOMEPAGE"


Con este codigo podreis cambiar esa tipica imagen de "loading homepage" por aquello que

querais.
En mi caso cambié la imagen de carga y el mensaje que sale, que corresponden a los dos

textos en rojo que vesi en el codigo de más abajo. Cambiadlo por lo que quereis que se vea

en vuestro caso.

<script language="javascript" type="text/javascript">
document.getElementById("LoadingPage").innerHTML = '<center><font>GRACIAS POR TU VISITA

:P</font>
<br><img

src="http://i268.photobucket.com/albums/jj33/Esterano/ajax-loader2.gif"></center>';
</script>