Archivo etiquetas: cabecera

Jugando con los perfiles de Facebook Timeline (recopilación)

25 oct 2011

Al igual que pasó con la última renovación de perfiles de usuario de Facebook, las novedades visuales que ha traído Facebook Timeline han activado las mentes creativas de la Red. Cientos de usuarios han generado cabeceras geniales, jugando con las posibilidades que brinda el nuevo espacio fotográfico de Facebook y su ubicación con respecto al avatar. Aquí tenéis una recopilación con las mejores:

Si quieres crearte el tuyo propio, aquí tienes una chuleta con medidas:

¿Conoces otros ejemplos de cabeceras geniales de Facebook Timeline?

David Cantone, Graphiics

Tip: cabeceras y mascotas aleatorias con PHP

9 dic 2009

En el rediseño de pisito he incluido cabeceras dinámicas, es decir, cada vez que entres saldrá de forma aletoria una imagen con una frase distinta en la parte superior del blog. También he hecho lo mismo con la mascota de pisito, el caracol. Poco a poco iré añadiendo nuevos así que si tienes frases o ideas para el Sr. Snails, puedes comentarlas en este post. El caso es que he recibido algunos emails y tweets preguntando cómo hacerlo. El proceso es muy sencillo.

mascota-pisitoenmadrid-snail

Los pasos a seguir con PHP son:

  • Nombra las imágenes que tengas con el mismo nombre pero añadiendo un número al final, de forma consecutiva, y súbelas al mismo directorio en tu servidor.
  • Genera un número aleatorio entre 1 y el número de imágenes distintas que tengas, y guárdalo en una variable. Esto en PHP se lleva a cabo con la función rand(1,número de imágenes).
  • Mediante HTML muestra la imagen, pero a la hora de poner el número tendrás que usar la variable de PHP con el número aleatorio.

Aquí tienes un ejemplo del código completo. Como es WordPress he usado funciones para mostrar la descripción (bloginfo(‘description’)), la url de la imagen (bloginfo(‘template_directory’)) y el nombre del blog (bloginfo(‘name’)) de forma automática pero sino lo único que tienes que hacer es cambiar esas partes de forma manual. De esta forma mostrarás cabeceras, mascotas y cualquier imagen de forma aleatoria. ¿Fácil, no?


    Hazte Fan

  • facebook
  • twitter