Colocar banner en parte dcha del foro igual que está en esteTema Solucionado

[Jokis]

Hola buenas tardes,
Antes que nada agradeceros por adelantado toda la ayuda que podáis prestarme para solucionar el tema siguiente.

Necesito poner cuatro banners que vayan rotándose entre ellos, en la parte derecha de la cabecera del foro al igual que está puesto en esta misma web.

Buscando información en el foro, he localizado el siguiente post ( http://www.phpbb-es.com/foro/soporte-pl ... rs#p182039 ), en el que el compañero Leviatan le daba unas indicaciones a otro miembro del foro de como hacer esto mismo, por lo que he aprovechado parte de las mismas junto a algunas pistas de la parte de código fuente de este foro donde aparece dicho banner, para solucionar una parte de mi consulta.

El tema está en que estas indicaciones son para colocar un banner de forma estática en esa parte de la cabecera y yo necesitaba complementarlo de alguna forma para que se vayan rotando todos los que haya dentro de la carpeta banners.

Podríais indicarme por favor, cómo modificar la parte del código que os indico aquí debajo para que se vayan mostrando todos?

Aquí os detallo como lo tengo actualmente:

En este primer paso, esta parte de código no he podido eliminarlo porque no aparece en dicho archivo.

Abrir :
raíz/styles/prosilver/theme/colours.css

Buscar y eliminar :

Código: Seleccionar todo

#site-description {
	float: none;
	width: 99%;
}

En este segundo paso, en lugar de eliminarlo, lo he descomentado con /* ....... */ para deshabilitarlo.
Abrir :
raíz/styles/prosilver/theme/common.css

Buscar y eliminar :

Código: Seleccionar todo

#site-description {
	float: left;
	width: 70%;
}

Y en este tercer paso, he relizado el siguiente cambio.
Abrir :
raíz/styles/prosilver/template/overall_header.html

Buscar :

Código: Seleccionar todo

<div id="site-description">

y antes, he agregado :

Código: Seleccionar todo

<a style="float: right;" id="banner-headerbar" href="http://www.pescadoresdelcantabrico.com/component/content/article/83-la-tienda-del-pescador.html"><img src="./images/banners/publi.png" alt></a>

Para dejarlo de la siguiente manera.

Código: Seleccionar todo

<div>
               <a style="float: right;" id="banner-headerbar" href="http://www.pescadoresdelcantabrico.com/component/content/article/83-la-tienda-del-pescador.html"><img src="./images/banners/publi.png" alt></a>
		</div>

		<div id="site-description">
			<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
			<h1>{SITENAME}</h1>
			<p>{SITE_DESCRIPTION}</p>
			<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
		</div>

Luego desde el ACP -> ESTILOS, he actualizado las plantillas y los temas, y ha quedado así, http://www.pescadoresdelcantabrico.com/foro

Tan solo faltaría añadirle el código necesario para hacer que se puedan rotar varios banners, que es lo que no se como realizarlo.

Pues nada, quedo a la espera de vuestras indicaciones.

Un saludo y muchas gracias nuevamente.
Jokis

[Alorse]

Puedes internar integrarlo con esta guía http://www.phpbb-es.com/biblioteca/kb_show.php?id=3 para que los banners roten.

[Jokis]

Hola buenas tardes Alorse,

Te agradezco la indicación que me haces sobre esta guía, aunque no se si me he explicado bien.

Esta guía ya la había encontrado y ojeado pero entendí que era para hacer rotaciones si queremos tener varios logos en el foro, los que suelen estar en la parte izquierda generalmente, y yo lo que necesito es para rotar unos banners añadidos en la parte derecha, me imagino que el código será distinto a la hora de modificarlos, no? te lo pregunto por lo de Site_Logo_Random.
Este texto no hace referencia al logo principal del foro?

Ya puedes disculparme si estoy preguntando alguna cuestión muy clara y no procede hacerlo pero estoy bastante verde en estos temas todavía.

Venga un saludo

[Alorse]

Si hace referencia al logo de phpBB, pero por eso te puse que puedes intentar integrarlo con los banners que tu quieres, cambiando la variable SITE_LOGO_RANDOM por BANNER_RANDOM y poniéndola en esta parte de tu código:

Código: Seleccionar todo

<a style="float: right;" id="banner-headerbar" href="http://www.pescadoresdelcantabrico.com/component/content/article/83-la-tienda-del-pescador.html"><img src="./images/banners/publi.png" alt></a>

Espero haberme hecho entender.

[Jokis]

Hola Alorse,

A ver si te he entendido bien, te pongo como quedaría el asunto con los cambios hechos.

Paso 1

Renombrar las imágenes como: banner1.png, banner2.png, banner3.png y banner4.png.

Paso 2

Debajo de,

Código: Seleccionar todo

          'T_STYLESHEET_NAME'      => $user->theme['theme_name'],

Añadiría,

Código: Seleccionar todo

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

Paso 3

En styles/su estilo/template/overall_header.html

Sustituir --> SITE_LOGO_IMG <--
por la línea

Código: Seleccionar todo

<img src="{T_IMAGESET_PATH}/site-logo-{SITE_LOGO_RANDOM}.EXT" alt="Logo" title="Logo" />

con lo que quedaría así, ya con la línea esa incluida y la extensión ya cambiada.

Código: Seleccionar todo

<a href="{U_INDEX}" title="{L_INDEX}" id="logo"><img src="{T_IMAGESET_PATH}/site-logo-{BANNER_RANDOM}.png" alt="Logo" title="Logo" /></a>

Ya solo faltaría, limpiar la cache del foro y actualizar la plantilla desde ACP -> Estilo -> Plantillas -> Actualizar.

Me puedes indicar por favor si en el paso 3, he realizado bien los cambios?

Un saludo

[Alorse]

No, el paso 3 quedaría de la siguiente manera:

Buscar:

Código: Seleccionar todo

<a style="float: right;" id="banner-headerbar" href="http://www.pescadoresdelcantabrico.com/component/content/article/83-la-tienda-del-pescador.html"><img src="./images/banners/publi.png" alt></a>

Cambiar por:

Código: Seleccionar todo

<a style="float: right;" id="banner-headerbar" href="http://www.pescadoresdelcantabrico.com/component/content/article/83-la-tienda-del-pescador.html"><img src="./images/banners/banner{BANNER_RANDOM}.png" alt></a>

Donde la imágenes (banner1.png, banner2.png, banner3.png y banner4.png) deben estar en la carpeta /images/banners/

Prueba con eso para ver si te funciona y nos avisas.

[Jokis]

Hola Alorse,

Ya he realizado todos los cambios y veo que funciona pero le noto algo raro, quizás tenga que ser así no lo sé, me explico a ver que te parece.

Cada vez que se abre y se cierra el navegador o se refresca la página, deberían rotar los banners, no? es que a veces refrescas la pantalla varias veces y no rotan, me queda la duda de si se necesita un tiempo mínimo para que con los refrescos de la página roten los banners de forma correcta?

Por si acaso, he repasado bien todos los cambios realizados por si hubiera escrito mal algún código pero veo que están según indican las instrucciones, ahora mientras hago las comprobaciones tengo puesto solo dos banners, uno con publicidad y otro banner transparente para hacer las comprobaciones, y esto es lo que estoy observando.

Consideras tú que deba realizar alguna otra comprobación por?

Un saludo

[Alorse]

Seguro casualmente siempre que actualizas esta cargando la misma imagen, pero si tienes las 4 imágenes diferentes no debería pasar eso, pero si son menos imágenes son menos opciones para rotar y por lo tanto mas mas posibilidad de que se repita constantemente alguna imagen.
Espero haberme hecho entender, de igual forma no no veo funcionado en tu foro para comprobarlo.
De igual forma si te funciono puedes marcar el tema como solucionado.

[Jokis]

Buenos días Alorse,

Vale, voy a preparar los otros dos banners que faltan para que estén los 4 y así voy comprobando con mas detenimiento lo que me comentas.

Por otro lado, cuando dices que no ves el foro funcionando para verlo a que te refieres? A pesar de que todavía está en fase de creación, está activo en todo momento.

Voy a probar con los 4 banners puestos, a ver que tal funciona.

Venga un saludo

[DaVidU]

avísanos si lo solucionaste para dejar el tema como solucionado

[Jokis]

Hola buenas tardes,

Ya siento el retraso pero todavía no había terminado todo este tema pues me faltaba un problemilla por eso no lo había dado por solucionado aún.

