|
|
·
Skindario
Buscar en el Foro Buscar Tags
Portal
Foro
Usuario
Foro
Normas
RSS
Etiquetas
Avatares
Rangos
Eventos
Staff
Entrevistas
Noticias
Caretos
F.A.Q
Subforos Privados
Estadisticas
Estadisticas
Usuarios
OnLine
Actividad
Funciones
Favoritos
P. Inicio
Imprimir
Buscar
Afiliados
¿Tu Web Aquí?
Comunidad ESDLA
Foros DWP
Websmasters Foro
Mundo Deluxe
Photosherox
Descargas-V
Enlázanos

Scroll noticias, enlaces, afiliados e imagenes (configurable)
Haz clic para publicar un nuevo tema Haz clic para añadir una nueva respuesta · Portal · Foros · HTML, Javascript y CSS

Buscar · Tags · Imágenes · Usuarios · Fisgona · F.A.Q.

Autor Mensaje 
killer_78
Webmaster Javascript
Webmaster Javascript

Haz clic para ver el perfil del usuario
Mensajes: 380
Desde: 19/Mar/2006
 Scroll noticias, enlaces, afiliados e imagenes (configurable)

Aqui les dejo un nuevo aporte a la comunidad MI@, espero les sirva a muchos.
Explico: visitando varios foros de la comunidad, me di cuenta que muchos tienen Scroll's para afiliados, noticias y textos, pero la mayoria estan hechos en base a HTML por lo que me puse como meta intentar llevar esos Scroll's a otro nivel, es decir, externalizarlos al espacio web del foro, y solo colocar un pequeño codigo para llamarlo en las cabeceras o en los pie de pagina de los foros, o bien en modulos HTML de los portales, como lo hice?, diseñe un javasscript totalmente configurable en cuanto a velocidades, bordes, colores y otros aspectos. En consecuencia no tendran espacio subutilizado en estos sectores de los foros. Aqui dejo el codigo fuente.
Codigo:

<script languaje="javascript" type="text/javascript">
/***************************************/
/*Diseñado por: killer_78 */
/*Webmaster */
/*de http://www.edgardoponce.nydhosting.com*/
/* http://edgardoponce.foro.st */
/*Código de libre distribucion - Free Code */
/* SOLO EN FOROS DE MI@ */
/* NO BORRES LOS CREDITOS */
/**************************************/
/*INICIO CONFIGURACION GENERAL*/

var borde=1 //borde tabla 1 o 0
var color="#006699"//color borde y fondo creditos
var esp=2 //espaciado de celda
var ancho="90" //ancho en pixeles o en porcentaje
var sent="up" //Arriba=up ,Abajo=down ,izquierda=left ,derecha=right

var stop_vel=0 // 0 = para que se detenga al colocar el mouse encima
// n < 'fast_vel' = se detendra la velocidad pero se seguira moviendo

var fast_vel=1 // velocodad maxima del scroll

var retraso=0 // tiempo de retraso en mover el mensaje 1000= 1 segundo
// si es 0 correra a la velocidad maxima que has determinado
//FIN CONFIGURACION GENERAL

//NO MODIFIQUE ESTAS LINEAS

document.write('<table cellspacing="0" cellpadding='+esp+' width='+ancho+' border='+borde+' bordercolor='+color+'><tr class="tabla_titulo" id="tabla_titulo_obj"><td>Afiliados</tr></td><tr><td align="center">');
document.write('<marquee align="top" width='+ancho+' direction='+sent+' onMouseOver="this.scrollAmount='+stop_vel+'" onMouseOut="this.scrollAmount='+fast_vel+'" scrollamount="'+fast_vel+'" scrolldelay="'+retraso+'">');

//INICIO CONTENIDO
/*en el contenido puedes incluir HTML debes tener precaucion de no eliminar las comillas
simples de inicio y fin ('tu contenido'), recuerda crear un nuevo elemento incluir " document.write(' "
para cada contenido y cierra correctamente las etiquetas que hayas insertado y agrega al final ');*/

