ap fhasion

    RECOPILACIÓN DE CODES PARA TU HOMEPAGE

    Comparte

    XxTANIASXx
    Admin=tia wenorra

    Mensajes: 8
    Fecha de inscripción: 08/01/2009
    Edad: 25
    Localización: en mi escondite xd

    RECOPILACIÓN DE CODES PARA TU HOMEPAGE

    Mensaje  XxTANIASXx el Jue Ene 08, 2009 11:17 am

    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

    XxTANIASXx
    Admin=tia wenorra

    Mensajes: 8
    Fecha de inscripción: 08/01/2009
    Edad: 25
    Localización: en mi escondite xd

    Re: RECOPILACIÓN DE CODES PARA TU HOMEPAGE

    Mensaje  XxTANIASXx el Jue Ene 08, 2009 11:17 am

    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>

    XxTANIASXx
    Admin=tia wenorra

    Mensajes: 8
    Fecha de inscripción: 08/01/2009
    Edad: 25
    Localización: en mi escondite xd

    Re: RECOPILACIÓN DE CODES PARA TU HOMEPAGE

    Mensaje  XxTANIASXx el Jue Ene 08, 2009 11:19 am

    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;

    XxTANIASXx
    Admin=tia wenorra

    Mensajes: 8
    Fecha de inscripción: 08/01/2009
    Edad: 25
    Localización: en mi escondite xd

    Re: RECOPILACIÓN DE CODES PARA TU HOMEPAGE

    Mensaje  XxTANIASXx el Jue Ene 08, 2009 11:20 am

    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>

      Fecha y hora actual: Jue Abr 24, 2014 2:31 pm