Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 14 de 14

Tema: Dar movimiento a un título

  1. #1
    Recien Llegado! Merodeador
    Fecha de Ingreso
    01 dic, 11
    Mensajes
    8
    Poder de Reputación
    0

    Dar movimiento a un título

    Hola cómo puedo darle movimiento a un título dentro de una página web como en los periódicos digitales.
    Saludos,
    YBM2011

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de Doodleo
    Fecha de Ingreso
    25 abr, 11
    Ubicación
    Galicia (España)
    Mensajes
    1,329
    Poder de Reputación
    21
    Prueba con:

    Código:
    <marquee>Este texto... se mueve! o.O</marquee>
    Creo que las etiquetas eran esas ^^

  3. #3
    Me va gustando esto... Habitante Avatar de adonisjuarez
    Fecha de Ingreso
    29 abr, 11
    Ubicación
    Choloma
    Mensajes
    55
    Poder de Reputación
    14
    Hola YBM2011, creo que lo que tu quieres es que el titulo cambie constante mente uno por otro. Aqui te pego un Script para que lo uses, solo tienes que cambiar el texto de los var text1

    <SCRIPT LANGUAGE='JavaScript'>

    var default1 = "Este es el primer titulo"; // only shown once at page load
    var text1 = "Este es el segundo titulo";
    var text2 = "Este es el tercer titulo";
    var text3 = "Este es el cuarto titulo";
    var changeRate = 3000; // 1000 = 1 second
    var messageNumber = 0;

    function changeStatus() {
    if (messageNumber == 0) {
    window.status=default1;
    document.title=default1;
    }
    else if (messageNumber == 1) {
    window.status=text1;
    document.title=text1;
    }
    else if (messageNumber == 2) {
    window.status=text2;
    document.title=text2;
    }
    else if (messageNumber == 3) {
    window.status=text3;
    document.title=text3;
    messageNumber = 0;
    }

    messageNumber++;
    setTimeout("changeStatus();",changeRate);

    }

    changeStatus(); // leave here to run right away

    // -->
    </SCRIPT>

    Recuerda pegarlo antes de la etiqueta de cierre </head>

    Tengo otros por si no te gusta este.

    Saludes

  4. #4
    Me va gustando esto... Habitante Avatar de adonisjuarez
    Fecha de Ingreso
    29 abr, 11
    Ubicación
    Choloma
    Mensajes
    55
    Poder de Reputación
    14
    Si ese no te parece entonces cheka este. Solo tienes que pegarlo entre <body> y </body> y automaticamente mostrara todo lo que tienes dentro de la etiqueta de Title de tus Webs.

    <!---INÍCIO--->
    <script>
    var repeat=0 //enter 0 to not repeat scrolling after 1 run, othersise, enter 1
    var title=document.title
    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==-1)
    return
    }
    setTimeout("titlemove()",140)
    }
    if (document.title)
    titlemove()
    </script>
    <!---FIN--->

  5. #5
    Recien Llegado! Merodeador
    Fecha de Ingreso
    01 dic, 11
    Mensajes
    8
    Poder de Reputación
    0
    Hola Doodleo,
    pues muchas gracias por la respuesta. Ahora necesito que me asesores de nuevo con las etiquetas que me has enviado. Dónde tengo que ponerlas? La parte que dice este texto se mueve es donde tengo que agregar lo que quiero que aparezca en movimiento?
    Un saludo y gracias de nuevo.
    YBM2011

  6. #6
    Recien Llegado! Merodeador
    Fecha de Ingreso
    01 dic, 11
    Mensajes
    8
    Poder de Reputación
    0
    Hola adonisjuarez,
    gracias por tu respuesta. Ahora lo que necesitaría es que me asesoraras un poco. Podrías decirme paso a paso qué hacer con la información que me has enviado. Es que soy demasiaod nuevo en esto y recientemente he terminado el cursito de HTML y CCS.
    un saludo,
    YBM2011

  7. #7
    Esto empieza a ser un vicio... Habitante Avatar de Doodleo
    Fecha de Ingreso
    25 abr, 11
    Ubicación
    Galicia (España)
    Mensajes
    1,329
    Poder de Reputación
    21
    Claro, te lo pongo más claro, el texto en movimiento es lo que te marqué en rojo, sólo cambia eso por tu título y pégalo donde quieras que se vea el texto en movimiento:

    Código:
    <marquee>Texto que se moverá</marquee>

  8. #8
    Recien Llegado! Merodeador
    Fecha de Ingreso
    01 dic, 11
    Mensajes
    8
    Poder de Reputación
    0
    Gracias Doodleo.

  9. #9
    Recien Llegado! Habitante
    Fecha de Ingreso
    29 sep, 11
    Mensajes
    28
    Poder de Reputación
    13

    Cool

    Olaz YBM2011 creo q talvez t pueda servir este script. lo debes colocar entre <head> y </head>






    Código:
    <SCRIPT LANGUAGE="JavaScript">
    
    var txt="--- Texto Animado en la Barra de Titulo ---";
    var espera=100;
    var refresco=null;
    
    function rotulo_title() {
            document.title=txt;
            txt=txt.substring(1,txt.length)+txt.charAt(0);
            refresco=setTimeout("rotulo_title()",espera);}
    rotulo_title();
    
    </SCRIPT>

    Salu2

  10. #10
    Recien Llegado! Merodeador
    Fecha de Ingreso
    01 dic, 11
    Mensajes
    8
    Poder de Reputación
    0
    Gracias Carlo1148
    Lo voy a poner en práctica y luego te digo cómo me fue.
    Sld,
    YBM2011

  11. #11
    Recien Llegado! Habitante
    Fecha de Ingreso
    29 sep, 11
    Mensajes
    28
    Poder de Reputación
    13
    Ok cualkier cosita avisáme. Salu2
    Soy un novato que estoy aprendiendo a montones!
    Visita http://www.carlolinks.comocreartuweb.es

  12. #12
    Recien Llegado! Merodeador
    Fecha de Ingreso
    01 dic, 11
    Mensajes
    8
    Poder de Reputación
    0
    Carlo1148,
    Ya monte el codigo que me diste y quedo muy bien.
    Sl2
    YBM2011

  13. #13
    Me va gustando esto... Habitante Avatar de adonisjuarez
    Fecha de Ingreso
    29 abr, 11
    Ubicación
    Choloma
    Mensajes
    55
    Poder de Reputación
    14
    Definitiva mente el script que Carlo1148 nos ha dado funciona y que bien, pero recuerda YBM2011 que lo que ese script hace es mover en la barra de titulo lo que escribas dentro de el y lo que tienes en el titulo no se mostrara. Mientras que este script solo tienes que pegarlo entre <body> y </body>

    <script>
    var repeat=0 //enter 0 to not repeat scrolling after 1 run, othersise, enter 1
    var title=document.title
    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==-1)
    return
    }
    setTimeout("titlemove()",140)
    }
    if (document.title)
    titlemove()
    </script>

    Y suficiente, lo que este hace es que muestra todo lo que tienes dentro de la etiqueta <title> </title>. Prubalo y ya veras.

    Saludes.

  14. #14
    Recien Llegado! Habitante
    Fecha de Ingreso
    29 sep, 11
    Mensajes
    28
    Poder de Reputación
    13
    de naa YBM2011
    Soy un novato que estoy aprendiendo a montones!
    Visita http://www.carlolinks.comocreartuweb.es

Temas Similares

  1. El titulo h2 en Firefox sale más grande que el título h1
    Por Denebed en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 8
    Último Mensaje: 02/02/2008, 22:29

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •