{ Tutoriales } ♥ Efecto Arco Iris en los links de tu blog



Que tal mis amadas, esta noche quiero compartirles un tuto muy mono! Este tuto lo he usado antes en mis blogs y lo vi por primera vez en Ciudad Blogger, y me encanto de una! Pues el mismo ayudara a que los links de tu blog (los enlaces) se vean multicolor como arco iris! Fantástico, no!

Este pequeño tutorial ya lo podemos encontrar en muchos blogs, y aunque siempre he usado el código de mi amigo El Potro, hoy les traigo esa misma idea pero del blog de El Mundo de Cherry.

Espero les guste y lo pongan en practica, y de ser asi no olviden comentar y dejar la url de su blog así les visitamos y vemos lo lindo que les quedo, vale!

Bueno Amiguis, Manos a la Obra!

Primero van a ir a: Blogger | Diseño | Agregar un gadget | HTML/JavaScript, una vez abierto el editor pegarán el siguiente código y luego le darán clic en Guardar, y listo! ..Tendrán todos los links de su blog en multi color arco iris!

Aquí el Código:

<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
};
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>


Bueno mis amadas, eso seria todo por este pequeño tuto! Recuerden que mi blog se alimentan de sus comentarios! Anímate y deja el tuyo! Bendiciones!
Gracias por estar aqui!

Kiss, MarG ♥



Related Posts Plugin for WordPress, Blogger...

♥ ... Anímate y deja tu huella tu también!

  1. Gracias por mencionarme! :) Me agradó mucho tu visita en mi página :) está muy hermoso tu blog!! ^^ desde ahora seguiré tus blogs :)
    Muchas Bendiciones y éxito en tus páginas! ^^

    ResponderEliminar

❥ Un corazón agradecido siempre sabe decir gracias
❥ Y la forma mas fácil de decirlo es atraves de tus comentarios..
❥ Al hacerlo, se cordial y respetuoso..
❥ Se de bendición a los demás...
❥ Deja siempre la URL de tu blog para que podamos visitarte..
❥ Copia el código de texto para que agregues emoticones a tu comentario
❥ Para insertar imagen solo utiliza [img]URL de la imagen[/img]
❥ Para cambiar color de texto utiliza [color="red"]Aquí tu texto[/color]
❥ Para agregar un vídeo solo utiliza esto [video]URL del video[/video]
❥ Para crear marquesina se utiliza [ma]Aquí tu texto[/ma]
❥ Y recuerda: Dile NO al Spam...
❥ Bendiciones!

✿ TUS COMENTARIOS ALIMENTAN MI BLOG Y SON CARICIAS DE DIOS A MI ALMA ✿

≧◔◡◔≦ (っ◔◡◔)っ ♥ ❤ ❥ ✿ ☂ ღ ツ ☼ ✿◕ ‿ ◕✿ ❀◕ ‿ ◕❀ ❁◕ ‿ ◕❁ (◡‿◡✿) (っ◕‿◕)っ (►.◄) ╍●‿●╍ (•_•) (◐.̃◐) ..^.^.. ʕ•ᴥ•ʔ εїз Ƹ̴Ӂ̴Ʒ .^◡^. (≧◡≦) ✿❀❁ ° ♥ ❤ ❥ ❣ ღ ♂ ♀ ✔♚ ♛ ✝ ✉ ۵ ϟ

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer


=^.^= APRENDE A CREAR GRAFICAS CRISTIANAS CON NUESTROS TUTORIALES o☂O PARA COMENZAR BUSCA LA PALABRA "ETIQUETAS" EN EL MENU O EN EL TAGS =^.^=
El material compartido en este Blog :b5: es Propiedad Exclusiva de su Respectivo Creador conforme cada material.
Las gráficas que creamos y aquí compartimos son libres de uso, mas NO pueden cambiar, ni borrar, ni alterar nuestra firma ni el diseño de la misma.
Nuestras gráficas son creadas para uso personal, NO comercial.
:b8:Por favor respeta el Derecho de Autor :b8:
Nuestras Gráficas están Protegidas
Si eres dueño de algúna imagen o material utilizado en este blog, y estas en desacuerdo en que sea utilizado por este medio, favor hacérmelo saber vía e-mail para dar los créditos correspondientes o eliminarlo según tu parecer.
Contactame :e6: en : :a5: pinceladasdeprincesa@gmail.com

☂ Este blog tiene días

☂ Siguenos en Twitter ☂