Idea guardada 1 veces
Sé la primera persona en valorar esta idea Valorar

PONERLE COLOR AL TEXTO EN BLOGGER



Si desea escribir un texto con determinado color y fondo en la pestaña html de blogger, sólo debe saber que hay unas etiquetas que van delante y después del texto.
Ejemplo 1
<span ><span ><b>Aquí va el texto</b></span></span>
Aquí va el texto
Donde color: yellow es el color amarillo del texto
Donde "background-color: white;" es el fondo de color blanco
Ejemplo 2
<span ><b >Aquí va el texto.</b></span>
Aquí va el texto.
Donde color: purple es el color morado del texto
Donde "background-color: white;" es el fondo de color blanco
Cuando desee escribir un texto con un color en particular sólo debe poner en color: el nombre de su color preferido en inglés.
Asimismo si desea un color de fondo en particular solo debe poner en "background-color: el color de su preferencia"

CON LOS CÓDIGOS DE COLORES

Los códigos de colores son también muy útiles para darle color a nuestro texto.
Ejemplo:
<span ><b>Aquí va el texto.</b></span>
Donde color: #C0C0C0 es el color gris del texto
Aquí va el texto.
Cuando desee escribir un texto con un color en particular utilizando los códigos de colores, solo debe incluir después de color: el # con el respectivo código que corresponde al color de su elección.
Más abajo les mostramos los códigos hexadecimales que puede utilizar.
Nota.-
Después de que usted ha ubicado su código hexagesimal dentro de pestaña html, en Blogger automáticamente ese código de color es reemplazado por el nombre en inglés de dicho color. Así que la siguiente vez que revise su texto en html se dará cuenta que ya no está el código de color que puso en un inicio pero igual el color del texto estará y es lo que importa.
TABLA DE COLORES HEXADECIMALES
Nombre del colorCódigo hexColor "seguro para web" más cercano
BLANCO#FFFFFF#FFFFFF
AZUR#F0FFFF#FFFFFF
CREMA#F5FFFA#FFFFFF
NIEVE#FFFAFA#FFFFFF
MARFIL#FFFFF0#FFFFFF
BLANCO FANTASMA#F8F8FF#FFFFFF
BLANCO FLORAL#FFFAF0#FFFFFF
AZUL ALICIA#F0F8FF#FFFFFF
CIAN CLARO#E0FFFF#CCFFFF
MELÓN VERDE#F0FFF0#FFFFFF
AMARILLO CLARO#FFFFE0#FFFFFF
CONCHA#FFF5EE#FFFFFF
SONROJO LAVANDA#FFF0F5#FFFFFF
HUMO BLANCO#F5F5F5#FFFFFF
ENCAJE ANTIGUO#FDF5E6#FFFFFF
SEDA DE MAÍZ#FFF8DC#FFFFCC
LINO#FAF0E6#FFFFFF
AMARILLO ALAMBRE DORADO CLARO#FAFAD2#FFFFCC
GASA LIMÓN#FFFACD#FFFFCC
BEIGE#F5F5DC#FFFFCC
LAVANDA#E6E6FA#CCCCFF
BATIDO DE PAPAYA#FFEFD5#FFFFCC
ROSA BRUMOSA#FFE4E1#FFCCCC
BLANCO ANTIGUO#FAEBD7#FFFFCC
BLANCO ALMENDRA#FFEBCD#FFFFCC
SOPA#FFE4C4#FFFFCC
TURQUESA PÁLIDO#AFEEEE#99FFFF
MOCASÍN#FFE4B5#FFCCCC
GAINSBORO#DCDCDC#CCCCCC
SOPLIDO MELOCOTÓN#FFDAB9#FFCCCC
BLANCO NAVAJO#FFDEAD#FFCC99
DORADO ALAMBRE PÁLIDO#EEE8AA#FFFF99
TRIGO#F5DEB3#FFCCCC
POLVO AZUL#B0E0E6#CCCCFF
AGUAMARINA#7FFFD4#66FFCC
GRIS CLARO#D3D3D3#CCCCCC
ROSA#FFC0CB#FFCCCC
AZUL CLARO#ADD8E6#99CCFF
CARDO#D8BFD8#CCCCCC
ROSA CLARO#FFB6C1#FFCCCC
AZUL CIELO CLARO#87CEFA#99CCFF
VERDE PÁLIDO#98FB98#99FF99
AZUL ACERO CLARO#B0C4DE#99CCCC
CAQUI#F0D58C#FFCC99
AZUL CIELO#87CEEB#99CCFF
AGUA#00FFFF#00FFFF
CIAN#00FFFF#00FFFF
PLATA#C0C0C0#CCCCCC
CIRUELA#DDA0DD#CC99CC
GRIS#BEBEBE#CCCCCC
VERDE CLARO#90EE90#99FF99
VIOLETA#EE82EE#FF99FF
AMARILLO#FFFF00#FFFF00
TURQUESA#40E0D0#33CCCC
MADERA FORNIDA#DEB887#CCCC99
AMARILLO VERDE#ADFF2F#99FF33
BRONCEADO#D2B48C#CCCC99
TURQUESA MEDIO#48D1CC#33CCCC
SALMÓN CLARO#FFA07A#FF9966
AGUAMARINA MEDIO#66CDAA#66CC99
GRIS OSCURO#A9A9A9#999999
ORQUÍDEA#DA70D6#CC66CC
VERDE MAR INTENSO#8FBC8F#99CC99
AZUL CIELO INTENSO#00BFFF#00CCFF
MARRÓN ARENA#F4A460#FF9966
DORADO#FFD700#FFCC00
VERDE PRIMAVERA MEDIO#00FA9A#00FF99
CAQUI OSCURO#BDB76B#CCCC66
ACIANO AZUL#6495ED#6699FF
ROSA CALIENTE#FF69B4#FF66CC
SALMÓN OSCURO#E9967A#FF9966
TURQUESA OSCURO#00CED1#00CCCC
VERDE PRIMAVERA#00FF7F#00FF66
CORAL CLARO#F08080#FF9999
MARRÓN ROSADO#BC8F8F#CC9999
SALMÓN#FA8072#FF9966
CHARTREUSE#7FFF00#66FF00
PÚRPURA MEDIO#9370DB#9966CC
VERDE CÉSPED#7CFC00#66FF00
AZUL DODGER#1E90FF#3399FF
VERDE AMARILLO#9ACD32#99CC33
VIOLETA ROJO PÁLIDO#DB7093#CC6699
AZUL PIZARRA MEDIO#7B68EE#6666FF
ORQUÍDEA MEDIO#BA55D3#CC66CC
CORAL#FF7F50#FF6666
AZUL CADETE#5F9EA0#669999
VERDE MAR CLARO#20B2AA#339999
DORADO ALAMBRE#DAA520#CC9933
NARANJA#FFA500#FF9900
GRIS PIZARRA CLARO#778899#669999
FUCSIA#FF00FF#FF00FF
MAGENTA#FF00FF#FF00FF
VERDE MAR MEDIO#3CB371#33CC66
PERÚ#CD853F#CC9933
AZUL ACERO#4682B4#3399CC
AZUL REAL#4169E1#3366CC
GRIS PIZARRA#708090#669999
TOMATE#FF6347#FF6633
NARANJA OSCURO#FF8C00#FF9900
AZUL PIZARRA#6A5ACD#6666CC
VERDE LIMA#32CD32#33CC33
LIMA#00FF00#00FF00
ROJO INDIO#CD5C5C#CC6666
ORQUÍDEA OSCURO#9932CC#9933CC
AZUL VIOLETA#8A2BE2#9933FF
ROSA INTENSO#FF1493#FF0099
DORADO ALAMBRE OSCURO#B8860B#CC9900
CHOCOLATE#D2691E#CC6633
CIAN OSCURO#008B8B#009999
GRIS DIFUSO#696969#666666
GRIS ACEITUNA#6B8E23#669933
VERDE MAR#2E8B57#339966
VERDE CERCETA#008080#009999
VIOLETA OSCURO#9400D3#9900CC
VIOLETA ROJO MEDIO#C71585#CC0066
NARANJA ROJO#FF4500#FF3300
ACEITUNA#808000#999900
SIENA#A0522D#996633
AZUL PIZARRA OSCURO#483D8B#333399
VERDE ACEITUNA OSCURO#556B2F#666633
VERDE BOSQUE#228B22#339933
CARMESÍ#DC143C#CC0033
AZUL#0000FF#0000FF
MAGENTA OSCURO#8B008B#990099
GRIS PIZARRA OSCURO#2F4F4F#336666
MARRÓN MONTURA#8B4513#993300
MARRÓN#A52A2A#993333
LADRILLO REFRACTARIO#B22222#993333
PÚRPURA#800080#990099
VERDE#008000#009900
ROJO#FF0000#FF0000
AZUL MEDIO#0000CD#0000CC
ÍNDIGO#4B0082#330099
AZUL MEDIANOCHE#191970#000066
VERDE OSCURO#006400#006600
AZUL OSCURO#00008B#000099
AZUL MARINO#000080#000099
ROJO OSCURO#8B0000#990000
GRANATE#800000#990000
NEGRO#000000#000000

