Añadir una imagen aleatoria en el header

Guías, manuales, tutoriales
Avatar de Usuario
Alorse
Menos de 100 mensajes
Menos de 100 mensajes
Mensajes: 32
Registrado: Mar Abr 26, 2011 12:24 am
Ubicación: Colombia
Contactar:

Añadir una imagen aleatoria en el header

Mensaje sin leer por Alorse » Mar Ago 16, 2011 7:34 pm

Patrocinador

Añadir una imagen aleatoria en el header.

Una petición común que se ve a menudo es cómo agregar una imagen al azar en el header o de otro modo conocido como el logo del foro. Seleccionar al azar un logo es una manera rápida y fácil para hacer que tu foro sobresalga.


Paso 1

Reúne tus imágenes en conjunto y cambiales el nombre en este formato: site-logo-NUMERO.ext; cambie NUMERO con un número empezando por 1 y por supuesto utilizar una extensión adecuada como JPG, PNG o GIF (nota: no es recomendable BMP para usar las imágenes ya que no son universalmente compatibles). (Tendrá que guardar todas las imágenes en el mismo formato como PNG.) Así que ahora tiene varias imágenes listas para ser cargadas como sitio-logo-1.png, sitio-logo-2.png, sitio-logo-3. png, sitio-logo-X.png ....


Paso 2

Con su editor de texto favorito, abra includes/functions.php y busque esta línea:

Código: Seleccionar todo

          'T_STYLESHEET_NAME'      => $user->theme['theme_name'],  
Después añada esta línea de código:

Código: Seleccionar todo

          'SITE_LOGO_RANDOM'      => mt_rand(1, NUMERO-DE-IMAGENES),  
Remplace "NUMERO-DE-IMAGENES" con el número de imagenes que tiene para su logo, si tiene 4 imagenes, utilice este código:

Código: Seleccionar todo

          'SITE_LOGO_RANDOM'      => mt_rand(1, 4),  

Paso 3

Abra styles/su estilo/template/overall_header.html y busque esta línea:

Código: Seleccionar todo

    <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
Remplace {SITE_LOGO_IMG} con esto:

Código: Seleccionar todo

    <img src="{T_IMAGESET_PATH}/site-logo-{SITE_LOGO_RANDOM}.EXT" alt="Logo" title="Logo" />
Remplace "EXT" con la extencíon de sus imagenes.


Paso 4

Suba los archivos editados a su servidor y las imagenes a la carpeta styles/su estilo/imageset/; si no ve los nuevos logos en su pagina luego de actualizar varias veces entonces recuerde limpiar el cache del foro y actualizar la plantilla ACP -> Estilo -> Plantillas -> Actualizar. Si todavía no puede ver las imágenes nuevas, limpie el cache de su navegador y reinicielo.

Como siempre, recuerde hacer una copia de seguridad de todos los archivos antes de modificarlos.

Saludos.

Fuente: Adding a Random Header Image

Cerrado