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, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

BBCode Tablas con Stylo Rev. 2.0Tema Solucionado

Solo BBCodes, dudas en este foro no


Cerrado

0
No hay votos
 
Votos totales: 0

Sr.Garcia
Observador/a
Mensajes: 1
Registrado: 08 May 2013, 18:29

BBCode Tablas con Stylo Rev. 2.0  Tema Solucionado

#1

Mensaje por Sr.Garcia »

URL: http://miforodeprueba.tk
Versión phpBB: 3.0.11
MODs Instalados: Añadir fácilmente una barra lateral al foro
Plantilla(s) usada(s): Prosilver
Servidor:
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

Hola a todos, me presento porque acabo de registrarme. Llevo con esto de los foros sólo un par de meses y aunque no tenía conocimientos previos de html, CSS o java me he enganchado. Me encontré con la información de este tipo de foros, los PhpBB y di con esta comunidad. Como todo no va a ser recopilar información quiero hacer un aportación.

En otros foros encontré el bbcode "" que mantenía las prestaciones de la declaración de tablas por html, en concreto la de poder declarar "style" y como no encontré hecho este bbcode me puse manos a la obra. Tal y como lo presento este BBCode es capaz de aplicar style en cualquiera de las partes de la tabla al mismo tiempo que se declara como si lo hicieramos por código html. Al final pongo un ejemplo y lo comprobaréis. Vamos al asunto. [b]Uso de BBCode[/b] [code][table2 {TEXT2}]{TEXT}[/table2][/code] [b]Reemplazo HTML[/b] [code]<script type="text/javascript"> var tablafinal; var strtable = '{TEXT2}'; strtable = strtable.replace(/<br \/>/g, ""); strtable = strtable.replace(/\[/g, "<"); strtable = strtable.replace(/\]/g, ">"); strtable = strtable.replace(/\'/g, "'"); strtable = strtable.replace(/\"/g, "'"); var str = '{TEXT}'; if (str.toLowerCase().lastIndexOf('table2') != -1){ alert("¿Quiere introducir una tabla dentro de otra? Es decir, ¿Existe una subtabla? \n Si su respuesta es que SI. \n \n Recuerde no abrir la/s SUB-tablas con [table2] y/o cerrar la/s SUB-tablas con [/table2] debe hacerlo directamente con <table>.... </table>. \n \nEl BBCode TABLE2 sólo debe utilizarse para declarar la introducción de una tabla y no debe utilizarse en su propio contenido.\n\n En el caso de que no esté informando SUB-tablas revise el código del BBCode"); } str = str.replace(/<br \/>/g, ""); str = str.replace(/\[/g, "<"); str = str.replace(/\]/g, ">"); str = str.replace(/\'/g, "'"); str = str.replace(/\"/g, "'"); str = str.replace(/\</g, "<"); str = str.replace(/\>/g, ">"); str = str.replace(/\<table2/g, "<table"); str = str.replace(/\<&#47;table2>/g, "</table>"); str = str.replace(/\table2/g, "table"); if (strtable.indexOf('table') != -1){ } else{ tablafinal="<table "+ strtable + ">" + str + "</table>"; } document.write(tablafinal); </script>[/code] [b]Línea de ayuda:[/b] [code][table2 propiedades-y/o-style="CSS"-(en-html)]Código html [CAPTION]-[TH]-[TD]- Admiten propiedades-y/o-style="CSS" y (SUBtablas---
...
)[/table2][/code] [b]Ejemplo:[/b] [code][table2 BORDER style="text-ALIGN:center;border: 2px solid black;background-color: #17c5e8; width: 50%; vertical-align:center"][CAPTION style="border: 4px dashed red; font-size: 27px; height: 45px; margin-top: 49px; padding-top: 30px; background-image: url(http://www.phpbb-es.com/foro/styles/phpbbes/imageset/phpbbes_logo.png); font-weight: bold;"]Titulo propio de la tabla[/CAPTION] Encabezado1 Encabezado2 Encabezado3 Item 1 Item 2 Item 3 Item 4 Item 5[/table2][/code] [b]Captura del resultado[/b] [img=left]http://img46.imageshack.us/img46/4231/tablafh.png[/img] Como veis se aplican propiedades de CSS en todas partes, se pone imagen de fondo, se expanden filas, ... todo lo que se puede hacer por html se puede hacer con este BBCode. [i][b]Revisión 2.0[/b][/i] Ya permite introducir, lo que yo llamo, [u]SUB-tablas[/u]. Es decir, tablas dentro de otras tablas. Al final no era tan complicado... Para esta nueva funcionalidad sólo hay que tener en cuenta que no hace falta declarar la SUB-tabla con el BBCode sino directamente. Pero no preocuparse que en el código del BBCode ya se incluye un aviso por si alguién no se acuerda de esto y vuelve a utilizar el BBCode dentro del BBCode. Sirva este ejemplo para ilustrar las anteriores y las nuevas funcionalidades. [img]http://img89.imageshack.us/img89/1266/tablajm.png[/img] [b] Código del ejemplo:[/b][code] [table2 BORDER style="text-ALIGN:center;border: 2px solid black;background-color: #17c5e8; width: 50%; vertical-align:center"][CAPTION style="border: 4px dashed red; font-size: 27px; height: 45px; margin-top: 49px; padding-top: 30px; background-image: url(http://www.phpbb-es.com/foro/styles/phpbbes/imageset/phpbbes_logo.png);background-repeat: no-repeat, no-repeat;background-size: 100% 100%; font-weight: bold;"]Título propio de la tabla[/CAPTION] Encabezado1 Encabezado2 Encabezado3 Item 1 Item 2 Item 3 Item 4<TABLE BORDER style="vertical-align:center;padding:10px;text-ALIGN:center;border: 2px solid black;background-color: #ffffff; width: 50%; vertical-align:center"][CAPTION style="background-color: <a class="fw-hashtag-link" href="/foro/follower?mode=search&amp;type=hashtag&amp;keywords=ffffff&amp;sid=f84b8c114737c6b30a8b66cd97147457"><strong>#ffffff</strong></a>;border: 4px dashed red; font-size: 27px; height: 65px; margin-top: 49px; padding-top: 10px; background-image: url(http://www.phpbb-es.com/foro/styles/php ... s_logo.png); background-repeat: no-repeat, no-repeat;background-size: 100% 100%;font-weight: bold;line-height: 100%"]Título propio de la SUB-tabla[/CAPTION] Encabezado1.2 Encabezado2.2 Encabezado3.2 Item 1.2 Item 2.2 Item 3.2 Item 4.2 Item 5.2[/table>[/TD] [td style="color:green"]Item 5[/td][/tr][/table2][/code] Ahora creo que ya ha quedado completado el BBCode para hacer tablas igual que si fueran implementadas con html ya que lo admitirá todo, todo tipo de estilo y propiedades y la inclusión de subtablas, subtablas dentro de subtablas, ... todo. Espero que os sea de utilidad.

Avatar de Usuario
hiddenotebook
Asiduo/a
Mensajes: 137
Registrado: 20 Abr 2010, 13:27

Re: BBCode Tablas con Stylo Rev. 2.0

#2

Mensaje por hiddenotebook »

Hola amigos quería saber como puedo cambiar el tamaño de la tabla e conseguido cambiar la caja del titulo a width: 790px pero el resto de la tabla sigue igual:

Ejemplo
URL: http://alcanna.org
Spoiler
MODs Instalados: Anti-Spam ACP, AutoMod, Mchat, CBBblokgets, Follower, Karma,
Plantilla(s) usada(s): prosilver con los colores tuneados.
Servidor: Propio Montado en casa.
Actualización desde otra versión: no
Conversión desde otro sistema de foros: no

Cerrado

Volver a “⚙️ BBCode General”