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.

Ayuda con bbcode y tablas

Dudas sobre BBCodes personalizados


Hekaly
Observador/a
Mensajes: 10
Registrado: 05 Ene 2011, 14:33

Ayuda con bbcode y tablas

#1

Mensaje por Hekaly »

URL: http://www.infojuegos.org
Versión phpBB: phpBB3 (3.0.8)
MODs Instalados: Ninguno
Plantilla(s) usada(s): Prosilver
Servidor: De pago
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

Buenas.

Estoy intentando crear un foro donde hay informacion de videojuegos, y para cada juego me gustaria que los datos (nombre, lanzamiento, región, idiomas, etc) estén ordenador en una tabla.

Lo que he hecho ha sido lo siguiente.

He creado con dreamweaber la tabla que quiero. Acto seguigo me he ido a la sección de bbcode y he puesto lo siguiente.

Uso de BBCode

Código: Seleccionar todo

[table2]{SIMPLETEXT1};{SIMPLETEXT2};{SIMPLETEXT3};{SIMPLETEXT4};{SIMPLETEXT5};{SIMPLETEXT6};{SIMPLETEXT7};{SIMPLETEXT8}[/table2]
Donde cada "simpletext" es un dato de la tabla, en total son 8.

Reemplazo HTML

Código: Seleccionar todo

<style type="text/css">
<!--
.style1 {
	font-size: large;
	font-weight: bold;
}
.style3 {font-size: medium}
a:link {
	color: #E0F8F7;
}
a:visited {
	color: #E0F8F7;
}
-->
</style>

<table width="515" border="0" bordercolor="#E0F8F7" bgcolor="#E0F8F7">
  <tr>
    <td width="270"><span class="style1">Nombre del Juego</span></td>
    <td width="229"><span class="style3">{SIMPLETEXT1}</span></td>
  </tr>
  <tr>
    <td><span class="style1">Región</span></td>
    <td><span class="style3">{SIMPLETEXT2}</span></td>
  </tr>
  <tr>
    <td><span class="style1">Lenguajes</span></td>
    <td><span class="style3">{SIMPLETEXT3}</span></td>
  </tr>
  <tr>
    <td><span class="style1">Serial</span></td>
    <td><span class="style3">{SIMPLETEXT4}</span></td>
  </tr>
  <tr>
    <td><span class="style1">Año</span></td>
    <td><span class="style3">{SIMPLETEXT5}</span></td>
  </tr>
  <tr>
    <td><span class="style1">Lanzamiento</span></td>
    <td><span class="style3">{SIMPLETEXT6}</span></td>
  </tr>
  <tr>
    <td><span class="style1">Distribuidor</span></td>
    <td><span class="style3">{SIMPLETEXT7}</span></td>
  </tr>
  <tr>
    <td><span class="style1">Desarrollador</span></td>
    <td><span class="style3">{SIMPLETEXT8}</span></td>
  </tr>
</table>
Hasta ahí todo bien, al escribir una entrada, escribo todos los datos y la tabla aparece correctamente:

Imagen

Pero si veo la parte superior del foro me aparece todos los texto cambiados al mismo color de la tabla:

Imagen

Y claro si guardo la entrada, siempre tendre los textos cambiados.

Mi duda es que parte tendría que cambiar del codigo html para que no pase esto??, he intentado quitar la parte de <style>, o poner un <div> al principio pero nada, da error.

Muchas gracias por la ayuda.


Infojuegos

Versión Phpbb: 3.0.8

Avatar de Usuario
leviatan21
Ex Staff
Mensajes: 8279
Registrado: 26 Mar 2008, 20:06
Género:
Edad: 50

Ayuda con bbcode y tablas

#2

Mensaje por leviatan21 »

Hekaly escribió:Mi duda es que parte tendría que cambiar del codigo html para que no pase esto??, he intentado quitar la parte de <style>, o poner un <div> al principio pero nada, da error.
Según lo que veo el problema está en la parte del estilo, mas precisamente en este código :

