Comunity Act™
Bienvenido al foro de Gunz Online

Aquí podrás disfrutar de muchos de nuestros servicios: actualizaciones bien informadas sobre lo que pasa en nuestros servidores, también tenemos una zona de entretenimiento (Off-Topic), zona de programación, diseño gráfico, video, entre otras.

Entra y empieza a disfrutar de todos estos servicios.
Conectarse

Recuperar mi contraseña

Últimos temas
» Comparte tu web en Redes Sociales.
Sáb Ago 23, 2014 3:02 pm por MR Designer

» Texto Neon
Dom Mayo 04, 2014 10:54 am por damy_nqn

» Separando las categorías de PunBB
Dom Mayo 04, 2014 10:48 am por damy_nqn

» Mensaje de bienvenida
Mar Feb 05, 2013 2:11 pm por Vladcristian

» Tutorial Smudge 2
Vie Ene 04, 2013 5:38 pm por Kamsen

» Compartir en facebook
Dom Nov 18, 2012 4:22 pm por Lapichito

» Como colocar una imagen en tu ChatBox
Dom Nov 18, 2012 4:13 pm por Lapichito

» Navbar con sombra
Dom Nov 18, 2012 4:09 pm por Lapichito

» bordes parecidos a los 3d en los ultimos temas del foro
Dom Nov 18, 2012 4:06 pm por Lapichito

» Como crear tablas de moderación.
Dom Nov 18, 2012 4:00 pm por Lapichito

Mejores posteadores
HerHader (1347)
 
Xilver266 (403)
 
Bot ACT (352)
 
$enick (347)
 
Itsumi (333)
 
Fran! (319)
 
Fal´Cie (235)
 
YoshiGM (221)
 
Dize! (196)
 
+ The New Dex + (172)
 

Comunity Act™ EN LA RED
TWITTER
FACEBOOK
MYSPACE
Copyright ©
Protected by Copyscape Web Plagiarism Detector

Como hacer un logo rotativo en tu foro de Foroactivo

Ver el tema anterior Ver el tema siguiente Ir abajo

En curso Como hacer un logo rotativo en tu foro de Foroactivo

Mensaje por Xilver266 el Mar Ago 10, 2010 10:08 am

Bueno, aquí les dejo este tutorial de foroactivo de como crear un logo rotativo

Explicacion de logo rotativo, si tienes 2 logos, puedes poner los 2 para que segun vayas actualizando vaya cambiando el logo

Espero que les sirva




1.Definición:

Este tutorial les permitirá colocar un logo que cambie cada X segundos o cada vez que los usuarios ingresan a un área del foro o cada vez que refrescan la web con F5.

Os ayudará crear un banner o logo que desfila lo que quiere decir un banner cuyas imagenes se cambian las unas despues de las otras.

2.Creación:

[Tienes que estar registrado y conectado para ver esa imagen]Etapa 1 : Crear una pagina HTML :

    Panel de administración
    Modulos
    HTML - Gestión de las paginas HTML
    Crear una nueva pagina HTML



Ampliar esta imagen.Reducir esta imagen Clic aquí para ver su tamaño original
[Tienes que estar registrado y conectado para ver esa imagen]

Llenar los campos asi : :

Titulo : logo rotativo (o lo que sea)
¿Deseas utilizar la parte alta y la parte baja de la página de tu foro? No
¿Utilizar esta página como índice?No

    En la zona de texto Codigo HTML :

    Haz clic en :new: , si aparece
    Si está anunciado :clown: dejalo así !


Luego tendrás que poner enla zona de texto el codigo apropriado según la versión de tu foro. Aquí están los codigos :>:

[Tienes que estar registrado y conectado para ver esa imagen]Etapa 2 - Punbb : El script que debes poner :

    Codigo sin que desfilen los banneres :


    Código:
    var banner = new Array();

    banner[0]='url_imagen_1';
    banner[1]='url_imagen_2';
    banner[2]='url_imagen_3';

    document.getElementById('pun-logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];

    Codigo con el desfilo de banneres :


    Código:
    var banner = new Array();

    banner[0]='url_imagen_1';
    banner[1]='url_imagen_2';
    banner[2]='url_imagen_3';

    document.getElementById('pun-logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];

    setInterval("document.getElementById('pun-logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];",3000);
    (puedes cambiar el 3000 (= 3 segundos) para cambiar el tiempo entre cada banner)


[Tienes que estar registrado y conectado para ver esa imagen]Etapa 2 - Invision y Phpbb3 : El script que debes poner :

    Codigo sin que desfilen los banneres :


    Código:
    var banner = new Array();

    banner[0]='url_imagen_1';
    banner[1]='url_imagen_2';
    banner[2]='url_imagen_3';

    document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];

    Codigo con el desfilo de banneres :

Código:

var banner = new Array();

banner[0]='url_imagen_1';
banner[1]='url_imagen_2';
banner[2]='url_imagen_3';

document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];

setInterval("document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];",3000);

    (puedes cambiar el 3000 (= 3 segundos) para cambiar el tiempo entre cada banner)


