Página 1 de 1

Ajustar a dos líneas los bb codes

Publicado: 06 Oct 2010, 01:38
por chav
URL: http://www.ffm.cl/
Versión phpBB: phpBB3 (3.0.7-PL1)
MODs Instalados: Prime Links y Avatar por defecto
Plantilla(s) usada(s): Green Grass http://demo.phpbb3styles.net/GreenGrass
Servidor: Linux de pago

A ver si me explico actualmente los botones de los bbcode están desfasados del texárea tal y como se muestra en la imagen
Imagen

Uploaded with ImageShack.us

Lo que pretendo es que queden desde el spoiler en adelante en dos filas. Y no sé , primero¿si es posible? y segundo ¿que archivos debo editar para lograr eso?

Gracias

Re: Ajustar a dos líneas los bb codes

Publicado: 06 Oct 2010, 20:39
por viktor
Si, con html crudo y duro, te creas una tabla con dos renglones y los metes en esos dos a gusto, en las dos celdas le pones la propiedad para que te los aline en el centro y listo.

Re: Ajustar a dos líneas los bb codes

Publicado: 06 Oct 2010, 21:34
por chav
ok, gracias y que archivo es que muestra los bbcodes .

Re: Ajustar a dos líneas los bb codes

Publicado: 07 Oct 2010, 02:44
por viktor
A menos que me equivoque, tienes que editarlos en la plantilla que uses. Busca en styles\tuplantilla\template\ un archivo llamado bbcode.html ahí los tienes todos, están con etiquetas css, pero calculo que son lo suficientemente intuitivas como para que te des cuenta cual es cual.

Haz backup antes de toquetear todo, eso si.

Por otro lado, antes de meter mano en ese archivo, te comento que los BBcode se pueden modificar desde el ACP, y que en su defecto, hay mods solo para modificar muy fácilmente los mismos, te lo digo porque los cambios que te sugiero son mas radicales y quizás con un mod puedas hacerlo mas fácil.

Re: Ajustar a dos líneas los bb codes  Tema Solucionado

Publicado: 07 Oct 2010, 05:09
por leviatan21
El archivo que maneja los botones de los bbcopes es el raíz/styles/EL_NOMBRE_DE_TU_ESTILIO/template/posting_buttons.html

Abrir ese archivo :
Buscar :

Código: Seleccionar todo

<div id="format-buttons"> 
Reemplazar por :

Código: Seleccionar todo

<div id="format-buttons" style="width: 80%;"> 
Esto hará que tenga el mismo ancho que el área de escribir mensajes :cachas:

Recuerda actualizar las plantillas desde el ACP antes de probar :mrgreen:

Re: Ajustar a dos líneas los bb codes

Publicado: 07 Oct 2010, 16:32
por viktor
Lo que dices es correcto, pero así no los pones en dos filas, solo los modificas de tamaño para que queden en una sola linea. Aunque también sirve como solución.

Re: Ajustar a dos líneas los bb codes

Publicado: 07 Oct 2010, 16:40
por exau
viktor escribió:Lo que dices es correcto, pero así no los pones en dos filas, solo los modificas de tamaño para que queden en una sola linea. Aunque también sirve como solución.

Código: Seleccionar todo

<br />[code]

¿Qué tal si inserta un salto de línea después del botón justificar en el posting_buttons.html? Eso le resolvería el problema haciendo que los demás botones brinquen a la siguiente línea, ¿no?

Saludos,

Re: Ajustar a dos líneas los bb codes

Publicado: 07 Oct 2010, 16:47
por viktor
También, hay muchísimas maneras de solucionarlo, mas cuando se trata de cuestiones gráficas y de estilos, y la verdad es que cuanto mas opciones le demos mejor va a ser para el.
Así el elije la que mas le gusta/conviene, de hecho... como dije, mi opción es la mas radical.

Re: Ajustar a dos líneas los bb codes

Publicado: 07 Oct 2010, 17:14
por leviatan21
exau escribió:¿Qué tal si inserta un salto de línea después del botón justificar en el posting_buttons.html? Eso le resolvería el problema haciendo que los demás botones brinquen a la siguiente línea, ¿no?
Eso no es posible, por como está codificado esa plantilla posting_buttons.html, no es posible saber cual bbcode se está mostrando:

Código: Seleccionar todo

<!-- BEGIN custom_tags -->
    <input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
<!-- END custom_tags -->
 
La solución que propuse (luego de haberla probado) es obligar a la barra de botones a un ancho fijo, y si hay mas datos, directamente lo mostrará en varias lineas una vez alcanzado ese ancho establecido funiona de la misma manera que cuando uno escribe en este área de texto, sea ajusta automáticamente el acho :mrgreen: .

Re: Ajustar a dos líneas los bb codes

Publicado: 07 Oct 2010, 17:20
por viktor
Exactamente, recuerdo que cuando hice el pasaje de phpbb2 a phpbb 3 me encontré con esos problemas, por eso me acostumbre a forzar el html como le sugerí... lamentablemente, en phpBB3 las cosas funcionan así.

Re: Ajustar a dos líneas los bb codes

Publicado: 07 Oct 2010, 20:02
por chav
hey muchas gracias , probé la que me resultó más sencilla esta y todo ok <div id="format-buttons" style="width: 80%;">

Me queda una duda con esto

Código: Seleccionar todo

<!-- BEGIN custom_tags -->
    <input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
<!-- END custom_tags -->
  
estan comentando sobre ello o me estan sugiriendo que haga algo con ello.

Re: Ajustar a dos líneas los bb codes

Publicado: 07 Oct 2010, 20:18
por exau
chav escribió:hey muchas gracias , probé la que me resultó más sencilla esta y todo ok <div id="format-buttons" style="width: 80%;">

Me queda una duda con esto

Código: Seleccionar todo

<!-- BEGIN custom_tags -->
    <input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
<!-- END custom_tags -->
  
estan comentando sobre ello o me estan sugiriendo que haga algo con ello.
¡No, jefe, ignóralo! El comentario fue para mi, ya que lo que yo te sugería no se podía hacer debido a ese código y el compañero leviatan21 tuvo la amabilidad de explicar el porqué.

Si todo está bien, entonces marca el tema como solucionado. :D

Saludos,

Re: Ajustar a dos líneas los bb codes

Publicado: 07 Oct 2010, 21:18
por chav
exau escribió: Si todo está bien, entonces marca el tema como solucionado. :D

Saludos,
eso hice hace un rato
Gracias