Os explico:
Añadí 4 banners a la cabecera del foro que van rotándose entre si, el caso es cuando pulsas encima de cada uno de ellos todos te llevan al mismo destino.

Os pongo el código de esta zona para que veásis como está.
foro/styles/prosilver/template/overal_header.html

Código: Seleccionar todo

			<div>
				<a style="float: right;" id="banner-headerbar" href="http://www.pescadoresdelcantabrico.com/component/content/article/83-la-tienda-del-pescador.html"><img src="./images/banners/banner{BANNER_RANDOM}.gif" alt="Colaborador" /></a>
				</div>

			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
				</div>

A ver si por favor me podéis ayudar a ponerlo de forma que al pulsar sobre cada banner, vaya a su correspondiente sitio. He probado a añadir tantas líneas como banners y cambiar en cada una de ellas la url del lugar de destino pero no funciona, pues esto inserta los 4 banners a la vez en la cabecera y se deforma toda.

Un saludo

[Alorse]

Hay que realizar otros cambios para que funcione como lo necesitas, voy explicando paso paso, debes hacer otra variable en php que sea un array y a dicho array le metes todas las URLs correspondientes, me explico:

Abre el archivos includes/functions.php y busca:

Código: Seleccionar todo

// The following assigns all _common_ variables that may be used at any point in a template.     

Antes de eso agrega:

Código: Seleccionar todo

$rand = mt_rand(1, 4);
$urls =  array(
1 => 'http://www.pescadoresdelcantabrico.com/component/content/article/83-la-tienda-del-pescador.html',
2 => 'http://www.pescadoresdelcantabrico.com/url2.html',
3 => 'http://www.pescadoresdelcantabrico.com/url3.html',
4 => 'http://www.pescadoresdelcantabrico.com/url4.html',
); 

Ahí ya tienes todas las URLs en un vector (cambia las URLs por las que necesites)

Ahora en un paso anterior habías puesto esta asignación:

Código: Seleccionar todo

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

debes cambiarla por las siguientes:

Código: Seleccionar todo

          'BANNER_RANDOM'      => $rand,
          'URLS_RANDOM'      => $urls[$rand], 

Y ahora en el HTML cambias:

Código: Seleccionar todo

<a style="float: right;" id="banner-headerbar" href="http://www.pescadoresdelcantabrico.com/component/content/article/83-la-tienda-del-pescador.html"><img src="./images/banners/banner{BANNER_RANDOM}.gif" alt="Colaborador" /></a>

por:

Código: Seleccionar todo

<a style="float: right;" id="banner-headerbar" href="{URLS_RANDOM}"><img src="./images/banners/banner{BANNER_RANDOM}.gif" alt="Colaborador" /></a>

Con eso debería funcionar como lo necesitas, no lo he probado pero supongo que esta bueno.

[Jokis]

Hola buenas noches Alorse,

Ha funcionado de maravilla compañero, lo cual te lo agradezco un montón.

Aunque se me ha olvidado otro detalle, tras hacer los cambios que me has indicado me he dado cuenta de que no había preguntado dónde debería ir puesto el target _blank para que los enlaces se abran en otra ventana, este donde debería ir dentro de cada URL del array creado en el functions.php o en overall_header.html ?

Venga un saludo

[Alorse]

Debe ir en el HTML, quedando de la siguiente manera:

Código: Seleccionar todo

<a style="float: right;" id="banner-headerbar" href="{URLS_RANDOM}" target="_blank"><img src="./images/banners/banner{BANNER_RANDOM}.gif" alt="Colaborador" /></a>

Me alegra sinceramente que te halla funcionado.
Un saludo.

[Jokis]

Hola buenas noches Alorse,

Antes que nada darte las gracias nuevamente por tu fenomenal ayuda y felicitarte por esta estupenda labor de soporte, haciéndola extensiva también ya de paso al resto de personas que componéis los distintos grupos de soporte.

Acabo de realizar este último cambio y ha quedado perfecto, por lo que ahora si que ya se puede dar el post por totalmente solucionado, además ha quedado todo muy bien explicado y detallado por lo que seguro que a mas de uno le vendrá de maravilla para implementarlo en su foro en caso de necesitarlo.

Pues nada, muy agradecido por todo y un saludo.
Jokis