Design or Die

Publicado: 11:30 11/12/2006 · Etiquetas: · Categorías: Diseño

Seguramente ya esteis pensando en hacer vuestra cabecera para el blog (¿no?¿y a que esperais?). Si sois tan indecisos como yo, hasta es posible que dudeis entre varias que os guste. Pues aquí está la solución: las famosas imágenes rotantes (que algunos llevan en sus avatares), como la que acabo de colocar en este post (cambiará cada vez que recargueis el blog).

Hay varias formas de hacerlo, empezemos por las más comodonas ;-)

- La primera, y la que uso yo, es usar el servicio de CutAndPaste, aunque, desgraciadamente, parece que cancelaron las nuevas entradas, por lo que sólo los registrados de hace tiempo pueden usarlo. Deben existir varias webs más que ofrezcan este servicio, pero yo me quedé en esta...
_____________________________________________
- Esta otra, del mano Mythrandir posteado en el foro Diseño de Vandal:
<-Tienes que registrarte aqui: http://www.tripod.lycos.es/
-Una vez registrados, en esa página, le das a "Herramientas Online" y después a "WebFTP". Pulsas en "Abrir WebFTP". Y una vez ahí subes la imagen que quieras de avatar, junto con este archivo:  http://rapidshare.de/files/17475894/rotator.php.html

Y a la hora de poner la dirección de la imagen en tu perfil del foro, tienes que poner la URL del archivo.>
_____________________________________________
- La manera "pofesional". Hacerlo tu mismo. Aquí un pequeño tutorial de PHP para hacerlo. Tranquilos, es bastante sencillo, y el archivo para usar está disponible.

<Requisitos

Por supuesto,para que esto funcione, necesitas tener tu sitio en un sistema que soporta PHP (lo ideal es PHP version 4.2 or posterior, pero eso no es tan importante). Muchos hostings de hoy en día soportan PHP — incluso aquellos que funcionan con Windows. Esto se debe a que PHP no sólo es un potente lenguaje de programación web, sino que es además de Código Abierto. Se ha traducido a prácticamente cualquier plataforma de hospedaje de web existente, de manera que es bastante probable que tu sistema de hosting lo soporte.
¿Ya estamos?

Lo más seguro es que no necesites modificar el script para nada si quieres utilizarlo en el sitio que estás diseñando. Crea una carpeta en el servidor, sube las imágenes que quieres rotar en esa carpeta t después, sube el script — sin modificar — a la misma carpeta. Podrás ver tus imágenes en acción definiendo el script como fuente de la imagen, de este modo:

<img src="/ruta/a/imagenes/rotate.php" />

Eso es todo. Siéntate y disfruta con tus imágenes rotando aleatoriamente.

Configuración a medida

Puede que quieras cofigurar un poco el script a tu medida,por ejemplo, pluede que prefieras no tener el script de PHP en la carpeta de imágenes, o bien hacerlo reconocer más tipos de imagen.

Lo primero que hace falta hacer es identificar la carpeta en la que irán las imágenes que se mostrarán aleatoriamente. Esto se hace con un simple cambio de variable:

$folder = '.';

La forma más fácil de hacerlo funcionar es colocar el script en la misma carpeta que las imágenes. Puesto que es el método preferido, haremos que el valor por defecto de esta carpeta sea "." que es la forma de indicar en PHP "esta misma carpeta". Los usuarios más avanzados pueden cambiar este valor para apuntar a otra carpeta cambiando el "." con la ruta a sus imágenes, como aquí:

$folder = '/www/example.com/images/rotate_me/';

Ahora debemos decidir qué tipos de imágenes nos gustaría soportar en la rotacion. En el momento en que se ha escrito este artículo, los formatos más comunes para la web son los GIF, JPEG, y PNG. Por este motivo, empezaremos con éstos como nuestro juego por defecto de imágenes, asignados a una lista de extensiones:

$extList['gif'] = 'image/gif';
$extList['jpg'] = 'image/jpeg';
$extList['jpeg'] = 'image/jpeg';
$extList['png'] = 'image/png';

Si alguna vez necesitaras algún tipo nuevo de imagen en, copia una de esas líneas y adáptala añadiendo tu propia extensión.

¡Eso es todo! Ya estás listo con el script. Súbelo a la carpeta de las imágenes que has creado, y enlázalo como hemos explicado antes. >
platea.pntic.mec.es/jmas/manual/html/rotate.txt (renombrarlo a rotator.php)

