Codigos HTML De Color

Tabla de colores

Nombre HTML Códigohex R  G  B Códigodecimal R  G  B Colores rojos IndianRed CD5C5C 205 92 92 LightCoral F08080 240 128 128 Salmon FA8072 250 128 114 DarkSalmon E9967A 233 150 122 LightSalmon FFA07A 255 160 122 Crimson DC143C 220 20 60 Red FF0000 255 0 0 FireBrick B22222 178 34 34 DarkRed 8B0000 139 0 0 Colores rosas Pink FFC0CB 255 192 203 LightPink FFB6C1 255 182 193 HotPink FF69B4 255 105 180 DeepPink FF1493 255 20 147 MediumVioletRed C71585 199 21 133 PaleVioletRed DB7093 219 112 147 Colores naranjas LightSalmon FFA07A 255 160 122 Coral FF7F50 255 127 80 Tomato FF6347 255 99 71 OrangeRed FF4500 255 69 0 DarkOrange FF8C00 255 140 0 Orange FFA500 255 165 0 Colores amarillos Gold FFD700 255 215 0 Yellow FFFF00 255 255 0 LightYellow FFFFE0 255 255 224 LemonChiffon FFFACD 255 250 205 LightGoldenrodYellow FAFAD2 250 250 210 PapayaWhip FFEFD5 255 239 213 Moccasin FFE4B5 255 228 181 PeachPuff FFDAB9 255 218 185 PaleGoldenrod EEE8AA 238 232 170 Khaki F0E68C 240 230 140 DarkKhaki BDB76B 189 183 107 Colores púrpuras Lavender E6E6FA 230 230 250 Thistle D8BFD8 216 191 216 Plum DDA0DD 221 160 221 Violet EE82EE 238 130 238 Orchid DA70D6 218 112 214 Fuchsia / Magenta FF00FF 255 0 255 MediumOrchid BA55D3 186 85 211 MediumPurple 9370DB 147 112 219 BlueViolet 8A2BE2 138 43 226 DarkViolet 9400D3 148 0 211 DarkOrchid 9932CC 153 50 204 DarkMagenta 8B008B 139 0 139 Purple 800080 128 0 128 Indigo 4B0082 75 0 130 SlateBlue 6A5ACD 106 90 205 DarkSlateBlue 483D8B 72 61 139

Nombre HTML Códigohex R  G  B Códigodecimal R  G  B Colores verdes GreenYellow ADFF2F 173 255 47 Chartreuse 7FFF00 127 255 0 LawnGreen 7CFC00 124 252 0 Lime 00FF00 0 255 0 LimeGreen 32CD32 50 205 50 PaleGreen 98FB98 152 251 152 LightGreen 90EE90 144 238 144 MediumSpringGreen 00FA9A 0 250 154 SpringGreen 00FF7F 0 255 127 MediumSeaGreen 3CB371 60 179 113 SeaGreen 2E8B57 46 139 87 ForestGreen 228B22 34 139 34 Green 008000 0 128 0 DarkGreen 006400 0 100 0 YellowGreen 9ACD32 154 205 50 OliveDrab 6B8E23 107 142 35 Olive 808000 128 128 0 DarkOliveGreen 556B2F 85 107 47 MediumAquamarine 66CDAA 102 205 170 DarkSeaGreen 8FBC8F 143 188 143 LightSeaGreen 20B2AA 32 178 170 DarkCyan 008B8B 0 139 139 Teal 008080 0 128 128 Colores azules Aqua/Cyan 00FFFF 0 255 255 LightCyan E0FFFF 224 255 255 PaleTurquoise AFEEEE 175 238 238 Aquamarine 7FFFD4 127 255 212 Turquoise 40E0D0 64 224 208 MediumTurquoise 48D1CC 72 209 204 DarkTurquoise 00CED1 0 206 209 CadetBlue 5F9EA0 95 158 160 SteelBlue 4682B4 70 130 180 LightSteelBlue B0C4DE 176 196 222 PowderBlue B0E0E6 176 224 230 LightBlue ADD8E6 173 216 230 SkyBlue 87CEEB 135 206 235 LightSkyBlue 87CEFA 135 206 250 DeepSkyBlue 00BFFF 0 191 255 DodgerBlue 1E90FF 30 144 255 CornflowerBlue 6495ED 100 149 237 MediumSlateBlue 7B68EE 123 104 238 RoyalBlue 4169E1 65 105 225 Blue 0000FF 0 0 255 MediumBlue 0000CD 0 0 205 DarkBlue 00008B 0 0 139 Navy 000080 0 0 128 MidnightBlue 191970 25 25 112

