Tutorial Crear Fondos para mensajes - LilianaLoisDiseños

% nuestra tablaba variara de a cuerdo al tamaño de la hoja donde la coloquemos ,se agranddara o achicara para mantener siempre el mismo porcentaje con respecto a la hoja

tabla ancho 95 % y alto 5 %

pixeles nos da un tamaño fijo de fondo independientemente del tamaño de la hoja sobre el cual lo vayamos a aplicar

tabla ancho y alto 95 pixeles

Borde

Esta opcion nos permite variar el contorno de la tabla

podemos variar el ancho

Borde 1

Borde 5

Borde 10

o el color

Todas las tablas tienen borde 3 y color de borde diferentes

color de borde

0099FF

color de borde

FFCC00

color de borde

00CC33

(como respuesta a este mensaje les dejare la tabla de colores para que sepan los codigos correspondientes de los diferentes colores)

Margen de celdas

marca es espacio entre el borde y el inicio del texto

margen de celdas 2

Texto aqui

margen de celdas 4

Texto aqui

margen de celdas 10

Texto aqui

margen de celdas 50

Texto aqui

Espaciado de celdas

Marca el espacio entre el borde principal y un segundo borde

espaciado de celdas 5

espaciado de celdas 15

Tutorial©LilianaLois

Primer

Anterior 2 a 8 de 8 Siguiente

Último

Respuesta

Mensaje 2 de 8 en el tema

De: liliana®

Enviado: 07/08/2009 21:44

Alineacion

Usamos esta opcion para elegir que lugar queremos que ocupe la tabla en nuestra pagina o una tabla dentro de otra.

Las opciones son derecha ,centrada ,izquierda y predeterminada

Si usamos la opcion predeterminada ,nuestra tabla respondera a la opcion que hayamos elegido en nuestra pagina con anterioridad.

Color de fondo

Al igual que los bordes todos los colores tienen un codigo html que corresponde a cada color

completa con el codigo del color deseado

color de fondo

FFFFF

color de fondo

0099FF

color de fondo

FFCC00

color de fondo

00CC33

(como respuesta a este mensaje les dejare la tabla de colores para que sepan los codigos correspondientes de los diferentes colores)

Imagen de fondo ( url)

Toda imagen que se encuentra en la web tiene una direccion url .

Para conocerla simplemente debes apoyar el mouse sobre ella

clickear sobre el lado derecho de mousse

se te desplegara el panel de opciones

la ultima de ellas es Propiedades

clickea ali

busca donde dice direccion url

copiala -( ten cuidado de copiarla completa o no funcionara )

y pegala - en donde dice imagen de fondo (url )

El album de fotos del grupo te facilita el paso de buscar la direccion url ya que al pie de la imagen la encuentras

Nuestro grupo ya tiene dos albumes de fondos

Fondos

Fondos 2

Si hiciste algun fondito con las lilis puedes dejarnoslo aqui

Fonditos de regalo

espero que pronto tengamos mas

Si quieres ver las imagenes de forma mas comoda ingresa en

Recursos paint shop pro

Nota : por mas que elijas una imagen de fondo para tus fondos siempre debes elejir un color de fondo parecido al de la imagen ,asi si por algun motivo tu imagen no se ve al menos se vera el color de fondo

Luego de completar todas las opciones clickeas en insertar tabla y ya tienes tu tabla lista.

Realiza la cantidad de tablas que desees

luego copia y pega una dentro de la otra para armar tu fondo

empieza por la tabla de mas arriba ,donde va a ir el texto ,luego copia las dos y pegalas sobre la tercera y asi hasta pegar todas sobre la ultima tabla

Texto

Aqui

Respuesta

Mensaje 3 de 8 en el tema

De: liliana®

Enviado: 07/08/2009 22:40

Como modificar nuestros fondos ya hechos

Lamentablemente aqui no tenenos aun esa opcion que nos resultaba tan comoda pero bueno , la opcion para modificar los fondos de manera mas facil es siguiente

insertamos los siguientes datos en la tablita de insertar fabla

ancho

150 pixeles

alto

150 pixeles

Borde

1

color de Borde

ffffff

margen de celdas

15

espacio de celdas

5

alineacion

centrar

color de fondo

00339

imagen de fondo

http://www.gabitogrupos.com/LilianaLoisDisenos/images/1s-lilianalois.jpg

como resultado tenemos el siguiente fondo

Texto

Aqui

vamos a ir a la pestaña html

y veremos que en ese lenguaje nuestro fondo se lee asi