Fuente: este post proviene de este blog, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

¿QUÉ SON LOS ANTIINFLAMATORIOS NO ESTEROIDEOS?

¿QUÉ SON LOS ANTIINFLAMATORIOS NO ESTEROIDEOS (AINEs)? Dentro de la clasificación habitual de los analgésicos, los fármacos antiinflamatorios no esteroideos (AINEs) son un grupo de medicamentos amplia ...

Concierto de Alejandra Guzmán en Perú

El pasado miércoles 9 de marzo Alejandra Guzmán regresó a Lima y ofreció, en el Jockey Club del Perú, una performance a la altura de una artista que, en 27 años de carrera, se ha caracterizado por su ...

EL TEST DE LOS CAMINOS

Este test se trata de elegir uno de los caminos de las imágenes. Cada camino está enumerado y tiene una descripción referida a un determinado tipo de personalidad. Elige tu camino según tu gusto y ave ...

Las 10 ventajas de ser mujer

Hoy 8 de marzo es Día internacional de de la Mujer fecha impulsada por la ONU en la cual se conmemora la lucha de la mujer por su participación, en pie de igualdad con el hombre, en la sociedad y en s ...

Etiquetas: tutorialesinternet

Recomendamos

Relacionado

internet

IMPEDIR QUE COPIEN TEXTO DE SU PÁGINA EN BLOGGER

