Expresa tu intelecto...
Hola amigo, si deseas ver el contenido del foro al 100% y evitar la publicidad te invitamos a que te registres y seas parte de esta gran comunidad...

Atte: el Staff de MrHouseLight.foroactivo.net
Últimos temas
» Me gustaría ver gente
Dom Sep 27, 2015 6:16 pm por Cristianita

» Hola Mundo
Mar Mar 05, 2013 8:03 pm por Cristianita

» Baja Usuario
Miér Jun 20, 2012 11:19 am por yorebelde

» Las groserias fuertes de tu pais
Miér Jun 20, 2012 5:30 am por daviz2111

» Glee: The Music, Seasons 1 & 2 (En 320 kbps!!!) (Duets Actualizado en 320 kbps completo!!!)
Lun Abr 23, 2012 5:43 am por yorebelde

» Motivos diagonales para Photoshop
Miér Mar 21, 2012 7:35 pm por Gearchile14

» ¿Que cover te gusta mas?
Dom Oct 09, 2011 4:11 pm por Misha.Star.Malfoy.Cullen

» Expresa tu humor...
Dom Oct 09, 2011 3:58 pm por Misha.Star.Malfoy.Cullen

» holaa!! u.u
Dom Oct 09, 2011 3:50 pm por Misha.Star.Malfoy.Cullen

» The Antique Shop
Dom Oct 09, 2011 3:47 pm por Misha.Star.Malfoy.Cullen

¿Quién está en línea?
En total hay 2 usuarios en línea: 0 Registrados, 0 Ocultos y 2 Invitados

Ninguno

La mayor cantidad de usuarios en línea fue 49 el Mar Sep 21, 2010 8:13 pm.
Contador total

Expresa tu intelecto... fue creado el Martes 15 Jun 2010 a las 04:55 PM, tiene 3023 días activo, 338 usuarios registrados, 310 temas creados, 7724 comentarios y 55 foros.
Ultimo usuario registrado: rolando24

Free counter and web stats
Mensaje privado al admin

Como colocar un logo aleatorio para tu pagina web o foro

Ir abajo

Tutorial Como colocar un logo aleatorio para tu pagina web o foro

Mensaje por MяHousєLιgнт el Miér Ago 18, 2010 9:15 pm

Hola! el dia de hoy les mostrare algo que aunque se crea complicado es lo mas facil de mundo, un logo aleatorio para tu web, el código responsable de que eso pase es el siguiente:

Codigo:
<script type='text/javascript'>
var logoal = new Array();
logoal[0]='URL';
logoal[1]='URL';
logoal[2]='URL';
document.getElementById('ID del la zona de logo').firstChild.src= logoal[Math.floor(Math.random()*logoal.length)];
</script>


y como en otros tutos la explicación va linea por linea:

01 Inicio del bloque del script
02 se declara un vector llamado "logoal", este contendrá cada link a las imágenes que deseamos que se vean como logo
03-05 son inserciones de links de imagenes al vector
06: "document.getElementById('ID del la zona de logo').firstChild.src" esta parte es para indicar en donde sera puesta la imagen, el cual tiene que ser una zona con un ID si no le tienes, o no sabes si lo tienes, descuida, mas adelante te explicare esa parte, en los casos de foroactivo la zona simpre se llama "logo" asi que esa parte que dice 'ID del la zona de logo' la tienes que sustituir por 'logo' - ahora, "logoal[Math.floor(Math.random()*logoal.length)];" esta seccion es para determinar que imagen contenida en el vector sera la que se vea, todo gracias a la ayuda de un random o numero aleatorio que no sea menor a 0 ni mayor a la cantidad de imagenes que tengamos registradas.
07: fin del bloque del script

Si usas el sistema de foroactivo, con eso ya casi haz terminado, solo te falta colocar ese codigo, lo puedes hacer en un widget personalizado que ya tengas o crear uno nuevo que tengla la propiedad "Usar una tabla tipo" como "NO" esto por pura estetica ya que asi no se ve que esta colocado. igual lo puedes poner en el mensaje del indice o donde mas lo prefieras.... y es todo!

ahora, para los que no usan foroactivo, pongan el script en la zona que tengan dedicada para eso, la cual comúnmente es antes del "<body>" y ahora para que ese logo se vea, en la zona de su logo actual ya deben tener un código similar a este

Código:
<img src="direccion de su imagen" />

el cual es el codigo comun para que se vea una imagen, lo que posiblemente les falte sea la zona de ID o ya la tienen y no recueran, lo que tienen que hacer es colocar o buscar algo similar a <a id="ID"> justo antes del codigo de inserción de imagen, luego de eso tienen que borrar la direccion de la imagen que ya tienen de base quedando algo asi

Código:
<a id="ID"><img src=""/></a>

ahora donde dice "ID" (mayusculas) lo tienes que cambiar por lo que tu quieras, solo cuida de que no repitas el ID amenos que sea en el script, lo que quier decir que

Código:
document.getElementById('ID del la zona de logo').firstChild.src y
<a id="ID"> <img src=""/></a>

tienen que tener el mismo ID. Ejemplo:

Código:
document.getElementById('milogo').firstChild.src y
<a id="milogo"> <img src=""/></a>

y eso seria todo! cualquier duda o similar haganmelo saber!


✪Dream Send me a sign, Turn back the clock, Give me some time, I need to break out✪
✪And make a new name, Let's open our eyes. To the brand new day ✪


[Tienes que estar registrado y conectado para ver esa imagen]
avatar
MяHousєLιgнт
Administrador
Administrador



Masculino

Tigre


Fecha de nacimiento : 15/12/1986
Mensajes : 1970
Edad : 31
Localización : ¡Junto a Cuddy! ¿donde mas?

http://mrhouselight.forosactivos.net

Volver arriba Ir abajo

Tutorial Re: Como colocar un logo aleatorio para tu pagina web o foro

Mensaje por exuxa el Miér Mayo 25, 2011 10:07 pm

Yo uso foro activo! en qué parte más o menos es que tengo que poner el código? Smile
avatar
exuxa
Rango
Rango

Masculino

Perro


Fecha de nacimiento : 12/01/1983
Mensajes : 12
Edad : 35

Volver arriba Ir abajo

Tutorial Re: Como colocar un logo aleatorio para tu pagina web o foro

Mensaje por MяHousєLιgнт el Sáb Jun 04, 2011 2:55 pm

Lo puedes poner en un widget del foro.... Very Happy


✪Dream Send me a sign, Turn back the clock, Give me some time, I need to break out✪
✪And make a new name, Let's open our eyes. To the brand new day ✪


[Tienes que estar registrado y conectado para ver esa imagen]
avatar
MяHousєLιgнт
Administrador
Administrador



Masculino

Tigre


Fecha de nacimiento : 15/12/1986
Mensajes : 1970
Edad : 31
Localización : ¡Junto a Cuddy! ¿donde mas?

http://mrhouselight.forosactivos.net

Volver arriba Ir abajo

Tutorial Re: Como colocar un logo aleatorio para tu pagina web o foro

Mensaje por Kiate el Sáb Jun 25, 2011 7:00 pm

Hello, tengo una duda bueno lo quiero poner en una pagina html y
he entendido lo del ID pero en la parte de la imagen (x) aqui tengo que poner alguna direccion?, es que probe el codigo pero no se me ve :/

Código:
<a id="milogo"> <img src="x"/></a>
avatar
Kiate


Femenino

Dragón


Fecha de nacimiento : 19/01/1989
Mensajes : 5
Edad : 29

http://expresarte.foroactivo.com/

Volver arriba Ir abajo

Tutorial Re: Como colocar un logo aleatorio para tu pagina web o foro

Mensaje por MяHousєLιgнт el Sáb Jun 25, 2011 7:29 pm

no ahi no va nada... el porgrama pone por default la imagen de la lista que ha creado


✪Dream Send me a sign, Turn back the clock, Give me some time, I need to break out✪
✪And make a new name, Let's open our eyes. To the brand new day ✪


[Tienes que estar registrado y conectado para ver esa imagen]
avatar
MяHousєLιgнт
Administrador
Administrador



Masculino

Tigre


Fecha de nacimiento : 15/12/1986
Mensajes : 1970
Edad : 31
Localización : ¡Junto a Cuddy! ¿donde mas?

http://mrhouselight.forosactivos.net

Volver arriba Ir abajo

Tutorial Re: Como colocar un logo aleatorio para tu pagina web o foro

Mensaje por Kiate el Vie Jul 08, 2011 3:25 pm

ok, ya lo he solucionado creo que habia puesto mal el codigo xD
thanks!
avatar
Kiate


Femenino

Dragón


Fecha de nacimiento : 19/01/1989
Mensajes : 5
Edad : 29

http://expresarte.foroactivo.com/

Volver arriba Ir abajo

Tutorial Re: Como colocar un logo aleatorio para tu pagina web o foro

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Volver arriba

- Temas similares

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