height="150" cellspacing="5" cellpadding="15" width="150" align="center" bgcolor="#003399" background="http://www.gabitogrupos.com/LilianaLoisDisenos/images/1s-lilianalois.jpg" border="1">

vamos a modificar los valores entre comillas que deseemos modificar ,cuidando de solo borrar el dato y no borrar las comillas ni ninguna otra cosa

Como veran nuestra tabla esta en castellano y el lenguaje html esta en ingles

aqui les dejo esta tabla para que sepan cual es cada cosa

ancho

width

alto

height

Borde

border

color de Borde

bordercolor

margen de celdas

cellpadding

espacio de celdas

cellspacing

alineacion

align

color de fondo

bgcolor

imagen de fondo
background

Aqui les dejo unos ejemplos del lenguaje html modificado y el resultado sobre la tabla

height="450" cellspacing="25" cellpadding="5" width="50" align="center" bgcolor="#003399" border="4">

Texto Aqui

height="50" cellspacing="1" cellpadding="34" width="100" align="center" bgcolor="#003399" background="http://www.gabitogrupos.com/LilianaLoisDisenos/images/8w-lilianalois.jpg" border="12">

Texto

Aqui

NOTA fijense que el alto y el ancho solo dicen un numero ,eso esta hablando de que son pixeles ,en el caso de que nosotros hayamos elejido la opcion % ,el simbolo aparecera seguido del numero

height="2%" cellspacing="5" cellpadding="15" width="25%" align="center" bgcolor="#003399" background="http://www.gabitogrupos.com/LilianaLoisDisenos/images/1s-lilianalois.jpg" border="1">

Texto Aqui

Tutorial©LilianaLois

Todos los derechos reservados

Respuesta

Mensaje 4 de 8 en el tema

De: liliana®

Enviado: 07/08/2009 22:59

COLOR 000000	COLOR 000033	COLOR 000066	COLOR 000099	COLOR 0000CC	COLOR 0000FF
COLOR 000000	COLOR 000033	COLOR 000066	COLOR 000099	COLOR 0000CC	COLOR 0000FF
COLOR 003300	COLOR 003333	COLOR 003366	COLOR 003399	COLOR 0033CC	COLOR 0033FF
COLOR 003300	COLOR 003333	COLOR 003366	COLOR 003399	COLOR 0033CC	COLOR 0033FF
COLOR 006600	COLOR 006633	COLOR 006666	COLOR 006699	COLOR 0066CC	COLOR 0066FF
COLOR 006600	COLOR 006633	COLOR 006666	COLOR 006699	COLOR 0066CC	COLOR 0066FF
COLOR 0000	COLOR 009933	COLOR 009966	COLOR 009999	COLOR 0099CC	COLOR 0099FF
COLOR 009900	COLOR 009933	COLOR 009966	COLOR 009999	COLOR 0099CC	COLOR 0099FF
COLOR 00CC00	COLOR 00CC33	COLOR 00CC66	COLOR 00CC99	COLOR 00CCCC	COLOR 00CCFF
COLOR 00CC00	COLOR 00CC33	COLOR 00CC66	COLOR 00CC99	COLOR 00CCCC	COLOR 00CCFF
COLOR 00FF00	COLOR 00FF33	COLOR 00FF66	COLOR 00FF99	COLOR 00FFCC	COLOR 00FFFF
COLOR 00FF00	COLOR 00FF33	COLOR 00FF66	COLOR 00FF99	COLOR 00FFCC	COLOR 00FFFF

COLOR 000000 COLOR 000033 COLOR 000066 COLOR 000099 COLOR 0000CC COLOR 0000FF

COLOR 000000 COLOR 000033 COLOR 000066 COLOR 000099 COLOR 0000CC COLOR 0000FF

COLOR 330000 COLOR 330033 COLOR 330066 COLOR 330099 COLOR 3300CC COLOR 3300FF
COLOR 330000 COLOR 330033 COLOR 330066 COLOR 330099 COLOR 3300CC COLOR 3300FF

COLOR 660000 COLOR 660033 COLOR 660066 COLOR 660099 COLOR 6600CC COLOR 6600FF

COLOR 660000 COLOR 660033 COLOR 660066 COLOR 660099 COLOR 6600CC COLOR 6600FF

COLOR 990000 COLOR 990033 COLOR 990066 COLOR 990099 COLOR 9900CC COLOR 9900FF

COLOR 990000 COLOR 990033 COLOR 990066 COLOR 990099 COLOR 9900CC COLOR 9900FF

COLOR CC0000 COLOR CC0033 COLOR CC0066 COLOR CC0099 COLOR CC00CC COLOR CC00FF