Eso si, para usar este último sistema, tendreis que buscar un host que permita PHP, y no todos lo hacen...
14 comentarios :: Enlace permanente
Compartir Compartir
FacebookCompartir
TuentiCompartir en Tuenti
MenéameMenéame Enviar
Comentarios: (del primero al último)
12:24 11/12/2006
Muchas gracias por la excelente explicación. Tal vez use ese sistema cuando se permitan poner cabeceras.
Saludos ;)
13:06 11/12/2006
Muchas gracias, como siempre solo se pueden encontrar datos interesantes nada mas entrar en tu blog. Es buena idea eso de las imágenes al azar, seguramente las use también.
13:24 11/12/2006
Ahora sólo queda esperar que la nueva función esté lista ^_^
15:24 11/12/2006
Estooooooo...
http://blogs.vandal.net/6883/vm/1514591122006
¿Que te parece? :$
PS: Gracias por el tuto, me vendrá bien ^^
01:53 13/12/2006
Muchas gracias De-mon. Acabo de darme cuenta de esto leyendo otro blog XD. Mañana lo pruebo sin falta, desde luego.

:)
13:09 14/12/2006
Tengo un pequeño problema... He querido seguir los pasos para hacerlo mediante la forma de Mythrandir, pero el archivo que as subido a rapidshare ya no va.
¿Lo podrías volver a subir? Gracias.
Usuario eliminado
14:30 14/12/2006
Usuario eliminado
00:59 15/12/2006
Usuario eliminado
12:31 15/12/2006
Usuario eliminado
16:38 15/12/2006
Usuario eliminado
01:42 16/12/2006
Usuario eliminado
12:19 17/12/2006
12:15 18/12/2006
Ok, lo subiré el próximo día, si lo encuentro....

De todas formas, puedes bajar el del tutorial, vale igual ;-) y el link si funciona.
Participa con tu Comentario:

No puedes poner comentarios. Necesitas estar registrado en Vandal Online. Regístrate aquí o Haz Login.

Design or Die

De-mon
Blog de De-mon
Todo es diseño, ¡todo! (Paul Rand)

Últimos comentarios:

Categorías:
Diseño
General
Rapidoreviews
Tumbleradas
Tutoriales y recursos
Videojuegos


Archivo:
Junio 2026
Mayo 2026
Abril 2026
Marzo 2026
Febrero 2026
Enero 2026
Diciembre 2025
Noviembre 2025
Mayo 2020
Abril 2020
Marzo 2020
Septiembre 2014
Julio 2014
Junio 2014
Mayo 2014
Abril 2014
Marzo 2014
Febrero 2014
Enero 2014
Diciembre 2013
Noviembre 2013
Octubre 2013
Septiembre 2013
Agosto 2013
Julio 2013
Junio 2013
Mayo 2013
Abril 2013
Marzo 2013
Enero 2013
Diciembre 2012
Noviembre 2012
Octubre 2012
Septiembre 2012
Agosto 2012
Julio 2012
Junio 2012
Mayo 2012
Abril 2012
Marzo 2012
Enero 2012
Diciembre 2011
Noviembre 2011
Octubre 2011
Septiembre 2011
Agosto 2011
Julio 2011
Junio 2011
Mayo 2011
Abril 2011
Marzo 2011
Febrero 2011
Enero 2011
Diciembre 2010
Noviembre 2010
Octubre 2010
Septiembre 2010
Agosto 2010
Julio 2010
Junio 2010
Mayo 2010
Abril 2010
Marzo 2010
Febrero 2010
Enero 2010
Diciembre 2009
Noviembre 2009
Octubre 2009
Septiembre 2009
Agosto 2009
Julio 2009
Junio 2009
Mayo 2009
Abril 2009
Marzo 2009
Febrero 2009
Enero 2009
Diciembre 2008
Noviembre 2008
Octubre 2008
Septiembre 2008
Agosto 2008
Julio 2008
Junio 2008
Mayo 2008
Abril 2008
Marzo 2008
Febrero 2008
Enero 2008
Diciembre 2007
Noviembre 2007
Octubre 2007
Septiembre 2007
Agosto 2007
Julio 2007
Junio 2007
Mayo 2007
Abril 2007
Marzo 2007
Febrero 2007
Enero 2007
Diciembre 2006
Noviembre 2006
Octubre 2006
Septiembre 2006
Agosto 2006
Julio 2006
Junio 2006
Mayo 2006


Vandal Online:
Portada
Blogs
Foro

Blogs en Vandal · Contacto · Denunciar Contenido