Nombre HTML	Códigohex R  G  B	Códigodecimal R  G  B
Colores marrones
Cornsilk	FFF8DC	255 248 220
BlanchedAlmond	FFEBCD	255 235 205
Bisque	FFE4C4	255 228 196
NavajoWhite	FFDEAD	255 222 173
Wheat	F5DEB3	245 222 179
BurlyWood	DEB887	222 184 135
Tan	D2B48C	210 180 140
RosyBrown	BC8F8F	188 143 143
SandyBrown	F4A460	244 164 96
Goldenrod	DAA520	218 165 32
DarkGoldenrod	B8860B	184 134 11
Peru	CD853F	205 133 63
Chocolate	D2691E	210 105 30
SaddleBrown	8B4513	139 69 19
Sienna	A0522D	160 82 45
Brown	A52A2A	165 42 42
Maroon	800000	128 0 0
Colores blancos
White	FFFFFF	255 255 255
Snow	FFFAFA	255 250 250
Honeydew	F0FFF0	240 255 240
MintCream	F5FFFA	245 255 250
Azure	F0FFFF	240 255 255
AliceBlue	F0F8FF	240 248 255
GhostWhite	F8F8FF	248 248 255
WhiteSmoke	F5F5F5	245 245 245
Seashell	FFF5EE	255 245 238
Beige	F5F5DC	245 245 220
OldLace	FDF5E6	253 245 230
FloralWhite	FFFAF0	255 250 240
Ivory	FFFFF0	255 255 240
AntiqueWhite	FAEBD7	250 235 215
Linen	FAF0E6	250 240 230
LavenderBlush	FFF0F5	255 240 245
MistyRose	FFE4E1	255 228 225
Colores grises
Gainsboro	DCDCDC	220 220 220
LightGrey	D3D3D3	211 211 211
Silver	C0C0C0	192 192 192
DarkGray	A9A9A9	169 169 169
Gray	808080	128 128 128
DimGray	696969	105 105 105
LightSlateGray	778899	119 136 153
SlateGray	708090	112 128 144
DarkSlateGray	2F4F4F	47 79 79
Black	000000	0 0 0

Imagenes con esquinas redondeadas

Hola!! Perdón por no haber escrito por varias semanas es que he estado muy ocupada por el regreso a clases bueno.

hoy les diere como Poner Una esquina redondeada en las imagenes de tu blog :)

Bueno lo que tienen que hacer es lo siguiente :)

 Diseño> Edición HTML> Editar plantilla

 Pulsas Ctrl+F y buscas lo siguiente: 

/* Content ----------------------------------------------- */

Copia el siguente codigo y pegalo abjo del codigo anterior:

img{
border-radius: 30px;
}

Lo azul es el tamaño del borde 

Da Vista Previa y Guardar :)

Imagen Estatica para subir

Hola!!

si no lo han visto en la parte inferior derecha del blog hay una imagen que dice sube o subir creo ( no me acuerdo) bueno si le hacen clock como dice su nombre suber a la parte de arriba del blog. Hoy les enseñare a hacer de esas :)

bueno solo tienes que hacer lo que diga te vas a:

DISEÑO> EDICIÓN HTML

1. Pulsas Ctrl+F para buscar mas rápido y buscas </body> en la barra de busqueda

2. Cuando lo encuentres pega el siguente codigo justo arriba del anterior:

<a href='#'><img alt='ir arriba' border='0' src='URL de la imagen' style='position:fixed; bottom:0; right:0;'/></a>

Y listo lo unico que tienes que hacer es la vista previa ;)