COLOR CC0000 COLOR CC0033 COLOR CC0066 COLOR CC0099 COLOR CC00CC COLOR CC00FF

COLOR FF0000 COLOR FF0033 COLOR FF0066 COLOR FF0099 COLOR FF00CC COLOR FF00FF

COLOR FF0000 COLOR FF0033 COLOR FF0066 COLOR FF0099 COLOR FF00CC COLOR FF00FF

Respuesta

Mensaje 5 de 8 en el tema

De: liliana®

Enviado: 07/08/2009 23:50

COLOR 000000	COLOR 003300	COLOR 006600	COLOR 009900	COLOR 00CC00	COLOR 00FF00
COLOR 000000	COLOR 003300	COLOR 006600	COLOR 009900	COLOR 00CC00	COLOR 00FF00
COLOR 330000	COLOR 330000	COLOR 336600	COLOR 339900	COLOR 33CC00	COLOR 33FF00
COLOR 330000	COLOR 333300	COLOR 336600	COLOR 339900	COLOR 33CC00	COLOR 33FF00
COLOR 660000	COLOR 663300	COLOR 666600	COLOR 669900	COLOR 66CC00	COLOR 66FF00
COLOR 660000	COLOR 663300	COLOR 666600	COLOR 669900	COLOR 66CC00	COLOR 66FF00
COLOR 990000	COLOR 993300	COLOR 996600	COLOR 999900	COLOR 99CC00	COLOR 99FF00
COLOR 990000	COLOR 993300	COLOR 996600	COLOR 999900	COLOR 99CC00	COLOR 99FF00
COLOR CC0000	COLOR CC3300	COLOR CC6600	COLOR CC9900	COLOR CCCC00	COLOR CCFF00
COLOR CC0000	COLOR CC3300	COLOR CC6600	COLOR CC9900	COLOR CCCC00	COLOR CCFF00
COLOR FF0000	COLOR FF3300	COLOR FF6600	COLOR FF9900	COLOR FFCC00	COLOR FFFF00
COLOR FF0000	COLOR FF3300	COLOR FF6600	COLOR FF9900	COLOR FFCC00	COLOR FFFF00

COLO FFOOOO	COLOR FF0033	COLOR FF0066	COLOR FF0099	COLOR FF00CC	COLOR FF00FF
COLOR FF0000	COLOR FF0033	COLOR FF0066	COLOR FF0099	COLOR FF00CC	COLOR FF00FF
COLOR FF3300	COLOR FF3333	COLOR FF3366	COLOR FF3399	COLOR FF33CC	COLOR FF33FF
COLOR FF3300	COLOR FF3333	COLOR FF3366	COLOR FF3399	COLOR FF33CC	COLOR FF33FF
COLOR FF6600	COLOR FF6633	COLOR FF6666	COLOR FF6699	COLOR FF66CC	COLOR FF66FF
COLOR FF6600	COLOR FF6633	COLOR FF6666	COLOR FF6699	COLOR FF66CC	COLOR FF66FF
COLOR FF9900	COLOR FF9933	COLOR FF9966	COLOR FF9999	COLOR FF99CC	COLOR FF99FF
COLOR FF9900	COLOR FF9933	COLOR FF9966	COLOR FF9999	COLOR FF99CC	COLOR FF99FF
COLO FFCC00	COLO FFCC33	COLO FFCC66	COLO FFCC99	COLO FFCCCC	COLO FFCCFF
COLO FFCC00	COLO FFCC33	COLO FFCC66	COLO FFCC99	COLO FFCCCC	COLO FFCCFF
COLOR FFFF00	COLOR FFFF33	COLOR FFFF66	COLOR FFFF99	COLOR FFFFCC	COLOR FFFFFF
COLOR FFFF00	COLOR FFFF33	COLOR FFFF66	COLOR FFFF99	COLOR FFFFCC	COLOR FFFFFF

