PDA

Ver la Versión Completa : Tutorial: Cómo hacer/editar tablas (V.2.)



R.A.S.
13/12/2011, 20:57
Buenas a todos.

Desde la reciente actualización del software del foro, el tema de las tablas ha cambiado.

Es por ello, que intentaré explicar un poco cómo hacer o editar una tabla sin morir en el intento.

En primer lugar tendremos que modificar las opciones del interfaz del editor de mensajes. Para ello iremos a: Panel de Control --> Configuración general --> Interfaz del Editor de Mensajes --> Marcar la opción: Interfaz Mejorada - Edición con WYSIWYG

(también se puede acceder desde aquí: Editar opciones ([Only registered and activated users can see links]) )

.
[Only registered and activated users can see links] ([Only registered and activated users can see links])





En segungo lugar, cuando editemos un post, tendremos que usar el "modo avanzado", pues de no ser así nos saldrá en un formato ilegible.

.
[Only registered and activated users can see links] ([Only registered and activated users can see links])



Una vez estemos en el "modo avanzado", veremos que tenemos unos nuevos iconos que hacen referencia a las tablas. Esto es lo nuevo en esta versión.

.
[Only registered and activated users can see links] ([Only registered and activated users can see links])




El significado de los iconos, por orden (si se pone el ratón encima del icono aparecerá una descripción):

.
[Only registered and activated users can see links] ([Only registered and activated users can see links])




Crear una tabla.
Propiedades de una tabla (para cuando se modifica una ya creada).
Borrar una tabla
Fila - Insertar por delante de la actual.
Fila - Insertar por detrás de la actual.
Fila - Borrar fila actual.
Columna - insertar columna por delante de la actual.
Columna - insertar columna por detrás de la actual.
Columna - borrar columna actual.




CREAR UNA TABLA:


Seleccionar el icono correspondiente para crear una tabla nueva:

.
[Only registered and activated users can see links] ([Only registered and activated users can see links])



Nos aparecerá un menú para elegir las opciones que queramos:

.

[Only registered and activated users can see links] ([Only registered and activated users can see links])




En esa pantalla de propiedades de la tabla, pondremos lo que necesitemos. Para el ejemplo pondremos una tabla de:

Rows = 10 filas.
Columns = 4 columnas.
Width = 300 pixels de anchura total de la tabla.
Table Style = No border (sin bordes ningunos), Outer border (sólo el borde exterior) o Full Grid (todos los bordes)
Aligment = Alineación del texto dentro de la tabla, Left (izquierda), Center (centrado) o Right (derecha).



Con los datos anteriores en las propiedades de tabla:

.
[Only registered and activated users can see links] ([Only registered and activated users can see links])



Obtendremos una tabla tal que así:
.

[Only registered and activated users can see links] ([Only registered and activated users can see links])



Ahora sólo nos queda ir introduciendo los datos. Se pueden usar los formatos de texto (negrita, color, tamaño, etc...) Por ejemplo:
.

[Only registered and activated users can see links] ([Only registered and activated users can see links])



En cuanto al estilo de la tabla (bordes), estas son las opciones:
.
.
Tal como se ven cuando se está editando/creando la tabla: ........................... Tal como se verá al enviar el mensaje:



[Only registered and activated users can see links] ([Only registered and activated users can see links]) .................................................. ..................................[Only registered and activated users can see links] ([Only registered and activated users can see links])






EDITAR UNA TABLA:


La mayoría de las veces lo que hacemos es añadir datos a una tabla ya creada, pues aunque parezca mentira, ahora es mucho más sencillo.

Tendremos una tabla con datos ya creados por otro usuario, y por ejemplo, en el caso de las listas de las kdds, lo que tenemos que ir haciendo es añadirnos.
.

[Only registered and activated users can see links] ([Only registered and activated users can see links])



Citaremos el post anterior, quitamos los "quotes" y dejamos la tabla tal cual. Ahora nos posicionamos en la última fila y pinchamos el icono de "Insertar fila después":
.

[Only registered and activated users can see links] ([Only registered and activated users can see links])



Veremos como nos ha añadido una línea nueva:
.

[Only registered and activated users can see links] ([Only registered and activated users can see links])



Ahora ya podemos añadir nuestros datos:
.

[Only registered and activated users can see links] ([Only registered and activated users can see links])




Aquí se ha visto cómo añadir una fila a final de una tabla. Si por el contrario se quisiera añadir delante de otra fila, se usaría el icono correspondiente. Si fueran columnas, pues lo mismo.

Con el segundo icono "Propiedades de tabla", se pueden modificar ciertas propiedades como la anchura, bordes,... pero NO se podrá modificar el nº de filas/columnas. Para ello se usarán los iconos que hemos visto anteriormente.



Bueno, pues con esto ya estaría terminado el tutorial de "Cómo hacer/editar una tabla y no morir en el intento".


Espero que os sea de ayuda.

OTdiS
13/12/2011, 21:37
Muy buen tutorial, sencillo y con toda la información necesaria :ok: Hay que prestar especial atención al interfaz que se tiene configurado, si no está seleccionado la "Interfaz mejorada - Edición con WYSIWYG" se complica bastante.

Para el que no lo sepa "WYSIWYG" significa "what you see is what you get" o lo que es lo mismo "lo que ves es lo que tienes".

pas-pas
14/12/2011, 06:55
Yo soy más chungo. Edito y añado "a pelo" a base de comandos HTML jajaja

R.A.S.
14/12/2011, 11:05
Yo soy más chungo. Edito y añado "a pelo" a base de comandos HTML jajaja

Se dice que Chuck Norris (o en su defecto su pariente más cercano vivo, FULLI) las hacen en binario.

codi31
14/12/2011, 15:27
muy buen tutorial R.A.S, muy buen aporte y gran trabajo..yo de códigos HTML y Binarios no entiendo nada, se mas de mujeres y de vida nocturna (creo que aporta mas) :meparto: :meparto: voy a contribuir a que tengas otra medalla verde mas. salu2

serpasoria
06/01/2012, 12:15
Una vez echa la tabla y rellenada, a que ahi que darle,por que envo mensaje y me aparece no code has inserted ....

Perdonar mi ignoraciona.....

R.A.S.
06/01/2012, 21:01
Prueba a poner cualquier cosa fuera de la tabla, no sea que no deje enviar solo el código de la tabla

serpasoria
06/01/2012, 21:19
Ni asi me sale compañero.......me tiene nervioso.....sera posible.....

elgolfo
08/01/2012, 20:58
Maravilloso tutoraial, para los mas tarugos como yo nos viene muy bien. Gracias compañero.

navio
23/01/2012, 20:10
Es bastante facil ahora crear tablas asi, pero la estetica me gusta mas el anterior modelo.

KikiVan
11/05/2017, 01:10
Pues a mi la nueva estética me parece buena. Gracias por el manual!

JUPIJ79
01/11/2018, 17:26
Gracias por el manual

jolumaoj
16/08/2019, 07:59
Muchas gracias por el tutorial compañero. Muy preciso y detallado.