Home  |  Contact  

Email:

Password:

Sign Up Now!

Forgot your password?

El Patio Rosa
 
What’s New
  Join Now
  Message Board 
  Image Gallery 
 Files and Documents 
 Polls and Test 
  Member List
 ~*GENERALIDADES*~ 
 .-*-. Materiales.-*-. 
 ~CLASES~ 
 ~*TAREAS*~ 
 
 
  Tools
 
~CLASES~: Reanudando ~8~ *TABLAS AL FORO SIN DESFASE*~
Choose another message board
Previous subject  Next subject
Reply  Message 1 of 9 on the subject 
From: Sirena Laurie  (Original message) Sent: 16/11/2010 06:49

 

2.gif picture by Sirlaurie

 

 

Después de mucho tiempo desaparecida, por el cual les pido disculpas,  estoy de vuelta.

 

Ya no recuerdo cual fue el motivo inicial de mi distracción, si exceso de trabajo, problemas en mi computadora, el cambio de turno o que, pero me fui distrayendo de las clases.

 

Espero que esto no influya negativamente en el aprendizaje que habíamos logrado, pero si ese es el caso, podemos ponernos todas a practicar desde el principio y ante cualquier duda, aquí estaré para ayudarlas.

 

El día de hoy retomaremos una clase que habíamos comenzado antes, pero hacía falta detallar; una de las inquietudes y propósitos principales de las clases, es aprender a llevar las tablas al foro y poder así decorar mensajes, posteos, fics, etc.  Si hasta ahora lo han intentado se darán cuenta que la tabla aparece desfasada, es decir con unos espacios muy amplio que hacen que luzca muy mal.

 

Bien, después de las explicaciones comencemos la clase.

 

Necesitaremos:

 

Tres pestañas o ventanas de internet abiertas: una para el photobucket, otra para el foro rosa* y la correspondiente a este foro.

*En el Foro Rosa trabajamos en la sección de la papelera.

He creado un díalogo nuevo para postear ahi los resultados de esta clase.

Los fondos que utilizaremos son algunos de esta tabla.

 

COMENCEMOS

PRIMERO, vamos a elaborar una tabla de las siguientes características:

Filas 1: columnas:0, ancho:0, alto: 0;

Relleno de la celda: 0, espacio de la celda: 35

Alineación centrada

Borde:0

Imagen de fondo: URL  de la siguiente imagen:

   

3.jpg picture by Sirlaurie 
  
Recuerden que ese URL pueden tomarlo directamente desde photobucket, o de la imagen  poniendo sobre ella el botón derecho y seleccionando las propiedades, al hacer esto en la caja de texto nos mostrara el URL, mismo que debemos de copiar y pegar en el reglón correspondiente.
 

 

Una vez elaborada la primera tabla, vamos a elaborar una segunda tabla. Para eso vamos a poner el cursor dentro de la tabla elaborada, hecho esto presionaremos la tecla SUPR y luego la tecla BACK, las veces que sean necesarias para eliminar cualquier espacio dentro de la tabla. Esta acción tiene el fin de que la tabla quede completamente cuadradita, sin espacios entre las diferentes tablas, con lo cual queda mucho más estética.

 

Haciendo click en el botón derecho nos aparecerá la opción  “insertar una nueva tabla”. Así:

c8.jpg picture by Sirlaurie

 

Nos abrirá el la caja de texto de las tablas y elaboraremos la segunda con los siguientes valores:

 

Filas:1, columnas: 1, ancho: 700,  alto: 0;

 Relleno de celda:0 espacio de celda: 10;

Alineación centrada,  borde:0;

 Imagen de fondo el URL  de la siguiente imagen.

 4.jpg 
 
Ponemos dentro de ella alguna imagen, nuestro nombre o imagen de firma, lo que gusten poner solo de forma distintiva.

Ponemos dentro de ella alguna imagen o firma o su nombre, lo que gusten poner de forma distintiva; si no se les ocurre nada pongan la siguiente imagen:

1.jpg picture by Sirlaurie

 

Yo pondré mi firma de gatita y lucirá así:

 

 

lau.png picture by Sirlaurie

 

Bien, tendremos entonces, nuestra tabla elaborada, y esa es la que llevaremos al foro rosa.

 

Antes de continuar, vamos a seleccionar la tabla y presionaremos las teclas CTRL y C  al mismo tiempo; esto como medida de seguridad, si al momento de trabajar, la conexión falla, el grupo, etc, podremos recuperar nuestra tabla. 

 

c82.jpg picture by Sirlaurie

 

Bien ahora, lo que haremos una vez terminada nuestra tabla y luego copiada por seguridad, vamos a ubicar el botón de la barra de herramientas que convierte las imágenes a código HTML, que es uno de los que maneja el foro.

 

c83.jpg picture by Sirlaurie

Al hacer esto, se abrirá una nueva caja de texto y entonces aparecerán una serie de letras, que en realidad son comandos de texto.  Este código es el que copiaremos para llevar la tabla al foro, el código se copia en su totalidad y se pega en el mensaje del foro.

 

