Como sabéis el soporte para phpBB 3.1 será cerrado en breve, el 1 de Septiembre para ser exactos, solo se dará soporte para las actualizaciones a phpBB 3.2 o para 3.3 cuando se encuentre disponible.

Más información aquí.

Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro.

Gracias.

La Administración de phpBB España.

Dudas sobre estilos phpBB 3.2.x
  • Avatar de Usuario
#241379
Hola.
Realmente son 2 dudas que tengo, aunque relacionadas entre si (o quizás no :) )
Se que existe una extensión, Site Logo, y la he usado, más o menos hace lo que deseo, pero prefiero hacerlo directamente en plantilla, de inicio, me ralentiza un pelín la carga inicial, y si haces ctrl+f5 durante unos "micro instantes" aparece el logo original hasta que carga el configurado.
Por ello he desactivado dicha extensión (a parte, cuanto menos carga de extensiones, mejor que mejor, que ya tengo unas cuantas...).
Configurado en archivos colours.css y common.css, en el primero, he indicado el nombre de mi logo, en el segundo, sus dimensiones (600x90), también en este último indicado que este en "center" (aunque ahora lo tengo en left).
No queda del todo centrado y aparece el nombre y descripción del sitio.
La descripción puedo quitarla dejando dicho campo en blanco en el PCA, lo mismo sucede si dejo dicho campo en blanco para Nombre del Sitio, no aparece, pero entonces, el foro no tiene Nombre, y ese si que me interesa que lo tenga.
La idea es, para probar por si se centra, poder quitar el nombre y descripción del sitio, pero teniendo estos campos configurados en el PCA (sobre todo el nombre del sitio).
He mirado como hacerlo pero no he visto el modo.
Supongo que así, se centrará más, no lo sé, pero hay que probarlo... :)

Gracias por adelantado.
#241382
Sólo te refieres al estilo prosilver? porque por default su contenedor no ocupa todo el ancho.

Si entendí bien lo que quieres, puedes hacerlo modificando lo siguiente:

En common.css busca:
Código: Seleccionar todo
.site-description {
	float: left;
	width: 65%;
}
Y replazalo por:
Código: Seleccionar todo
/*.site-description {
	float: left;
	width: 65%;
}*/
En el mismo fichero, busca:
Código: Seleccionar todo
.logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}
Y remplazalo por:
Código: Seleccionar todo
/*.logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}*/
y finalmente busca:
Código: Seleccionar todo
.headerbar {
	margin-bottom: 4px;
	padding: 5px;
	border-radius: 7px;
}
y replaza por:
Código: Seleccionar todo
.headerbar {
	margin-bottom: 4px;
	padding: 5px;
	border-radius: 7px;
	text-align: center;
}
Eso te debería centrar tanto el logo como el título.
J_Sparrow, wonder, ThE KuKa le gusta esto
#241384
Hola,
Gracias por la respuesta.
Si, así es, solo me refiero al estilo Prosilver, no obstante, la idea principal no es que el contenedor tenga todo su ancho, aunque si es posible, bienvenido es.

Hice lo comentado, pero no lo centra, me lo ha alineado a la izquierda y sin margenes por arriba y en el lado.

Mi idea es centrarlo respecto al contenedor, que aparezca en el centro del contenedor, si puedo quitar el título (y descripción) bien también.

He visto que con estos cambios, el texto se pone en gris (edito con Kate), por lo que "deduzco" (solo deduzco) queda anulado el código reemplazado.

También en tu última indicación de edición, dónde me indicas buscar esto:
Código: Seleccionar todo
.headerbar {
	margin-bottom: 4px;
	padding: 5px;
	border-radius: 7px;
}
Veo que me indicas reemplazar pero veo el mismo código, no veo ningún cambio, siguiendo el resto, he añadido en la primera línea el /* y en la última también */, quedando así:
Código: Seleccionar todo
/*.headerbar {
	margin-bottom: 4px;
	padding: 5px;
	border-radius: 7px;
	text-align: center;
}*/
No se si es correcta esta última edición por mi parte o no.

Lo dicho, gracias!
#241385
En el último remplazo sólo era necesario añador text-align: center; al final, encerrar el texto entre /* y */ como bien lo dices, es para comentar el código, lo que hace que sea ignorado por el navegador.

Como estaba anteriormente tal vez no sea lo que querías, ya que usa float para alinear el logo, título y descripción a la izquierda y el cuadro de búsqueda a la derecha, pero veo que lo has movido de lugar, por lo que float ya no es necesario.

Para centrar un elemento, y dependiendo de lo que este sea, puedes usar margin, checa estos enlaces (ingles) que tal vez te ayuden a conseguir exactamente lo que quieres:

https://www.w3schools.com/csS/css_align.asp
https://www.w3.org/Style/Examples/007/center.en.html
https://css-tricks.com/centering-css-complete-guide/
wonder, ThE KuKa le gusta esto
#241387
Ostras...mira que me fijé bien en el último reemplazo y no fui capaz de ver que era necesario añadir text-align: center...
Lo he reestablecido como debía y añadido el align center, ahora efectivamente aparece como la idea que tenía/deseaba.
No se me hubiese ocurrido mirar de editar la parte de headerbar para tema de logo, aunque va ahí, pero pensé que si "tocaba" ahí...no solo sería para el logo.

Correcto, con float (como estaba anteriormente) no era lo que quería pues se alineaba a la izquierda, título, descripción y logo, el cuadro de búsqueda a la derecha, esta movido, pero con extensión (si supiese hacerlo sin extensión lo haría así).

Ahora queda como la idea que quería, gracias, no obstante, he realizado algunas pruebas en el common.css para ver si quito el Título y Descripción (ahora la descripción no sale porque tengo el campo en blanco) pero la idea sería dejar solo el logo, sin el título que aparezca justo debajo (o en su defecto, ponerlo encima, lo que he realizado no ha funcionado, sabes si es posible?

Sobre los enlaces, gracias, el margin lo conozco un poco, no obstante, lo que me "falla" es localizar los elementos en los css del style, el primer link es muy bueno.

De nuevo, gracias!
#241390
Puedes ocultar el título y la descripción (sin dejar en blanco su valor) comentando el código HTML.

En styles/prosilver/template/overall_header.html

Busca:
Código: Seleccionar todo
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
Y remplaza con lo siguiente:
Código: Seleccionar todo
				<!--<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>-->
Esto hará que lo anterior sea ignorado por el navegador, seguirá estado ahí pero no se mostrará, de esta forma haces cambios no destructivos, o si lo prefieres puedes eliminar esas líneas por completo.
J_Sparrow le gusta esto
#241391
Prefiero comentar siempre, como dices, así son cambios no destructivos, luego, nunca se sabe, volver a ponerlo o similar, tan solo es descomentar el código.

Funcionó perfecto, de nuevo, gracias!

@canidev se ha debido confundir, la 5.4.24 es […]

[3.2][RC] Anti Adblock 1.0.5

Extensión actualizada a la versión […]

Por la experiencia que he tenido recientemente, me[…]

Por fin he podido restablecer el foro, no a la […]

Usa Google Apps...