[HTML] Codigos HTML Para Webs

download [HTML] Codigos HTML Para Webs

of 52

Transcript of [HTML] Codigos HTML Para Webs

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    1/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l

    Plantilla Para Tu Web Un Tono Cristalino

    Codigo:

    [color=#000000] table.edit_main_table{width: 100% !important

    position:center;background‐repeat:no‐

    repeat; } td.edit_header_full table{width: 100% !important;} table.e

    image: url(URL);background‐

    color: transparent;border: 1px solid #FFFFFF;} td.shouty2{color:#FFF

    image: url(URL);background‐

    color: transparent;border: 1px solid #FFFFFF;} td.shouty3{color:#FFF

    image: url(URL);background‐

    color: transparent;border: 1px solid #FFFFFF;} td.shouty4{color:#FFFimage: url(URL);background‐

    color: transparent;border: 1px solid #FFFFFF;} td.shouty5{color:#FFF

    image: url(URL);background‐

    color: transparent;border: 1px solid #FFFFFF;} body{background‐

    attachment:fixed;} td.headline2{color: #FFFFFF;font‐

    weight:bold;text‐

    align: center;} td.nav_heading{color: #FFFFFF;background‐

    image: url(URL);background‐

    color: transparent;} td.sidebar_heading{color: #FFFFFF;background‐color: transparent;background‐

    image: url(URL);} td.edit_content_top{height: 23px;background‐

    image: url(URL);background‐

    color: transparent;} td.edit_content_bottom2{background‐

    image: url(URL);background‐

    color: transparent;color: #FFFFFF} td.edit_content_bottom{background

    image:url(URL);height: 38px;background‐

    color: transparent;} td.edit_content{background‐

    image: url(URL);background‐color: transparent;} td.nav{background‐

    image: url(http://img.webme.com/pic/t/thorsten‐

    designs/malu_button1.jpg);background‐

    color: transparent;border: 0px solid #FFFFFF;background‐

    repeat:no‐repeat;} td.nav:hover{background‐

    image: url(http://img.webme.com/pic/t/thorsten‐

    designs/malu_button2.jpg);background‐

    color: transparent;border: 0px solid #FFFFFF;background‐

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    2/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 2

    repeat:no‐repeat;} body{background‐

    image:url(http://img.webme.com/pic/t/thorsten‐

    designs/malu_hg.jpg);} td.edit_rechts_sbg{background‐

    image: url(URL);visibility: hidden;position: absolute;right: 0px;} t

    image: url(http://img.webme.com/pic/g/geldleicht‐test/malu_nav‐

    hg.jpg);background‐

    color: transparent;} td.edit_rechts_cbg{background‐

    image: url(URL);background‐color: transparent;} td.edit_rb_footer{visibility: hidden;} td.nav a

    size: 12px;color: #000000;} td.edit_navi_headbg{background‐

    image: url(http://img.webme.com/pic/g/geldleicht‐test/malu_nav‐

    hg.jpg);background‐

    color: transparent;border: 1px solid #FFFFFF;} a{text‐

    decoration: none;} a:hover{text‐

    decoration: none;}

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    3/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 3

    document.title=txt;

    txt=txt.substring(1,txt.length)+txt.charAt(0);

    refresco=setTimeout("rotulo_title()",espera);}

    rotulo_title();

    [/color]

    Texto Que Aparece en Ventana Al Entrar y Salir de la Pagina  

    Codigo:

    Código:

    [color=#000000]

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    4/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 4

    clock24_48434.daylight('AR'); clock24_48434.refresh();

    [/color]

    Cuantos Estan Online En Tu Pagina 

    Codigo:

    Código:

    [color=#000000]

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    5/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 5

    Get your own Chat Box!

    Go Large!
    [/color]

    Miles De Juegos Para Tu Web

    Codigo:

    Código:

    [color=#000000]

    Si Quieren Mas Juegos Apretan la Ruedita Hacia Abajo y Van Hacia

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    6/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 6

    Los textos de verde deberían obligatoriamente cambiados por las Url de sus sitios,

    imágenes, músicas o por su texto personal.

    Los textos en naranja son las partidas que pueden cambiar para modificar la

    apariencia (tamaño, color, etc...).

    Ir a un sitio sin imagen

    Código:

    [color=#000000]

    Click aquí[/color]

    Ir a un sitio mediante una imagen

    Código:

    [color=#000000]

    [/color]

    Música sin selector (hace atención a los derechos de los autores)

    Código:

    [color=#000000]

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    7/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 7

    Este codigo permite tener música a la abierta de la pagina.

    Los visitadores no pueden controlarla.

    Música con lector (hace atención a los derechos de los autores)

    Código:

    [color=#000000]

    [/color]

    Video (hace atención a los derechos de los autores)

    Código:

    [color=#000000]

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    8/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 8

    Redireccionar una página:

    Si tenés una dirección larga, y los servidores que te dan direcciones cortas no tienen

    buena capacidad de almacenamiento o de taza de transferencia de datos, con este

    código podés hacer que al escribir una dirección se abra otra, solo tenés que insertar 

    este código en el index.html del dominio corto poniendo tu dirección actual donde está

    en verde:

    Código:

    [color=#000000]

    Redireccionado por TUNOMBRE

    location.href='http://posterix.uni.me';

    [/color]

     Abrir una Web en Pop Up:

    Con este código vamos a hacer que al entrar en nuestra página automáticamente se

    abra otra, ej. otra Web nuestra, una sección que queremos mostrar, una publicidad,

    etc.

    Código:

    [color=#000000]

    window.open('http://posterix.uni.me',

    [/color]

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    9/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 9

    No dejar seleccionar el texto de nuestra Web:

    Con este código vamos a impedir que los visitantes seleccionen el texto de nuestra

    página para luego copiarlo a otro lado.

    Código:

    [color=#000000]

    function disableselect(e){

    return false

    }function reEnable(){

    return true

    }

    document.onselectstart=new Function ("return false"

    if (window.sidebar){

    document.onmousedown=disableselect

    document.onclick=reEnable

    }

    // End ‐‐>[/color]

    Horas restantes para finalizar el día:

    Con este código insertamos un pequeño relojito que indica la cuenta regresiva de las

    horas, minutos y segundos que faltan para finalizar el día.

    Código:

    [color=#000000]

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    10/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 10

    El reloj...

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    11/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 1

    [color=#000000]

    ENVÍA ESTA PÁGINA A UN AMIGO


    Indica su e‐mail:



  • 8/17/2019 [HTML] Codigos HTML Para Webs

    12/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 12

    Crear un Formulario o Libro de Visitas:

    Con este código podemos crear un formulario para que complete el visitante. O

    también un libro de visitas, luego que el visitante apriete el botón "enviar", los datos

    serán enviados a tu casilla de correo.

    Código:

    [color=#000000]

    Libro de visitas de http://posterix.uni.me

    Nombre:

    Direccion E‐mail:

    como llegaste hasta esta pagina?

    Tus comentatios:

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    13/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 13

    aparece la explicación de ese link en un cuadro con la cantidad de palabras que

    queramos poner. Solo tenés que reemplazar mis direcciones por las tuyas, y el texto

    deseado por el tuyo.

    Código:

    [color=#000000]

    function escribe(frase){document.desplaza.cuadro.value=frase; }

    // ‐‐>

    Opciones.

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    14/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 14

    Insertar un sonido o música de fondo:

    Si quieren que los visitantes escuchen una canción mientras visitan la Web, o

    simplemente recibirlos con una melodía estilo presentación, este es el código que

    estabas buscando. Solo tenés que guardar el sonido en el directorio raíz de tu servidor 

    e insertar el siguiente código html:

    Código:

    [color=#000000]

    [/color]

    Se recomienda usar sonidos en formato "midi" que son los de menor peso.

    Crear un link para download:

    Si queremos poner archivos para que los visitantes los puedan descargar a sus

    computadoras, solo debemos subir ese archivo a nuestro servidor e insertar en nuestra

    Web el siguiente código HTML:

    Código:

    [color=#000000]Descripción del enlace

    [/color]

    No existe un comando que inicie la descarga. Lo que sucede es que, siempre que

    aparece un tipo de archivo no reconocido por el navegador, este comienza a

    descargarlo automáticamente. Ejemplo: Si el navegador no logra abrir un archivo "zip"

    (compactado), inicia la descarga automáticamente.

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    15/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 15

    Subrayar un Link al pasar el mouse:

    Con este código podemos lograr ese tan conocido efecto que al pasar el mouse sobre

    un link, este se subraye. Podemos hacer que tenga un color antes de visitar el link, y

    que tenga otro una vez visitado.

    Código:

    [color=#000000]

    A:link {COLOR: red; TEXT‐DECORATION: none}

    A:visited {COLOR: gray; TEXT‐DECORATION: none}A:active {TEXT‐DECORATION: none}

    A:hover {COLOR: blue; TEXT‐DECORATION: underline} ‐‐>

    El texto que quieras.

    otro texto.

    Otro texto.

    [/color]

    Transformar el cursor en una mira:

    Transformá la clásica flechita de Windows en una mira de disparo.

    Código:

    [color=#000000]

    body { cursor: crosshair}

    ‐‐>

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    16/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 16

    [/color]

    Comentario sobre un link en la barra de estado:

     Al pasar el mouse sobre el link deseado, veremos en la barra de estado un comentario

    sobre éste. Por ejemplo posicionen el mouse sobre Pauluk Computación y vean en la

    barra de estado. (para verlo bien en ésta página pasen el mouse varias veces, ya que

    hay otro código parecido que lo obstruye).

    Código:

    [color=#000000]

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    17/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 17

    algunas personas no les gusta este tipo de bloqueo. Nosotros tenemos que decidir si

    queremos incluirlo o no en nuestras páginas.

    Podemos colocarlo antes de la etiqueta o después de la etiqueta .

    Código:

    [color=#000000]

    function right(e) {

    if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2

    {

    alert("Coloca el mensaje aquí.";

    return false;

    }else if (navigator.appName == 'Microsoft Internet Explorer' &&

    (event.button == 2 || event.button == 3)) {

    alert("Coloca el mensaje aquí.";

    return false;

    }

    return true;

    }

    document.onmousedown=right;

    if (document.layers) window.captureEvents(Event.MOUSEDOWN);window.onmousedown=right;

    [/color]

    Nota: Para evitar este truco, también hay un contratruco, si entrás a una página que

    tiene este truco que no te deja copiar imágenes o texto, solo tenés que hacer click con

    el botón derecho del mouse sobre la barra de estado y sin soltarlo arrastrarlo hasta la

    imágen. Listo, se abrirá el menú como si la página no estuviese bloqueada a la copia.

    Hay que tener en cuenta que muy poca gente conoce este truco, por lo tanto podés

    usar tranquilo el truco de bloqueo.

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    18/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 18

    Establecer una página como inicio:

    Este código html te sirve para crear un link para que el visitante pueda hacer que tu

    página sea la de inicio de su computadora. Con solo hacer clic sobre el link creado, tu

    página se iniciará automáticamente cada vez que esa persona se conecte a Internet.

    Código:

    [color=#000000]

    Establecer como página de inicio[/color]

    Enviar un e-mail con Asunto y Mensaje:

    Con este truco podés hacer que al hacer clic sobre una palabra, se abra el Outlook

    para enviar un mensaje con tu dirección, el asunto que quieras y el texto que quieras.

    Por ejemplo: Hacé clic acá para mandarme un mensaje

    Código:

    [color=#000000]Hacé clic acá para[/color]

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    19/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 19

     Abrir un Link en una Ventana Nueva:

    Cuando tenemos Links en nuestras páginas y alguien hace clic sobre ellos,

    automáticamente se abre esa dirección en nuestra ventana. Con este truco podemos

    hacer que al hacer clic sobre un determinado Link, esta dirección se abra en una

    ventana nueva, quedando la nuestra también abierta:

    Código:

    [color=#000000]

    Pauluk Computación<

    [/color]

    Crear un PopUp:

     Abrir una pequeña ventana con una imagen. Podemos darle las medidas que

    queramos cambiando "Width" y "Height".

    Código:

    [color=#000000]Ejemplo

    [/color]

    Otra barra con mas colores:

     A continuación veremos otro código para ponerle color a la barra de desplazamiento,

    en este caso vamos a poder personalizar los colores de la barra, del fondo y los

    bordes. Reemplazar los nombres de los colores por otros o por los código de letras y

    números. Mas abajo está la tabla de colores.

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    20/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 20

    Código:

    [color=#000000]

    body { scrollbar‐face‐color: darkgreen ;

    scrollbar‐shadow‐color: yellow;

    scrollbar‐highlight‐color: violet;scrollbar‐3dlight‐color: navy;

    scrollbar‐darkshadow‐color: magenta;

    scrollbar‐track‐color: blue;

    scrollbar‐arrow‐color: black }

    ‐‐>

    [/color]

    Observación: para ver este truco, es necesario tener instalada las últimas versiones de

    los navegadores. Preferentemente Internet Explorer 6.

     Abrir un link de una imagen en una ventana nueva:

    Con este código podemos insertar una imagen (ej. banner) y que al hacer click sobre

    ella se abra el link de destino en una ventana nueva. Primero ponemos la ruta del link

    de destino, y luego la ruta donde está alojada la imagen. Si está alojada en la raíz de

    nuestro servidor solo ponemos el nombre y listo.

    Código:

    [color=#000000]

    [/color]

    Hora y texto en la barra de estado:

    Con este truco, podemos hacer que aparezca en la barra de estado la hora de la PC

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    21/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 2

    que entra a nuestra Web y poner el texto que queramos.

    Código:

    [color=#000000]

    mensaje=" |======| http://posterix.uni.me"function hora() {

    var h = new Date();

    window.status="|======| "

    + h.getHours() +":"+ h.getMinutes() +"" +mensaje ;

    window.setTimeout('hora()',100);

    }

    hora()

    //‐‐>

    [/color]

    Botón animado:

     Aprendé a dar movimiento a tu página con botones animados por Java Script. Cada

    botón puede llevar a un enlace distinto. Sólo tienes que configurar los parámetros

    "lineArr" y "urlArr" del script, que permiten destacar cosas en tu página.

    Código:

    [color=#000000]

    var timerID = nullvar timerRunning = false

    var charNo = 0

    var charMax = 0

    var lineNo = 0

    var lineMax = 3

    var lineArr = new Array(lineMax)

    var urlArr = new Array(lineMax)

    lineArr[1] = "Cop"

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    22/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 22

    urlArr[1] = "http://posterix.uni.me"

    lineArr[2] = "Trucos PC"

    urlArr[2] = "http://posterix.uni.me"

    lineArr[3] = "Noticias Tecnológicas y Actualidad"

    urlArr[3] = "http://posterix.uni.me"

    var lineText = lineArr[1]

    function StartShow() {

    StopShow()ShowLine()

    timerRunning = true

    }

    function FillSpaces() {

    for (var i = 1; i

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    23/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 23

    function GotoUrl(url)

    {

    top.location.href = url

    }

    document.write("";

    document.write("";

    document.write("";StartShow();

    [/color]

    Letrero de mensajes:

    Este es un efecto muy fácil de lograr y muy funcional para tu página. Podés definir 

    cuántos textos y enlaces quieras. Ellos se destacarán y tu página quedará mucho más

    dinámica. Podés ver cómo personalizar este recurso al final de esta página. Es mejor 

    que Java ya que es mucho más liviano y rápido de cargarse, y no necesita archivos

    adicionales.

    Para incluir este recurso en tu página debes seguir dos pasos:

    Paso 1: Incluye el siguiente código en tu etiqueta "", agrega un espacio

    después del último parámetro e incluye:

    Código:

    [color=#000000]onload="if (document.all||document.layers) {regenerat

    [/color]

    Observa un ejemplo sencillo de cómo quedaría la etiqueta:

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    24/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 24

    Código:

    [color=#000000]

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    25/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 25

    Iniciando...

    var speed=4500

    var textos=new Array()

    textos[0]="Descripción del enlace1 aquí

    "

    textos[1]="

    Descripción del enlace2 aquí

    "

    textos[2]="

    Descripción del enlace3 aquí

    "

    i=0

    if (document.all)

    tickerobject=document.all.submensagem.style

    else

    tickerobject=document.mensagem.document

    function regenerate(){

    window.location.reload()

    }

    function regenerate2(){if (document.layers)

    setTimeout("window.onresize=regenerate",450)

    }

    function update(){

    BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10);

    if (document.layers){

    document.mensagem.document.submensagem.document.write('

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    26/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 26

    setTimeout("update()",speed)

    }

    function BgFade(red1, grn1, blu1, red2,

    grn2, blu2, steps) {

    sred = red1; sgrn = grn1; sblu = blu1;

    ered = red2; egrn = grn2; eblu = blu2;

    inc = steps;step = 0;

    RunFader();

    }

    function RunFader() {

    var epct = step/inc;

    var spct = 1 ‐ epct;

    if (document.layers)

    tickerobject.bgColor =

    Math.floor(sred * spct + ered *epct)*256*256 +

    Math.floor(sgrn * spct + egrn * epct)*256 +

    Math.floor(sblu * spct + eblu * epct);

    else

    tickerobject.backgroundColor=

    Math.floor(sred * spct + ered *

    epct)*256*256 +

    Math.floor(sgrn * spct + egrn * epct)*256 +

    Math.floor(sblu * spct + eblu * epct);if ( step < inc ) {

    setTimeout('RunFader()',50);

    }

    step++;

    }

    [/color]

    Pantalla que tiembla:

     Al insertar este código, cada vez que entremos en la Web se producirá una especie de

    terremoto en el explorador. Un efecto interesante para atraer la atención de nuestros

    visitantes.

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    27/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 27

    Código:

    [color=#000000]

    http://posterix.uni.me

    function tremer(n) {

    if (self.moveBy) {

    for (i = 10; i > 0; i‐‐) {

    for (j = n; j > 0; j‐‐) {

    self.moveBy(0,i);

    self.moveBy(i,0);

    self.moveBy(0,‐i);

    self.moveBy(‐i,0);

    }}}}

    tremer(5)

    function right(e) {

    if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2

    {

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    28/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 28

    alert("http://posterix.uni.me";

    return false;

    }

    else if (navigator.appName == 'Microsoft Internet Explorer' &&

    (event.button == 2 || event.button == 3)) {

    alert("http://posterix.uni.me";

    return false;

    }

    return true;

    }

    document.onmousedown=right;

    if (document.layers) window.captureEvents(Event.MOUSEDOWN);

    window.onmousedown=right;

    [/color]

    Botón Colorido:

    ¿Cansado del botón siempre gris? Ahora con CSS podés definir cualquier color para

    tus botones. Ellos combinarán más con tu página y son muy fáciles de crear.

    Copia el código que sigue y pegalo dentro de la etiqueta de formulario de tu página:

    Código:

    [color=#000000]

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    29/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 29

    [/color]

    Texto que sigue al mouse:

    Hacé que un texto cualquiera siga al mouse del visitante en tu página. Es un efecto

    fabuloso y fácil de incluir en las páginas

    Incluye el siguiente código en tu página HTML:

    Código:

    [color=#000000]

    .animado {position:absolute;visibility:visible;top:‐50px;font‐

    size:10pt;font‐family:Arial;font‐weight:bold;color:black;}

    var x,y

    var tempo=10

    var espera=0

    var texto="http://posterix.uni.me"

    texto=texto.split(""

    var xpos=new Array()

    for (i=0;i

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    30/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 30

    function seguir(e){

    x = (document.layers) ? e.pageX : document.body.scrollLeft+event.cli

    y = (document.layers) ? e.pageY : document.body.scrollTop+event.clie

    espera=1

    }

    function animar_cursor() {

    if (espera==1 && document.all) {for (i=texto.length‐1; i>=1; i‐‐) {

    xpos=xpos[i‐1]+tempo

    ypos=ypos[i‐1]

    }

    xpos[0]=x+tempo

    ypos[0]=y

    for (i=0; i=1; i‐‐) {

    xpos=xpos[i‐1]+tempo

    ypos=ypos[i‐1]}

    xpos[0]=x+tempo

    ypos[0]=y

    for (i=0; i

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    31/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 3

    document.write(texto)

    document.write(""

    }

    if (document.layers){

    document.captureEvents(Event.MOUSEMOVE);

    }

    document.onmousemove = seguir;animar_cursor()

    [/color]

    Imagen volando por la pantalla:

    Este efecto hace que cualquier imagen que elijas quede "paseando" por la pantalla,

    siendo un recurso excelente tanto para llamar la atención por alguna novedad en tu

    sitio como para darle más movimiento a la página.

    Copiá y pegá el siguiente código en tu página HTML.

    Recordá que la imagen debe estar en el mismo directorio de tu página html.

    Código:

    [color=#000000]

    var imagem="Ingresa el nombre del archivo de imagen aquí"

    if (document.layers)

    {document.write("

    "}

    else if (document.all){document.write("

    "}

    conta=‐1;

    move=1;

    function curva(){

    abc=new Array(0,1,1,1,2,3,4,0,6,‐1,‐1,‐1,‐2,‐3,‐4,0,‐6)

    for (i=0; i < abc.length; i++)

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    32/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 32

    {var C=Math.round(Math.random()*)}

    iniciar=abc[C];

    setTimeout('curva()',1900);

    return iniciar;

    }

    ypos=10;

    xpos=10;

    movimento = 60;function moveR(){

    caminho=movimento+=iniciar;

    y = 4*Math.sin(caminho*Math.PI/180);

    x = 6*Math.cos(caminho*Math.PI/180);

    if (document.layers){

    ypos+=y;

    xpos+=x;

    document.animacao.top=ypos+window.readerYOffset;

    document.animacao.left=xpos+window.readerXOffset;}

    else if (document.all){

    ypos+=y;

    xpos+=x;

    document.all.animacao.style.top=ypos+document.body.scrollTop;

    document.all.animacao.style.left=xpos+document.body.scrollLeft;

    }

    T=setTimeout('moveR()',50);

    }function edges(){

    if (document.layers){

    if (document.animacao.left >= window.innerWidth‐

    40+window.readerXOffset)movimento=Math.round(Math.random()*45+157.5);

    if (document.animacao.top >= window.innerHeight‐

    30+window.readerYOffset)movimento=Math.round(Math.random()*45‐

    112.5);

    if (document.animacao.top = document.body.offsetHeig

    35+document.body.scrollTop)movimento=Math.round(Math.random()*45‐

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    33/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 33

    112.5);

    if (document.all.animacao.style.pixelTop

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    34/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 34

    for (var i = 0; i < this.length; i++) {

    this = initArray.arguments;

    }

    }

    var mensagens2 = new initArray(

    "Visita",

    "http://posterix.uni.me",

    "[email protected]");

    if(navigator.appName == "Netscape"

    document.write('
    ');

    if (navigator.appVersion.indexOf("MSIE" != ‐1)

    document.write('
    ');

    function aumenta(){

    mensagens = mensagens2[y];

    if (x < tamanho) {

    x++;setTimeout("aumenta()",velocidade);

    }

    else setTimeout("diminui()",ciclo);

    if(navigator.appName == "Netscape" {

    size = "";

    document.wds.document.write(size+"

    "+mensagens+""+esize);

    document.wds.document.close();

    }

    if (navigator.appVersion.indexOf("MSIE" != ‐1){

    wds.innerHTML = "

    "+mensagens+"

    ";

    wds.style.fontSize=x+'px'}

    }

    function diminui(){

    if (x > 1) {

    x‐‐;

    setTimeout("diminui()",velocidade);

    }

    else {

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    35/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 35

    setTimeout("aumenta()",ciclo);

    y++;

    if (y > mensagens2.length ‐ 1) y = 0;

    }

    if(navigator.appName == "Netscape" {

    size = "";

    document.wds.document.write(size+"

    "+mensagens+"

    "+esize);

    document.wds.document.close();

    }

    if (navigator.appVersion.indexOf("MSIE" != ‐1){

    wds.innerHTML = "

    "+mensagens+"

    ";wds.style.fontSize=x+'px'

    }

    }

    setTimeout("aumenta()",velocidade);

    [/color]

    Página protegida por clave:

    Este es un excelente recurso. Podés proteger tus páginas con una clave. Así podés

    definir exactamente quienes entrarán a tu página. No tenés que preocuparte por 

    configuraciones. Es muy sencillo: la clave siempre será el nombre de tu página sin la

    extensión .htm, es decir, si la página tiene el nombre de "ejemplo.htm", la clave será

    "ejemplo". ¿Ves que fácil?.

    Para tener este recurso en tu sitio debes incluir un código en la página de "entrada" en

    donde el visitante ingresará la clave, y enviar a tu sitio el archivo de la página que será

    cargada.

    Código:

    [color=#000000]

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    36/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 36

    //

    function loadpage(){

    var psj=0;

    newwin = window.open(document.frm.pswd.value + ".htm"

    }//‐‐>

    Ingresa tu clave:

     

    [/color]

    Cambiar el color de la barra de desplazamiento al pasar el mouse:

    Con este truco podés hacer que además de cambiar el color clásico gris de la barra de

    desplazamiento por otro, hacer que cuando el mouse se pose sobre ella cambie a otro

    color. Cambiando los números y letras en verde variaran los colores. Probalo pasando

    por la barra de la derecha!.

    Código:

    [color=#000000]

    function scrollBar(line,face,theme)

    {

    if (!line||!face)

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    37/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 37

    {

    line=null;

    face=null;

    switch(theme)

    {

    case "blue":

    var line="black";

    var face="#6699FF";break;

    }

    }

    with(document.body.style)

    {

    scrollbarDarkShadowColor=line;

    scrollbar3dLightColor=line;

    scrollbarArrowColor="black";scrollbarBaseColor=face;

    scrollbarFaceColor=face;

    scrollbarHighlightColor=face;

    scrollbarShadowColor=face;

    scrollbarTrackColor="#FFFFFF";

    }

    }

    function colorBar(){var w = document.body.clientWidth;

    var h = document.body.clientHeight;

    var x = event.clientX;

    var y = event.clientY;

    if(x>w) scrollBar('#000080','#E58D28');

    else scrollBar(null,null,"blue";

    }

    if (document.all){scrollBar(null,null,"blue";

    document.onmousemove=colorBar;

    }

    //‐‐>

    "#6699FF";

    break;

    }

    }

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    38/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 38

    with(document.body.style)

    {

    scrollbarDarkShadowColor=line;

    scrollbar3dLightColor=line;

    scrollbarArrowColor="black";

    scrollbarBaseColor=face;

    scrollbarFaceColor=face;scrollbarHighlightColor=face;

    scrollbarShadowColor=face;

    scrollbarTrackColor="#FFFFFF";

    }

    }

    function colorBar(){

    var w = document.body.clientWidth;

    var h = document.body.clientHeight;var x = event.clientX;

    var y = event.clientY;

    if(x>w) scrollBar('#000080','#E58D28');

    else scrollBar(null,null,"blue";

    }

    if (document.all){

    scrollBar(null,null,"blue";

    document.onmousemove=colorBar;}

    //‐‐>

    [/color]

    Cambiar el color de la barra de desplazamiento:

    Con éste código van a conseguir cambiar el clásico color gris de la barra de

    desplazamiento de la derecha y abajo por el color que quieran. Para cambiar de

    colores, cambien el número 000000 por otros, cada color tiene su número, pero la lista

    es muy larga, así que prueben con los número que ya van a encontrar el deseado.

    Código:

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    39/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 39

    [color=#000000]

    BODY { scrollbar‐base‐color : #000000;

    scrollbar‐arrow‐color : #FFFFFF; }

    .nav {

    color : #FFCC00;font‐size : 8pt;}

    ‐‐>

    [/color]

    Reloj - formato texto:

    Este es otro tipo de reloj que también cuenta los segundos y que puede utilizar texto.

    Es muy fácil incluirlo en tu página. Siempre que un usuario acceda a tu sitio el efecto

    será iniciado.

    Paso 1: Para que el recurso se inicie junto con la página, debes incluir dentro de la

    etiqueta el parámetro de inicio. Agregá un espacio después del último

    parámetro e incluye:

    Código:

    [color=#000000]Onload="show5()"[/color]

    Observa un ejemplo sencillo de cómo queda la etiqueta:

    Código:

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    40/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 40

    [color=#000000][/color]

    ¡Atención! Sin eso tu reloj no funcionará.

    Paso 2: Incluye el siguiente código en tu página después de la etiqueta .

    Código:

    [color=#000000]

    function show5(){

    if (!document.layers&&!document.all)

    return

    var Digital=new Date()

    var hours=Digital.getHours()

    var minutes=Digital.getMinutes()

    var seconds=Digital.getSeconds()

    var dn="AM"

    if (hours>12){

    dn="PM"

    hours=hours‐12

    }

    if (hours==0)

    hours=12

    if (minutes

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    41/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 4

    }

    else if (document.all)

    relogio.innerHTML=meurelogio

    setTimeout("show5()",1000)

    }

    //‐‐>

    [/color]

    Poniendo fecha en tu sitio:

     Aprendé a incluir la fecha en tu sitio sin necesidad de actualizarla cada día. Sólo tenés

    que usar un JavaScript que automáticamente exhibirá la fecha del día en tu página

    cada vez que ésta se abra.

    No tenés que preocuparte con ninguna configuración. Sólo tenés que copiar y pegar el

    código en tu página.

    Código:

    [color=#000000]

    mydate = new Date();

    myday = mydate.getDay();

    mymonth = mydate.getMonth();

    myweekday= mydate.getDate();

    weekday= myweekday;

    if(myday == 0)

    day = " Domingo, "

    else if(myday == 1)

    day = " Lunes, "

    else if(myday == 2)

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    42/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 42

    day = " Martes, "

    else if(myday == 3)

    day = " Miércoles, "

    else if(myday == 4)

    day = " Jueves, "

    else if(myday == 5)

    day = " Viernes, "

    else if(myday == 6)

    day = " Sábado, "

    if(mymonth == 0)

    month = "Enero "

    else if(mymonth ==1)

    month = "Febrero "

    else if(mymonth ==2)

    month = "Marzo "

    else if(mymonth ==3)

    month = "Abril "

    else if(mymonth ==4)

    month = "Mayo "

    else if(mymonth ==5)

    month = "Junio "

    else if(mymonth ==6)

    month = "Julio "

    else if(mymonth ==7)

    month = "Agosto "

    else if(mymonth ==8)

    month = "Setiembre "

    else if(mymonth ==9)

    month = "Octubre "

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    43/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 43

    else if(mymonth ==10)

    month = "Noviembre "

    else if(mymonth ==11)

    month = "Diciembre "

    document.write(""+ day);document.write(myweekday+" de "+month+ "";

    // ‐‐>

    [/color]

    Mensaje de bienvenida:

    Con este recurso personalizás tu sitio para el visitante. Al entrar, el visitante verá un

    espacio para ingresar su nombre y un mensaje que dice "Hola, Fulano".

    Copiá el siguiente código y pégalo donde quieras que aparezca el mensaje:

    Código:

    [color=#000000]

    mensagem = prompt("Por favor, ingresa tu nombre",'');

    if (mensagem==null) {

    document.write("¡Hola, visitante!"

    }else{

    if (mensagem=='') {

    document.write("

    ¡Hola, visitante!

    "

    }else{

    document.write("

    ¡Hola"+mensagem+"! Bienvenido

    ";

    }

    }

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    44/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 44

    [/color]

     Atrás y Adelante:

     Atrás:

    Código:

    [color=#000000]Atrás

    [/color]

     Adelante:

    Código:

    [color=#000000]Adelante

    [/color]

    Imprimir pagina actual:

    Código:

    [color=#000000]Imprimir[/color]

    Cartel de novedades:

    Este efecto te permite tener un cartel o letrero de mensajes incluyendo enlaces para tu

    sitio. Los mensajes van cruzando la pantalla como si fueran noticias; es un recurso

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    45/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 45

    excelente para destacar características especiales de tu sitio. Cada mensaje tendrá un

    enlace

    Paso 1: Copiá el siguiente código y pegalo en tu página:

    Código:

    [color=#000000]

    var largura=150

    var altura=120

    var bgcolor='white'

    var fundo=''

    var mensagens=new Array()mensagens[0]="

    Coloca el texto de

    "

    mensagens[1]="

    Coloca el texto de

    "

    mensagens[2]="

    Coloca el texto de

    "mensagens[3]="

    Coloca el texto de

    "

    mensagens[4]="

    Coloca el texto de

    "

    if (mensagens.length>1)

    i=2

    else

    i=0

    function mover1(whichlayer){

    tlayer=eval(whichlayer)

    if (tlayer.top>0&&tlayer.top

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    46/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 46

    setTimeout("mover2(document.principal.document.segundo)",3000)

    return

    }

    if (tlayer.top>=tlayer.document.height*‐1){

    tlayer.top‐=5

    setTimeout("mover1(tlayer)",100)

    }

    else{tlayer.top=altura

    tlayer.document.write(mensagens)

    tlayer.document.close()

    if (i==mensagens.length‐1)

    i=0

    else

    i++

    }

    }

    function mover2(whichlayer){

    tlayer2=eval(whichlayer)

    if (tlayer2.top>0&&tlayer2.top=tlayer2.document.height*‐1){

    tlayer2.top‐=5

    setTimeout("mover2(tlayer2)",100)

    }

    else{

    tlayer2.top=altura

    tlayer2.document.write(mensagens)

    tlayer2.document.close()

    if (i==mensagens.length‐1)i=0

    else

    i++

    }

    }

    function mover3(whichdiv){

    tdiv=eval(whichdiv)

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    47/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 47

    if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop=tdiv.offsetHeight*‐1){

    tdiv.style.pixelTop‐=5setTimeout("mover3(tdiv)",100)

    }

    else{

    tdiv.style.pixelTop=altura

    tdiv.innerHTML=mensagens

    if (i==mensagens.length‐1)

    i=0

    else

    i++}

    }

    function mover4(whichdiv){

    tdiv2=eval(whichdiv)

    if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop=tdiv2.offsetHeight*‐1){

    tdiv2.style.pixelTop‐=5

    setTimeout("mover4(segundo2)",100)

    }

    else{

    tdiv2.style.pixelTop=altura

    tdiv2.innerHTML=mensagensif (i==mensagens.length‐1)

    i=0

    else

    i++

    }

    }

    function iniciar(){

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    48/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 48

    if (document.all){

    mover3(primeiro2)

    segundo2.style.top=altura

    segundo2.style.visibility='visible'

    }

    else if (document.layers){

    document.principal.visibility='show'

    mover1(document.principal.document.primeiro)document.principal.document.segundo.top=altura+5

    document.principal.document.segundo.visibility='show'

    }

    }

    if (document.layers)

    document.write(mensagens[0])

    if (document.layers)

    document.write(mensagens[1])

    if (document.all){

    document.writeln('')

    document.writeln('

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    49/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 49

    document.writeln('

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    50/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 50

    Para incluir más mensajes en el letrero, observá que el último mensaje aparece de la

    siguiente forma:

    Código:

    [color=#000000]mensagens[4]="Coloca el texto de

    "[/color]

    Sólo tenés que agregar una unidad al número indicado al final del mensaje. Por 

    ejemplo:

    Código:

    [color=#000000]mensagens[5]="

    Coloca el texto de

    "

    mensagens[6]="

    Coloca el texto de

    "[/color]

    Seguí hasta llegar al número total de mensajes que desees incluir.

    Barra de estado fija:

    Podés colocar la palabra o el mensaje que quieras en la barra de estado de tu sitio ymantenerlo fijo. De esta forma tu sitio quedará mucho más personalizado, además de

    contar con otras ventajas. Por ejemplo: el visitante no verá la dirección del enlace al

    que está apuntando, sólo el mensaje definido por vos.

    Código:

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    51/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    http://w ww.tar inga.net/com uni dades/tutopi xel /6885436/H TM L- Codi gos- HTML- Par a- Webs- Wi dgets.htm l 5

    [color=#000000]

    statuss();

    function statuss()

    {

    window.status = "www.pauluk.8k.com ‐ Un Sitio. Muchas Opciones.";

    setTimeout("statuss()", 1);

    }

    [/color]

    Saludo al visitante:

    Puedes poner en tu sitio un mensaje personalizado según la hora en que el visitante

    entre. Este puede recibir el saludo "Buen día", "Buenas tardes", "Buenas noches", o

    puedes sustituirlos por otros mensajes de tu preferencia. De esta forma el visitanteverá el mensaje de acuerdo con el horario que entre a tu página.

    Código:

    [color=#000000]

    today = new Date()

    if(today.getMinutes() < 10){

    pad = "0"}

    else

    pad = "";

    document.write ;if((today.getHours() >=6) && (today.getHours() =10) && (today.getHours() =12) && (today.getHours() =20) && (today.getHours()

  • 8/17/2019 [HTML] Codigos HTML Para Webs

    52/52

    18/4/2016 [HTML] Codigos HTML Para Webs (Widgets) - Taringa!

    }

    if((today.getHours() >=0) && (today.getHours() =4) && (today.getHours()

    [/color]

    link del POSt

    http://www.taringa.net/posts/hazlo-tu-mismo/16398978/Codigos-HTML-Para-Webs.html

      Denunciar   Seguir 

    3 comentarios - [HTML] Codigos HTML Para Webs (Widgets)

    Compartir Twittear  

    3Favoritos

    11706Visitas

    0Seguidores

    3Calificación

    Tutopixel Hace 3 añosMuy util !

    M-Fernandez Hace 3 años Muchas Gracias !!! se ve muy bueno

    MFDesing Hace 3 años

    http://www.taringa.net/MFDesinghttp://www.taringa.net/MFDesinghttp://www.taringa.net/M-Fernandezhttp://www.taringa.net/M-Fernandezhttp://www.taringa.net/Tutopixelhttp://www.taringa.net/Tutopixelhttp://com.denuncia_publica%28%29/