c84.jpg

 

¿Cómo evitar que se desfase la tabla?.

Si han intentado llevar alguna tabla al foro compuesta de varios fondos, se han dado cuanta de que salen con unos espacios entre ellos que la hacen ver muy mal; ahora vamos a ver como hacer para evitar ese problema.

 

Una vez que tenemos el código, vamos entonces a  borrar los espacios entre las BALIZAS  o entre un cierre de comando y otro. Por balizas me refiero a estos símbolos  >         < que se muestran así “abiertos”  en el código original.

 

Ese espacio entre ellos es lo que hace que las tablas se desfasen, por eso el espacio entre las balizas debe eliminarse,  o cerrarse las balizas para que queden de esta forma:   ><. Para hacer lo anterior unicamente colocamos el cursor en el texto y presionamos la tecla borrar, como en cualquier otro texto.

Debe quedarnos como se ve en la imagen:  

c85.jpg

 Nota: solo debemos borrar los espacios entre balizas correspondientes a la tabla, yo los identifico por los valores de los ultimos comandos, en este caso el ancho de 700 y el espacio de 10.

Solo he cerrado las balizas correspondientes a la tabla, ya las balizas correspondientes al texto, no es necesario cerrarlas, esas no nos desfazan la tabla.  Las balizas de la tabla las identificamos por los últimos valores que aparecen, es decir, los valores de la tabla.

En la imagen resalto el valor de la ultima tabla, que lo reconozco por el 700 que puse de ancho y el 10 que puse de espacio de celda:

c88.jpg

 

Una vez eliminadas los espacios del código de la tabla, SELECCIONAMOS el código completo; para hacerlo colocamos el cursor en cualquier parte del texto y posterior a ello, presionamos las teclas CTRL E al mismo tiempo.

El cursor no debe estar presionado, ni seleccionando algo, solo debe estar ubicado en alguna de las partes del texto. Al hacerlo el texto se verá seleccionado con un subrayado azul, así:

 C86.jpg

 

Despues de seleccionado el texto lo COPIAMOS, utilizando las teclas CTRL y C del teclado y presionandolas al mismo tiempo.

Seleccionado y copiado el texto vamos entonces a PEGARLO al Foro Rosa.

 

En el mensaje del foro,  nos colocamos en la caja de texto que nos permite escribir. Colocadas ahi presionamos las letras CTRL V del teclado.

Y nos va a aparecer el texto.

 

 c87.jpg picture by Sirlaurie

  

Una vez hecho esto damos click en “previsualizar” para ver como luce nuestra tabla; si es como esperabamos damos click en "enviar".

Bien chicas, ahi la clase, aunque parece complicado la verdad es que no lo es, solo es cuestión de fijarnos en que las balizas esten cerradas. 

Esa ha sido toda la clase,  si tiene problemas o dudas las estaré esperando para resolverlas todas.

 

Las tablas que elaboren, espero verlas en el espacio asignado para ello en el Foro Rosa, sección PAPELERA, díalogo:

 

 ~*Clases de Tablas*~ Reanundando. ~*Traer tablas al foro*~

 

 Nos vemos luego y estaré esperando sus respuestas y dudas.  

 
lau.png picture by Sirlaurie

 

 


First  Previous  2 to 9 of 9  Next   Last  
Reply  Message 2 of 9 on the subject 
From: lady pecosa Sent: 23/08/2011 04:10

 

1.jpg picture by Sirlaurie
 
Lady Pecosa
 
 

Reply  Message 3 of 9 on the subject 
From: ElsyTineo Sent: 15/12/2011 19:09

 

 
ELSY TINEO
 
 

Reply  Message 4 of 9 on the subject 
From: jipuk Sent: 03/04/2012 14:10

Reply  Message 5 of 9 on the subject 
From: mariposaTG Sent: 09/04/2012 01:08
                                                                   

Reply  Message 6 of 9 on the subject 
From: mariposaTG Sent: 10/04/2012 00:59
MARIPOSA TG...ISABEL..

Reply  Message 7 of 9 on the subject 
From: mariposaTG Sent: 10/04/2012 01:07
PROFE. LAURIE, MANDE DOS TABLAS Y NINGUNA DE LAS PUDÉ SUBIR A LA PAPELERA DEL FORO...LO SIENTO ME PILLA LA TECNOLOGÍA  MIS CARIÑOS PARA TÍ .

Reply  Message 8 of 9 on the subject 
From: Gly68 Sent: 10/04/2013 18:33

                                                           

                                           

Reply  Message 9 of 9 on the subject 
From: igzell Sent: 23/07/2014 03:10
no pude,es que se me hace complicado...si hay otra manera mas facil de pasarlo al foro,no duden en avisarme,claro,si ven este mensaje...en el foro y en todas partes me llamo Igzell
gracias de todos modo,aprendi mucho en tan solo un diammenos esto :/
1.jpg picture by SirlaurieIgzell
 




First  Previous  2 a 9 de 9  Next   Last  
Previous subject  Next subject
 
©2021 - Gabitos - All rights reserved