aqui les dejo algunas imagenes:

http://i1252.photobucket.com/albums/hh566/tanializ98/imagenestatica2.png

http://i1252.photobucket.com/albums/hh566/tanializ98/iamgenestatica3.png

http://i1252.photobucket.com/albums/hh566/tanializ98/imagenestatica4.png

Favicones

Hola!! hoy les traigo unos favicones preciosos para su blog si no saben como ponerlos pues 

↓

↓

1. Te vas a Diseño 
2. En donde dice favicon le pones en cambiar o lo que te diga 
3. luego se te abre una ventana le pones en seleccionar archivos 
4. y escojes el que quieras :)

Gadgets

Hola!!

hoy les traigo unos gadgets para su blog

<script type="text/javascript" src="http://blogparts.giffy.me/0016/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://www.hapinemu.net/blogparts/"><img style="border:0;" src="http://blogparts.giffy.me/0016/parts.png" alt="音符の足跡ブログパーツ" /></a></p><p style="text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;"><a href="http://twi1.me/">[PR]面白ツイートがいっぱい</a></p>

                                                                               ↑

este hace que las notas musicales sigan tu cursor :) 

<script type="text/javascript" language="javascript" charset="euc-jp" src="http://www.hapinemu.net/fobp/bp097/bp097.js"></script><p><a href="http://www.hapinemu.net/blogparts/"><img src="http://www.hapinemu.net/fobp/bp097/banner.png" alt="夏を満喫大打ち上げ花火ブログパーツ" border="0" /></a></p>

                                                                           

<script type="text/javascript" language="javascript" charset="euc-jp" src="http://www.hapinemu.net/fobp/bp094/bp094.js"></script><p><a href="http://www.hapinemu.net/blogparts/"><img src="http://www.hapinemu.net/fobp/bp094/banner.png" alt="集まれホタルさんブログパーツ" border="0"></a></p>

<script type="text/javascript" language="javascript" charset="euc-jp" src="http://www.hapinemu.net/fobp/bp052/bp052.js"></script><p><a href="http://www.hapinemu.net/blogparts/"><img src="http://www.hapinemu.net/fobp/bp052/banner.png" alt="さくらの落し物ブログパーツ" border="0"></a></p>

<script type="text/javascript" language="javascript" charset="euc-jp" src="http://www.hapinemu.net/fobp/bp009/bp009_2.js"></script><p style="margin:10px 0px 0px 0px;font-size:12px;text-align:center;"><a href="http://www.hapinemu.net/blogparts/">ブログパーツ ハピネム</a></p>

Bueno esto es todo por hoy espero que les haya gustado :)

afiliados

Afiliame

<a href="http://tania-graphics.blogspot.mx/" target="_blank"> <img src="http://i1219.photobucket.com/albums/dd436/TaniaAlarconG/cute_botoncitos40.png"/></a>

PNG!!

Hola!!

hoy les traigo algunos PNG para que pongan en su blog o las guarden para editar lo que quieran :)

      

  

         

        

 

Codigos de texto!!

Hola!! Hoy les dire como hacer tipos de texto pero antes quiero disculparme por no haber estado en estos dias esque no sabia que escribir espero que con esto me perdonen bueno comencemos!! :)

texto doble :)

texto doble :)

<span style="color:#FF5FB1; font-size:48px; font-weight:bold; line-height: 14px; letter-spacing: -5pt;"> Texto 1 aqui </span><br /> <span style="color:#FFAFDA; font-size:36px; font-weight:bold; line-height: 14px; letter-spacing: 0pt; text-transform: lowercase;"> Texto 2 aqui </span>

Texto en cursiva

<i>TEXTO AQUI</i>

TEXTO MAS GRANDE

<span style="font-size:30px">TEXTO AQUI</span>

TEXTO EN NEGRITAS

<strong>TEXTO AQUI</strong>

Creditos a: Annyz Blog http://annyz-kawaii.blogspot.mx/

iconos e imagenes GIF

Hola!! aqui les dejo algunos gifs :)

y algunos iconos:

                

no copiar!!