Código: Seleccionar todo

a:link {
	color: #E0F8F7;
}
a:visited {
	color: #E0F8F7;
}
Lo que haces es que todo enlace en el foro cambie de color, elimina esa parte ya que no utilizas enlaces en tu tabla :chulo:
Normas de phpBB España | Normas de Soporte
No doy soporte por privado : tenga en cuenta que su problema, también puede ser el problema de otro usuario.
Cualquier mensaje privado no solicitado será ignorado :twisted:

"Education is what remains after one has forgotten everything he learned in school" - Albert Einstein

Hekaly
Observador/a
Mensajes: 10
Registrado: 05 Ene 2011, 14:33

Ayuda con bbcode y tablas

#3

Mensaje por Hekaly »

Gracias leviatan21.

Ha sido quitar a:link y a:visited y ya no me muestra los enlaces con el mismo color de la tabla.

Ahora solo me queda cambiar el color de fondo para que sea igual que el de la plantilla para que no resalte, pero eso es mirar el colours.css.
Infojuegos

Versión Phpbb: 3.0.8

Avatar de Usuario
leviatan21
Ex Staff
Mensajes: 8279
Registrado: 26 Mar 2008, 20:06
Género:
Edad: 50

Ayuda con bbcode y tablas

#4

Mensaje por leviatan21 »

Hekaly escribió:Ahora solo me queda cambiar el color de fondo para que sea igual que el de la plantilla para que no resalte, pero eso es mirar el colours.css.
La tabla tiene bgcolor="#E0F8F7" elimina eso de esta parte

Código: Seleccionar todo

<table width="515" border="0" bordercolor="#E0F8F7" bgcolor="#E0F8F7">
Normas de phpBB España | Normas de Soporte
No doy soporte por privado : tenga en cuenta que su problema, también puede ser el problema de otro usuario.
Cualquier mensaje privado no solicitado será ignorado :twisted:

"Education is what remains after one has forgotten everything he learned in school" - Albert Einstein

Hekaly
Observador/a
Mensajes: 10
Registrado: 05 Ene 2011, 14:33

Ayuda con bbcode y tablas

#5

Mensaje por Hekaly »

URL: http://www.infojuegos.org/
Versión phpBB: phpBB3 (3.0.8)
MODs Instalados: AutoMod y Tinypic plugin
Plantilla(s) usada(s): ca_black (basada en prosilver)
Servidor: Linux
Actualización desde otra versión:
Conversión desde otro sistema de foros:

Por no crear un nuevo tema vuelvo a renimar el tema que puse de tablas y bbcode.

Con el tiempo he ido mejorando el desarrollo de las tablas, pero me salen algunas dudas que me gustaría resolver.

Primero: Estos son los bbcode que tengo (en total 4 tablas)

Tabla1

BBCODE

Código: Seleccionar todo

[tabla1]{SIMPLETEXT1};{SIMPLETEXT2};{SIMPLETEXT3};{SIMPLETEXT4};{TEXT};{SIMPLETEXT5};{SIMPLETEXT6};{SIMPLETEXT7};{TEXT2};{SIMPLETEXT9}[/tabla1]
HTML

Código: Seleccionar todo

<table>    
    <tr>
    <td><font size="5" color="#BF0000" face="Arial">Ficha técnica</font></td>
    </tr>
    <tr>
    <td>
    	<table> 	
        	<tr>
            <td width="140"><font size="3" color="#BF0000" face="Arial"><strong>Título</strong></font></td>               
            <td width="487"><font size="2" color="#FFFFFF" face="Arial">{SIMPLETEXT2}</font></td>
            </tr>
            <tr>
            <td width="140"><font size="3" color="#BF0000" face="Arial"><strong>Número de serie</strong></font></td>                
            <td width="487"><font size="2" color="#FFFFFF" face="Arial">{SIMPLETEXT3}</font></td>
            </tr>
            <tr>
            <td width="140"><font size="3" color="#BF0000" face="Arial"><strong>Región</strong></font></td>                
            <td width="487"><font size="2" color="#FFFFFF" face="Arial">{SIMPLETEXT4}</font></td>
            </tr>
            <tr>
            <td width="140"><font size="3" color="#BF0000" face="Arial"><strong>Idiomas</strong></font></td>                
            <td width="487"><font size="2" color="#FFFFFF" face="Arial">{TEXT}</font></td>
            </tr>
            <tr>
            <td width="140"><font size="3" color="#BF0000" face="Arial"><strong>Géneros</strong></font></td>              
            <td width="487"><font size="2" color="#FFFFFF" face="Arial">{SIMPLETEXT5}</font></td>
            </tr>
            <tr>
            <td width="140"><font size="3" color="#BF0000" face="Arial"><strong>Desarrollador</strong></font></td>                
            <td width="487"><font size="2" color="#FFFFFF" face="Arial">{SIMPLETEXT6}</font></td>       
            </tr>
            <tr>
            <td width="140"><font color="#BF0000" size="3" face="Arial"><strong>Distribuidor</strong></font></td>               
            <td width="487"><font size="2" color="#FFFFFF" face="Arial">{SIMPLETEXT7}</font></td>
            </tr>
            <tr>
            <td width="140"><font size="3" color="#BF0000" face="Arial"><strong>Fecha</strong></font></td>               
            <td width="487"><font size="2" color="#FFFFFF" face="Arial">{TEXT2}</font></td>
            </tr>
            <tr>
            <td width="140"><font color="#BF0000" size="3" face="Arial"><strong>Lanzamiento</strong></font></td>       
            <td width="487"><font size="2" color="#FFFFFF" face="Arial">{SIMPLETEXT9}</font></td> 
            </tr>            
        </table>
    </td>
    </tr>    
</table>
Tabla2:

BBCODE

Código: Seleccionar todo

[tabla2]{TEXT1};{TEXT2};{TEXT3}[/tabla2]
HTML

Código: Seleccionar todo

<table>	
	<tr>
    <td align="LEFT" valign="TOP" width="215">
    	<table>            	
        	<tr>
            <td width="215">
            	<table>                        	
                	<tr>
                    <td><strong><font color="#BF0000" size="2" face="Arial">Portada</font></strong></td>
                    </tr>
                    <tr>
                    <td><a href="{TEXT1}"><img style="max-width:155px; max-height: 215px;" src="{TEXT1}"></td>                                
                    </tr>                           
                </table>
            </td>
            </tr>               
        </table>
    </td>
    <td valign="TOP" width="215">
     	<table>            	
           	<tr>
            <td width="215">
               	<table>                        	
                  	<tr>
                    <td><strong><font color="#BF0000" size="2" face="Arial">Contraportada</font></strong></td>
                    </tr>
                    <tr>
                    <td><a href="{TEXT2}"><img style="max-width:155px; max-height: 215px;" src="{TEXT2}"></td>
                    </tr>                           
                </table>
            </td>
            </tr>               
        </table>
    </td>
    <td valign="TOP" width="215">
    	<table>            	
          	<tr>
            <td width="215">
              	<table>                        	
                   	<tr>
                    <td><font size="2" color="#BF0000" face="Arial"><b>Cartucho</b></font></td>                                
                    </tr>
                    <tr>
                    <td><a href="{TEXT3}"><img style="max-width:155px; max-height: 215px;" src="{TEXT3}"></td>      
                    </tr>                            
                </table>
            </td>
            </tr>                
        </table>
    </td>
    </tr>   
</table>
Tabla3:

BBCODE

Código: Seleccionar todo

[tabla3]{TEXT1};{TEXT2};{TEXT3};{TEXT4};{TEXT5};{TEXT6}[/tabla3]
HTML

Código: Seleccionar todo

