Sky Blue Bobblehead Bunny
domingo, 27 de octubre de 2013

¿Qué hay? + Destellos en el cursor


¡Hola criaturitas de Jesus Cristo nuestro señor y la madre de Dios del Carmen! -Okno Hoy vengo a estrenar éste, el nuevo blog, con una entrada poco más larga que la de ayer. Si os soy sincero, ayer tenía un sueño horrible, y la entrada de la nueva era fue cortisima, sí, lo sé, y lo siento. Pero hoy me he levantado ni más ni menos quue a las 7 de la mañana... Les prometí hacerles a mis padres un desayuno secreto, "Churros con chocolate", no les dije que les prepararía, pues en mi vida he frito nada, pero el otro día, tuve un presentimiento de que la sartén me deparaba algo buenísimo. 
Entonces cogí la receta de internet, y al estar con mi hermano en casa, quisimos experimentar y hicimos unos churros... ¡BUENÍSIMOS! Estaban tan ricos Mini Gifs...
Pues entonces, hoy les voy a hacer a ellos, que seguramente me echen bronca por usar toda la cocina, pero bueno, van a flipar con mi megadesayuno. Bueno, me he enrollado  lo que quería decir es que me he levantado a las 7, pensando que eran las 8, y llevo aquí una eternidad esperando a que los señores se despierten, que suelen madrugar muchísimo... Supongo que en breve estaré haciendo la masa.
Bueno, espero verdaderamente que les guste todo lo nuevo, éste blog es el mismo, sólo que Hugo se fue, más bien lo echamos, y él estuvo deacuerdo porque no tenía tiempo para escribir. Alaia y yo ahora permitimos nos nombren por nuestro nombre real, y el diseño, mas alguna cosita nueva que añadimos. Por si no lo sabíais, hemos vuelto a presentarnos a Wambie, cuando salgan las jornadas de voto, os pasaremos el enlace para que podáis votarnos inobligadamente, sólo a vuestra voluntad.
Ahora os traigo el primer tutorial que colgaré en el blog, luego de publicar la entrada, construiré la página de Tutoriales, en las que habrá recursos. Bueno, os explico. Si no me equivoco,  del cursor de nuestro blog, caen destellos de color rojo coral, ¿No? Pues por si no sabéis el código, os voy a proporcionar dos diferentes, para que los podáis usar.

 El  código que os proporcionaré es el de los destellos. Depende de el color que hayan elegido, quedará así:
Lo que deben hacer es ir a Diseño->Agregar un Gadget->Html/Javascript, y pegar ahí éste código:

<script type='text/javascript'>
// <![CDATA[
var colour="#F20966";
var sparkles=40;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Ése es el código, en la tercera línea, donde pone "var colour="#F20966";", es la parte donde podéis editar el color de vuestros destellos, usando los colores HTML, aquí adjunto una página donde podrán obtenerlos. Colores html

¿Véis que simple? Espero que verdaderamente os sirva, nos vemos en la próxima entrada, ¡Saludos!

                                      photo FirmaSayo_zps9d0d4bb0.png

Publicado por

1 comentario: