[Tutoriales] Tablas parte II
Cita de Goresito ↗
Parte III: COLOR - Dentro de las celdas
Dos pájaros de un tiro.
Las celdas son lo más importante dentro de una tabla, es decir, sin celdas no hay tabla, así de fácil, y ahora es el turno de aplicar la propiedad más llamativa a la celda, el COLOR
Se habrán dado cuenta con los temas anteriores, una celda es representada por las etiquetas
La etiqueta conocida como bgcolor actúa como color de fondo, se utiliza de esta manera:
Ejemplo:
| Tabla de 2x3 esta celda es roja | Tabla de 2x3 esta celda es azul | Tabla de 2x3 esta celda no tiene color |
| Tabla de 2x3 esta celda no tiene color | Tabla de 2x3 esta celda no tiene color | Tabla de 2x3 esta celda tambien es azul |
Código:
[TABLE ] [TR ] [TD="bgcolor: Red" ]Tabla de 2x3 esta celda es roja[/TD ] [TD="bgcolor: Blue" ]Tabla de 2x3 esta celda es azul [/TD ] [TD ]Tabla de 2x3 esta celda no tiene color[/TD ] [/TR ] [TR ] [TD ]Tabla de 2x3 esta celda no tiene color[/TD ] [TD ]Tabla de 2x3 esta celda no tiene color[/TD ] [TD="bgcolor: Blue" ]Tabla de 2x3 esta celda tambien es azul [/TD ] [/TR ] [/TABLE ] [B]Sin espacios!!![/B]
No es muy diferente a como utilizamos las propiedades anteriormente ¿no? aquí solo hay que observar que el color fue escrito en inglés, solo así funciona. Aquí una lista de los colores disponibles en inglés:
[/Gray
DimGray
LightSteelBlue
NavyBlue
LightSlateGray
SlateGray
SteelBlue
RoyalBlue
CornFlowerBlue
MediumSlateBlue
LightSlateBlue
SlateBlue
DarkSlateBlue
Navy
DarkBlue
MediumBlue
DodgerBlue
DeepSkyBlue
SkyBlue
LightSkyBlue
LightBlue
PowderBlue
Azure
LightCyan
PaleTurquoise
MediumTurquoise
LightSeaGreen
DarkCyan
Teal
CadetBlue
Aqua
Cyan
DarkTurquoise
Turquoise
Aquamarine
MediumAquamarine
DarkSeaGreen
MediumSeaGreen
SeaGreen
DarkGreen
DarkSlateGray
DarkOliveGreen
Olive
Green
ForestGreen
OliveDrab
LimeGreen
YellowGreen
Lime
Chartreuse
LawnGreen
GreenYellow
PaleGreen
LightGreen
SpringGreen
MediumSpringGreen
DarkKhaki
Gold
Khaki
PaleGoldenRod
BlanchedAlmond
Moccasin
Wheat
NavajoWhite
SandyBrown
Tan
BurlyWood
GoldenRod
Yellow
RosyBrown
DarkGoldenRod
Sienna
SaddleBrown
Chocolate
Peru
DarkRed
Maroon
Brown
FireBrick
Orange
IndianRed
LightCoral
Salmon
DarkSalmon
LightSalmon
Coral
Tomato
DarkOrange
OrangeRed
Crimson
Red
DeepPink
Magenta
Fuchsia
HotPink
Pink
LightPink
MediumOrchid
PaleVioletRed
Purple
MediumVioletRed
DarkMagenta
MediumPurple
BlueViolet
Indigo
DarkViolet
DarkOrdhic
Orchid
Violet
Plum
Tambien quiero que sepan que no son los únicos colores que se pueden utilizar, pues están los colores con su código Hexadecimal que seguramente muchos ya conocen, aquí les dejo una buena página donde pueden sacar armar su propio color y les saldrá el código en Hexadecimal: http://www.w3schools.com/tags/ref_colorpicker.asp
El código de colores se compone de #codigo, así que para utilizarlo en nuestra celda sería
Aquí el ejercicio del capítulo 3
Crear una tabla de 4x2 con alineación central, sin anchura definida, en las columnas de la primera fila escribir los títulos con letra blanca ALIMENTACIÓN y HORARIO deberán tener un color de fondo negro, las siguientes celdas con un color de fondo que se prefiera, y las primeras columnas de la fila 1, DESAYUNO COMIDA CENA, en las celdas de frente, escribir horarios de sus comidas xD 10:00 - 14:00 - 20:00
Aquí un ejemplo de Tablas con colores de fondo, con lo visto hasta ahora podremos hacer algo parecido y mucho más! http://www.cpokemon.com/foro/threads/35089-Explicación-Rangos-y-Colores-de-Usuarios.
Spoiler
skov <33
