Últimos temas
¿Quién está en línea?
En total hay 2 usuarios en línea: 0 Registrados, 0 Ocultos y 2 Invitados Ninguno
El record de usuarios en línea fue de 49 durante el Mar Sep 21, 2010 8:13 pm
Mejores posteadores
MяHousєLιgнт | ||||
kchito2 | ||||
Misha.Star.Malfoy.Cullen | ||||
m00nlight | ||||
Charlene | ||||
ainer | ||||
Rachel | ||||
D_Gabe | ||||
JimeBella | ||||
xokolatiitho |
Mensaje privado al admin
Como colocar un logo aleatorio para tu pagina web o foro
3 participantes
Página 1 de 1.
Como colocar un logo aleatorio para tu pagina web o foro
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:
y como en otros tutos la explicación va linea por linea:
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
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
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
tienen que tener el mismo ID. Ejemplo:
y eso seria todo! cualquier duda o similar haganmelo saber!
<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!
Re: Como colocar un logo aleatorio para tu pagina web o foro
Yo uso foro activo! en qué parte más o menos es que tengo que poner el código?
exuxaRango -
Fecha de nacimiento : 12/01/1983
Mensajes : 12
Edad : 41
Re: Como colocar un logo aleatorio para tu pagina web o foro
Lo puedes poner en un widget del foro....
Re: Como colocar un logo aleatorio para tu pagina web o foro
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 :/
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>
Re: Como colocar un logo aleatorio para tu pagina web o foro
no ahi no va nada... el porgrama pone por default la imagen de la lista que ha creado
Re: Como colocar un logo aleatorio para tu pagina web o foro
ok, ya lo he solucionado creo que habia puesto mal el codigo xD
thanks!
thanks!
Temas similares
» Como hago para poner un chat asi como el de este Foro?
» Como colocar varias cosas en una Widget del Portal?
» Como visualizar una pagina HTLM en un mensaje?
» como hago para poner imagenes en un tema que se puedan elegir y verse en grande tipo como en los videos de youtube?
» Como hago para editar la parte para loguearse..
» Como colocar varias cosas en una Widget del Portal?
» Como visualizar una pagina HTLM en un mensaje?
» como hago para poner imagenes en un tema que se puedan elegir y verse en grande tipo como en los videos de youtube?
» Como hago para editar la parte para loguearse..
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|
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