document.write('Aqui el contenido de tu mensaje <a href="http://www.edgardoponce.tk" title="enlace de prueba">click aqui</a><br/><br/>');
document.write('otro mensaje o una imagen<br/><br/>');
document.write('<a href="http://edgardoponce.foro.st"><img src="http://img188.imageshack.us/img188/6177/minibanner5bo.gif" border="0" width="88" height="31"></a>');
//MODIFIQUE HASTA AQUI
document.write('</marquee>');
document.write('</td></tr><tr><td bgcolor='+color+'><div style=" font-size: xx-small; color: #FFFFFF;" align="center">Gracias a<a href="http://edgardoponce.foro.st" target="_blank" style="color:#FFFFFF;"> edgardoponce.tk</a></div></td></tr></table>');
</script>


Se ve grande?, ahora les muestro como se ahorra el espacio que mencionaba:
Primero lo copias en tu programa de edicion HTML o en el block de notas y sigues las instrucciones incluidas, luego guardalo como archivo de texto (.txt) sin cerrarlo, esto para poder modificarlo en un futuro.
Segundo ahora le eliminas las etiquetas <script> del inicio y del final, luego lo guardas como archivo javascript (.js) tu debes asignar la extension, ¿como? si estas trabajando en block de notas, le das a donde dice "tipo de archivo" y le dices "todos los archivos", y ahora escribes el nombre del archivo incluyendo la extension .js
Una vez guardado lo subes a tu espacio web del foro, debes recordar el nombre y la ruta del archivo que has subido, ahora lo utilizaremos.
Tercero, ahora para llamar el archivo y visualizar el contenido lo colocas en donde lo quieras ver (cabecera, pie o en un modulo HTML de tu portal) de la siguiente forma (desde ahora supondremos que tu archivo se llama "scroll.js"):
Codigo:
<script languaje="javascript" type=text/javascript" src="http://espacioforos.miarroba.com/XXXXXX/scroll.js"></script>


y listo ya lo puedes visualizar en tu foro con la configuracion que colocaste al principio.
De esta forma pudimos ahorrar el espacio de la marquesina en HTML o todo el codigo de este script y lo reducimos a solo dos lineas de codigo.
*NOTA fue probado en IE y FF, y en ambos funciona.
Para ver un ejemplo sigue este enlace
Cualquier comentario sera bien recibido.

Saludos.


29/Abr/2006 10:16 GMT+1 Perfil ·  Privado · Desconectado ·  Web
Haz clic para ir al tema anterior Haz clic para ir al tema siguiente
Haz clic para añadir una nueva respuesta · Portal · Foros · HTML, Javascript y CSS

Temas similares Autor#VisitasÚltimo post
Feed RSS o XML en scroll (configurable)28/Abr/2006, 04:09
killer_78
 8 1.44130/Abr/2006, 16:25
Demon-Off-The-Darck Ir al último mensaje del tema
Scroll16/Abr/2006, 19:57
Demon-Off-The-Darck
 3 31716/Abr/2006, 20:09
EffectedCard Ir al último mensaje del tema
Color Del Scroll22/Ago/2007, 04:47
ThunderGirl_vw
 10 25606/Sep/2007, 00:53
ThunderGirl_vw Ir al último mensaje del tema
Problemas con el scroll29/Ene/2007, 02:38
lanavi
 1 27729/Ene/2007, 13:59
EffectedCard Ir al último mensaje del tema
Modificar scroll lateral24/Mar/2006, 08:56
Endemoniado
 1 50224/Mar/2006, 11:06
FORZALAZIO15 Ir al último mensaje del tema

Opciones:

Versión imprimible del tema
Subscríbete a este tema
Date de baja de este tema
Menear este tema en meneame.net
Ir al subforo:  

TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro

Todas las fechas y horas son GMT+1. Ahora son las 15:55

Afiliados Plus
Skindario - Soporte Webmasters, Diseño Grafico, Miarroba, Rol + RPG y Mucho Mas TuarrobaGames - Emuladores, Roms, Juegos y RPG TuarrobaEbooks - Ebooks en castellano y Audiolibros Websmasters foro MundoDeluxe Photosherox - Diseñando & Aprendiendo
¿Tu Web Aquí?
Admin: EffectedCard - Skindario, foro soporte de Tuarroba desde el 16/10/04