[Tienes que estar registrado y conectado para ver esa imagen]Etapa 2 - Phpbb2 : El script que debes poner :

    Codigo sin que desfilen los banneres :

Código:

var banner = new Array();

banner[0]='url_imagen_1';
banner[1]='url_imagen_2';
banner[2]='url_imagen_3';

document.getElementById('i_logo').src= banner[Math.floor(Math.random()*banner.length)];


    Codigo con el desfilo de banneres :


    Código:
    var banner = new Array();

    banner[0]='url_imagen_1';
    banner[1]='url_imagen_2';
    banner[2]='url_imagen_3';

    document.getElementById('i_logo').src= banner[Math.floor(Math.random()*banner.length)];

    setInterval("document.getElementById('i_logo').src= banner[Math.floor(Math.random()*banner.length)];",3000);
    (puedes cambiar el 3000 (= 3 segundos) para cambiar el tiempo entre cada banner)


    [Tienes que estar registrado y conectado para ver esa imagen]Para añadir una imagen en cada versión :
    Añadir una linea "banner[X]='url_imagen';" despues de la última linea de imagen ( aquí img[2]='URL_imagen_3'; ).
    Sustituir el X por el proximo número libre
    Sustituir el url_imagen por el url de la proxima imagen de las imagenes que tienen que aparecer de manera aleatoria.



Ampliar esta imagen.Reducir esta imagen Clic aquí para ver su tamaño original
[Tienes que estar registrado y conectado para ver esa imagen]


Ampliar esta imagen.Reducir esta imagen Clic aquí para ver su tamaño original
[Tienes que estar registrado y conectado para ver esa imagen]


Ampliar esta imagen.Reducir esta imagen Clic aquí para ver su tamaño original
[Tienes que estar registrado y conectado para ver esa imagen]

[Tienes que estar registrado y conectado para ver esa imagen]Etapa 3 : Unificar el script a la pagina :


      Panel de administración
      General
      Foro
      Configuracion
      Descripción del Sitio


    Tienes que añadir en la descripción del Sitio :


Código:
<script type='text/javascript' src='url_de_la_pagina_html creada'></script>

    Al sustituir url_de_la_pagina_html por la dirección de la pagina que has creado encima ! :clown:


    Ampliar esta imagen.Reducir esta imagen Clic aquí para ver su tamaño original
    [Tienes que estar registrado y conectado para ver esa imagen]

    Bueno se acabó ! :pirat::pirat:

    Aqui está el RESULTADO (mira el logo !)


    Ampliar esta imagen.Reducir esta imagen Clic aquí para ver su tamaño original
    [Tienes que estar registrado y conectado para ver esa imagen]

    Puedes hacerlo sin problema ! es muy sencillo !
cheers cheers sunny sunny sunny :elephant: :elephant: :elephant: :albino: :albino: :albino: afro afro

Tutorial Creado por : Toto456 - 11.12.09
Copyrigth © FOROACTIVO.COM

Si no lo entienden bien vayan a [Tienes que estar registrado y conectado para ver este vínculo]

Xilver266
Administrador
Administrador

Mensajes Mensajes : 403
Edad Edad : 20

http://www.neverfall.co.cc

Volver arriba Ir abajo

En curso Re: Como hacer un logo rotativo en tu foro de Foroactivo

Mensaje por Itsumi el Mar Ago 10, 2010 3:22 pm

Buen tuto, bien explicado [Tienes que estar registrado y conectado para ver esa imagen] , gracias por traerlo hasta aca!

Itsumi
+Megactivo+
+Megactivo+

Mensajes Mensajes : 333
Edad Edad : 19

http://graphicdesign.foroactivo.com.es/

Volver arriba Ir abajo

En curso Re: Como hacer un logo rotativo en tu foro de Foroactivo

Mensaje por Javier el Mar Ago 10, 2010 7:38 pm

buen tuto gracias por bla bla bvla

Javier
+Activo+
+Activo+

Mensajes Mensajes : 37
Edad Edad : 21

http://sh0tforum.zobyhost.com/

Volver arriba Ir abajo

En curso Re: Como hacer un logo rotativo en tu foro de Foroactivo

Mensaje por Xilver266 el Miér Ago 11, 2010 7:14 am

Javier escribió:buen tuto gracias por bla bla bvla

Argumenta más tus respuestas en vez de hacer blablabla

Deja de hacer Flood
:bien:

Xilver266
Administrador
Administrador

Mensajes Mensajes : 403
Edad Edad : 20

http://www.neverfall.co.cc

Volver arriba Ir abajo

En curso Re: Como hacer un logo rotativo en tu foro de Foroactivo

Mensaje por Fran! el Dom Nov 28, 2010 5:01 pm

Gracias por el aporte, he visto esto en otros foros pero nunca supe como hacerlo :O

Fran!
+Megactivo+
+Megactivo+

Mensajes Mensajes : 319

http://www.forowinlinx.com/

Volver arriba Ir abajo

En curso Re: Como hacer un logo rotativo en tu foro de Foroactivo

Mensaje por Contenido patrocinado Hoy a las 1:07 pm


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.