Para impedir que otros usuarios copien texto de su página web y la peguen en la de ellos, hay un par de códigos que nos van a servir. Existen dos códigos: (Se les agrega a <body>, es decir, antes de </body> que está al final de la plantilla) 1) PARA IMPEDIR QUE COPIEN SOMBREANDO CON EL MOUSE Y HACIENDO CLIC CON EL BOTÓN DERECHO <script language="Javascript" type="tex ...

blogger tutoriales variados

Como poner una caja de texto, con codigo, o texto para que se copie

Hola os voy a enseñar como poner una caja como esta Gracias por visitar mi blog Es muy fácil, solo tenemos que borrar donde dice tu texto aquí, y meterlo o bien en un gadeg si lo queremos fijo. o en una entrada si lo que queremos es meter un código relacionado con esa entrada. <textarea>TÚ TEXTO AQUÍ</textarea> Así seria para ponerlo en una entrada 1 cambiar el texto por el que quiera ...

general seo

Los datos estructurados en Blogger: solución de problemas.

Los datos estructurados son una herramienta fundamental en la presentación de los resultados de búsqueda en Google. Gracias a ellos, Google puede presentar información de eventos, rangos de precios, evaluación media del sitio (con estrellas) y gran cantidad de datos en el resumen de la búsqueda que pueden hacer que un usuario se interese más por ese resultado que por otros que no se aprovechan de ...

general ayuda blogger otros tutoriales

Como poner la barrita de cookies en blogger

No me suele gustar publicar sobre cosas que ya han sido publicadas tropecientas veces en otros lados. Ojo, seguro que lo hago, pues realmente no leo otros blogs sobre mi temática, pero si algo sé o intuyo que ya lo han publicado mil sitios más, pues trato de evitarlo, porque para qué. Si es algo tipo el post sobre si es mejor blogger o worpdress, pues sí, porque al final yo doy mi punto de vista ( ...

general

Cómo quitar los dos puntos de los comentarios en blogger y/o cómo personalizar el texto

Hoy vengo con un tutorial facilito y extra rápido, ¡pero espero que muy útil! Últimamente he notado que tengo muy pocos comentarios. Como bloggers entenderéis la importancia que esto tiene. Por un lado nos motiva, pues si bien una ve sus estadísticas y visitas, a pesar de ello, a mi si no me dejan comentarios me da un poco la sensación de que hablo sola. Y por otro nos guía a la hora de saber sobr ...

general propuestas

Cómo utilizar códigos condicionales en Blogger

Ocultar o mostrar partes del Blog que nos interesen según las necesidades que tengamos en nuestra presentación es muy sencillo. Por medio de unos simples comandos condicionales podemos establecer con facilidad qué deseamos que se visualice y qué no en nuestro Blog. Nos vamos a olvidar todo lo posible del aspecto técnico puro de cómo se usa el código de una plantilla en Blogger para centrarnos en ...

Linux

Cómo añadir su propio color personalizado en LibreOffice[Consejos rápidos]

Al escribir o editar texto en LibreOffice, hay veces en las que es necesario cambiar el color del texto o el fondo. LibreOffice viene con su propia paleta de colores de la cual usted puede elegir el color y es fácilmente accesible desde la barra de herramientas. El problema es que si quieres usar un color personalizado que no está disponible en la paleta, no tienes suerte porque no hay opciones vi ...

general

Curso Blogger: aprende a utilizar las hojas de estilo

En anteriores entregas aprendimos un poco de HTML básico que nos sirviera de base para luego comprender mejor la plantilla Blogger. Después pasamos a la acción creando nuestra primera plantilla y por último los contenedores de la cabecera, el cuerpo, una barra lateral y el pie del Blog. La idea es no copiar y pegar el código que "nos dan hecho", esta vez se trata de conseguir entender ...

general diseño

Cómo poner la primera letra del texto distinta al resto en blogger

Alguien me dejó un día en el formualrio una petición para que explicara, por favor, cómo poner la primera letra del texto de manera distinta en Blogger. Así: Supongo que querrá imitar el estilo revista. Aparentemente vio un tutorial por ahí pero no lo entendió y quería que yo lo explicara con mis palabras. Para que te quedes tranquila de todos modos, yo tampoco lo entendí. Vamos, en mi opinión no ...

informática desarrollo android

Temas y estilos en Android

El diseño visual de una aplicación Android es repesentado a través de reglas contenidas en Estilos y Temas. Estas herramientas permiten que los programadores y diseñadores generen una interfaz mas amigable y personalizada de sus apps, para establecer una identidad que impacte al usuario final. Por esta razón es necesario que entendamos como se construyen y asignan estilos a tus Views y Layouts. Si ...