COLOR 00FF00	COLOR 00FF33	COLOR 00FF66	COLOR 00FF99	COLOR 00FFCC	COLOR 00FFCC
COLOR 00FF00	COLOR 00FF33	COLOR 00FF66	COLOR 00FF99	COLOR 00FFCC	COLOR 00FFFF
COLOR 33FF00	COLOR 33FF33	COLOR 33FF66	COLOR 33FF99	COLOR 33FFCC	COLOR 33FFFF
COLOR 33FF00	COLOR 33FF33	COLOR 33FF66	COLOR 33FF99	COLOR 33FFCC	COLOR 33FFFF
COLOR 66FF00	COLOR 66FF33	COLOR 66FF66	COLOR 66FF99	COLOR 66FFCC	COLOR 66FFFF
COLOR 66FF00	COLOR 66FF33	COLOR 66FF66	COLOR 66FF99	COLOR 66FFCC	COLOR 66FFFF
COLOR 99FF00	COLOR 99FF33	COLOR 99FF66	COLOR 99FF99	COLOR 99FFCC	COLOR 99FFFF
COLOR 99FF00	COLOR 99FF33	COLOR 99FF66	COLOR 99FF99	COLOR 99FFCC	COLOR 99FFFF
COLO CCFF00	COLO CCFF33	COLO CCFF66	COLO CCFF99	COLO CCFFCC	COLO CCFFFF
COLO CCFF00	COLO CCFF33	COLO CCFF66	COLO CCFF99	COLO CCFFCC	COLO CCFFFF
COLOR FFFF00	COLOR FFFF33	COLOR FFFF66	COLOR FFFF99	COLOR FFFFCC	COLOR FFFFFF
COLOR FFFF00	COLOR FFFF33	COLOR FFFF66	COLOR FFFF99	COLOR FFFFCC	COLOR FFFFFF

Respuesta

Mensaje 6 de 8 en el tema

De: liliana®

Enviado: 07/08/2009 23:54

COLOR 0000FF COLOR 0033FF COLOR 0066FF COLOR 0099FF COLOR 00CCFF COLOR 00FFFF

COLOR 0000FF COLOR 0033FF COLOR 0066FF COLOR 0099FF COLOR 00CCFF COLOR OOFFFF

COLOR 3300FF COLOR 3333FF COLOR 3366FF COLOR 3399FF COLOR 33CCFF COLOR 33FFFF
COLOR 3300FF COLOR 3333FF COLOR 3366FF COLOR 3399FF COLOR 33CCFF COLOR 33FFFF

COLOR 6600FF COLOR 6633FF COLOR 6666FF COLOR 6699FF COLOR 66CCFF COLOR 66FFFF

COLOR 6600FF COLOR 6633FF COLOR 6666FF COLOR 6699FF COLOR 66CCFF COLOR 66FFFF

COLOR 9900FF COLOR 9933FF COLOR 9966FF COLOR 9999FF COLOR 99CCFF COLOR 99FFFF

COLOR 9900FF COLOR 9933FF COLOR 9966FF COLOR 9999FF COLOR 99CCFF COLOR 99FFFF

COLO CC00FF COLO CC33FF COLO CC66FF COLO CC99FF COLO CCFFFF COLO CCFFFF

COLO CC00FF COLO CC33FF COLO CC66FF COLO CC99FF COLO CCCCFF COLO CCFFFF

COLOR FF00FF COLOR FF33FF COLOR FF66FF COLOR FF99FF COLOR FFCCFF COLOR FFFFFF

COLOR FF00FF COLOR FF33FF COLOR FF66FF COLOR FF99FF COLOR FFCCFF COLOR FFFFFF

Respuesta

Mensaje 7 de 8 en el tema

De: liliana®

Enviado: 08/08/2009 00:18

traycolor.exe

Este es un programa que ejecuta una ventana donde les permite elejir un color y les da el codigo html del mismo , ideal para que lo tengan abierto mientras estan armando sus fondos

Respuesta

Mensaje 8 de 8 en el tema

De: liliana®

Enviado: 08/08/2009 00:50

Programa Tray Color

Si desean pueden guardar el programa para tenerlo a mano y no tener que venir a este mensaje cada vez que lo quieran usar .

Sino simplemente clickeen en ejecutar.

Cuando le doy ejecutar A mi me aparece Advertencia editor desconocido ,pero no pasa nada ,les aviso para que no se asusten ,yo hace mucho que tengo este programa.

Recuerden tildar la opcion html para que el numero que aparezca corresponda a dicho codigo.

Supongamos que yo quiero usar esta tabla y en lugar de borde negro deseo darle un borde naranja igual a los que tiene el fondo

Texto

Aqui

Voy a mi programa donde dice grab color ,les aparecera un gotero ,coloquen el gotero

sobre la tabla y opriman con el lado derecho del mouse

el color se grabara en el programa y nos dara el codigo

Por ejemplo estos son algunos de los colores de mi tabla

#EFA065

Texto

Aqui

#976439

Texto

Aqui

#C48657

Texto Aqui

Primer

Anterior 2 a 8 de 8 Siguiente

Último

Tema anterior Tema siguiente