Tabla de Colores

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

#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000

#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#999933	#999900
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000

#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000

#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
#3366FF	#3366CC	#336699	#336666	#336633	#336600
#3333FF	#3333CC	#333399	#333366	#333333	#333300
#3300FF	#3300CC	#330099	#330066	#330033	#330000

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

Que cacheticos mas liiindos...!

Acronym o Acronimo

Tiene o hace la misma función que el Tooltip, sólo que aquí se utiliza HTML, El código para implementarlo es el siguiente y puede colocarse donde lo necesitemos:


<acronym title="SIGNIFICADO DE LA PALABRA QUE SE MUESTRA">PALABRA A MOSTRAR;</acronym>


De seguidas un ejemplo:

Arco Iris

Ver/Ocultar imagen o texto

Para lograr este efecto en nuestro blog debemos utilizar dos pasos. El primero es colocar sobre </head> el siguiente código:


<script language="javascript">

function toggle() {

var ele = document.getElementById("toggleText");

var text = document.getElementById("displayText");

if(ele.style.display == "block") {

ele.style.display = "none";

text.innerHTML = "Ver imágen";

}

else {

ele.style.display = "block";

text.innerHTML = "Ocultar imágen";

}

}

</script>


Si lo que vas a utilizar es un texto puedes cambiar la parte coloreada de rojo por lo que corresponde, aunque te sugeriría que utilizaras una frase genérica como ver y ocultar . Luego deberás utilizar en el sitio donde vas a colocar el texto o imágen este otro código:


<a href="javascript:toggle();" id="displayText">VER/OCULTAR</a>

<div id="toggleText" style="display: none;">AQUI_ COLOCAS_ EL_ TEXTO_ A_ MOSTRAR_ O_ UNA_ IMAGEN</div>



El ejemplo a continuación: Ver imágen/Ocultar imágen

Blockquote

El respeto es un valor agregado a nuestra educación que tiene su asiento en el hogar. Cuando no se tiene, entonces se duda de la institución y de los maestros

Texto dentro de un recuadro con fondo de color

El respeto es un valor agregado a nuestra educación que tiene su asiento en el hogar. Cuando no de tiene, entonces se duda de la Institución y de los Maestros.

El respeto es un valor agregado a nuestra educación que tiene su asiento en el hogar. Cuando no de tiene, entonces se duda de la Institución y de los Maestros.

El respeto es un valor agregado a nuestra educación que tiene su asiento en el hogar. Cuando no de tiene, entonces se duda de la Institución y de los Maestros.

El código para implementarlo es éste:


<div style="background:#FFE1FF; padding:5px 8px 5px 8px;">

TEXTO AQUÍ

</ div>


Si quieres cambiar el color de fondo por una imágen entonces el código es éste:


<div style="background:url(enlace URL/Direct de laImagen) no-repeat;">

TEXTO AQUÍ

</ div>


http://dl.dropbox.com/u/833381/Frutas.jpg" rel="lytebox"

code{

margin : 15px 15px 15px 15px;

padding : 40px 10px 10px 10px;

clear : both;

list-style-type : none;

background : #f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9q3MC-_H2SLklHZZ78-c7mXm9pAk_cf9xX0x1snnN-DW_36APm3XJfgPDEAZ99vSGMRM2IMv9xTjkzCCWAhxfkvyQG6-VYs4Yf1bQlD8oI8cGGgO0Mh07SXvUUeofJ_DOrlreDbOo-Xjs/s1600/codeview2.gif) no-repeat left top;

border : 3px solid #eeeeee;

color : #7D7D7D;

}