<table>	
	<tr>
    <td class="subtitle-offcenter-2"><strong><font color="#BF0000" size="5" face="Arial">Imagenes</font></td>
    </tr>
    <tr>
    <td>
    	<table>            	
        	<tr>
            <td valign="TOP" width="212">
            	<table>                        	
                	<tr>
                    <td width="212">
                   		<table>                                		
                        	<tr>
                            <td height="140" valign="TOP" width="209"><a href="{TEXT1}"><img style="max-width:209px; max-height: 140px;" src="{TEXT1}"></td>
                            </tr>                                    	
                        </table>
                    </td>
                    </tr>                          
                </table>
            </td>
            <td valign="TOP" width="212">
               	<table>                    		
               		<tr>
               		<td width="212">
                      	<table>                            				
               				<tr>
                   			<td height="140" valign="TOP" width="209"><a href="{TEXT2}"><img style="max-width:209px; max-height: 140px;" src="{TEXT2}"></td>
                   			</tr>                                		
                   		</table>
               		</td>
               		</tr>                        	
                </table>
            </td>
            <td valign="TOP" width="212">
               	<table>                        	
                  	<tr>
                    <td width="212">
                       	<table>                                    	
                           	<tr>
                            <td height="140" valign="TOP" width="209"><a href="{TEXT3}"><img style="max-width:209px; max-height: 140px;" src="{TEXT3}"></td>
                            </tr>                                       
                        </table>
                    </td>
                    </tr>                            
                </table>
            </td>
            </tr>
            <tr>
            <td valign="TOP" width="212">
            	<table>                        	
                	<tr>
                    <td width="212">
                    	<table>                                    	
                        	<tr>
                            <td height="140" valign="TOP" width="209"><a href="{TEXT4}"><img style="max-width:209px; max-height: 140px;" src="{TEXT4}"></td>
                            </tr>                                       
                        </table>
                    </td>
                    </tr>                            
                </table>
            </td>
            <td valign="TOP" width="212">
   		       	<table>                        	
                 	<tr>
                    <td width="212">
        	           	<table>                                    	
            	          	<tr>
                            <td height="140" valign="TOP" width="209"><a href="{TEXT5}"><img style="max-width:209px; max-height: 140px;" src="{TEXT5}"></td>
                            </tr>                                      
                        </table>
                    </td>
                    </tr>                            
                </table>
            </td>
            <td valign="TOP" width="212">
       	    	<table>                        	
        	       	<tr>
                    <td width="212">
            	       	<table>                                    	
                	       	<tr>
                            <td height="140" valign="TOP" width="209"><a href="{TEXT6}"><img style="max-width:209px; max-height: 140px;" src="{TEXT6}"></td>
                            </tr>                                      
                        </table>
                    </td>
                    </tr>                            
                </table>
            </td>
            </tr>               
        </table>
    </td>
    </tr>      
</table>
Tabla4:

BBCODE

Código: Seleccionar todo

[tabla5]{TEXT}[/tabla5]
HTML

Código: Seleccionar todo

<table>	
	<tr>
    <td><font size="5" color="#BF0000" face="Arial">Resumen</font></td>
    </tr>
    <tr>
    <td>
    	<table>            	
        	<tr>
            <td height="18" width="640"><font size="2" color="#FFFFFF" face="Arial">{TEXT}</font></td>
            </tr>               
        </table>
    </td>
    </tr>    
</table>
A continuación os pongo un ejemplo de lo que hacen estos 4 bbcode.

Imagen

Estas son mis preguntas.

1) ¿Cómo puede añadir mas de una imagen usando {URL} , en vez de {TEXT},{TEXT1},{TEXT2}, etc?.

He probado con {URL1};{URL2}.. y nada, no me los reconoce.

2) ¿Se puede pasar estas tablas a php o hacerlas más seguras?.

Es sobretodo para quitar todas las etiquetas {TEXT}, que no son muy seguras ponerlas al usar html.

Muchas gracias por vuestra ayuda.
Infojuegos

Versión Phpbb: 3.0.8


Volver a “❓ Dudas sobre BBCode”