Barras de colores moviéndose en el fondo del blog – Forex – Seguro – Platform

Este efecto nos recuerda a los años delgroovy en los que se usaban mucho este tipo de barras y cuadros de colores. Se trata de un script que muestra en el fondo del blog unas barras de colores en movimiento que le dan dinamismo y mucho estilo al blog.

Puedes ver un ejemplo en esteblog de pruebas.

Para ponerlo en tu blog sólo necesitas entrar enDiseño | Edición de HTML y antes de/body pegar el siguiente script:
script type='text/javascript'
// ![CDATA[
var border=50; //Ancho de las barras
var effects=3; //Cantidad veces que se ejecuta el efecto
var speed=50; //Velocidad de la animación (un valor menor lo hará más rápido)
// Aquí abajo ponemos los códigos de los colores
var colours=new Array("#2F1925", "#F8E5DE", "#DCD796", "#F87501", "#9C0A55", "#6594B8", "#90C41A");

/*
1970s Groovy WebPage Effect
(c) 2008 mf2fm web-design
http://www.mf2fm.com/rv
DON'T EDIT BELOW THIS BOX
*/
var swide, shigh;
var h=new Array();
var v=new Array();
var op=1/(effects+1);
window.onload=function() { if (document.getElementById) {
var i, d, s, b;
b=document.createElement("div");
s=b.style;
s.position="absolute";
s.overflow="hidden";
s.zIndex="-1";
b.setAttribute("id", "bod");
i=document.body.style.backgroundColor;
if (document.body.parentNode) {
if (i) document.body.parentNode.style.backgroundColor=i;
document.body.style.backgroundColor="transparent";
}
document.body.appendChild(b);
set_width();
set_scroll();
for (i=0; ieffects*10; i+=10) {
d=document.createElement("div");
s=d.style;
s.width="100%";
h[i]=Math.floor(Math.random()*shigh/2.5);
h[i+1]=Math.floor(Math.random()*shigh/2.5);
h[i+2]=(Math.random()0.5?-1:1)*(2+Math.floor(Math.random()*3));
h[i+3]=(Math.random()0.5?-1:1)*(2+Math.floor(Math.random()*3));
s.top=h[i]+"px";
s.bottom=h[i+1]+"px";
s.position="absolute";
s.borderColor=jazz();
s.borderStyle="solid";
s.borderWidth=border+"px 0px";
s.backgroundColor=jazz();
if (navigator.appName=="Microsoft Internet Explorer") s.filter="alpha(opacity="+(100*op)+")";
else s.opacity=op;
h[i+5]=s;
b.appendChild(d);
}
for (i=0; ieffects*10; i+=10) {
d=document.createElement("div");
s=d.style;
s.height="100%";
v[i]=Math.floor(Math.random()*swide/2.5);
v[i+1]=Math.floor(Math.random()*swide/2.5);
v[i+2]=(Math.random()0.5?-1:1)*(2+Math.floor(Math.random()*3));
v[i+3]=(Math.random()0.5?-1:1)*(2+Math.floor(Math.random()*3));
s.left=v[i]+"px";
s.right=v[i+1]+"px";
s.position="absolute";
s.borderColor=jazz();
s.borderStyle="solid";
s.borderWidth="0px "+border+"px";
s.backgroundColor=jazz();
if (navigator.appName=="Microsoft Internet Explorer") s.filter="alpha(opacity="+(100*op)+")";
else s.opacity=op;
v[i+5]=s;
b.appendChild(d);
}
groovy();
}}

var old_jazz=false;
function jazz() {
var new_jazz;
do { new_jazz=colours[Math.floor(Math.random()*colours.length)]; }
while ( new_jazz==old_jazz );
old_jazz=new_jazz;
return (new_jazz);
}

function scat(no) {
var yes;
no=no*Math.abs(no);
do { yes=2+Math.floor(Math.random()*3); }
while ( no==yes );
return (yes);
}

function groovy() {
setTimeout("groovy()", speed);
var i;
for (i=0; ieffects*10; i+=10) {
h[i]+=h[i+2];
h[i+1]+=h[i+3];
if (h[i]+h[i+1]shigh-border*2) {
h[i+4]=h[i+2];
h[i+2]=-h[i+3];
h[i+3]=-h[i+4];
h[i+5].backgroundColor=jazz();
}
if (h[i]-border && Math.random()1/border) {
h[i+2]=scat(h[i+3]);
if (h[i+1]shigh) h[i+5].borderColor=jazz();
}
else if (h[i]shigh && Math.random()1/border) {
h[i+2]=-scat(h[i+3]);
}
if (h[i+1]-border && Math.random()1/border) {
h[i+3]=scat(h[i+2]);
if (h[i]shigh) h[i+5].borderColor=jazz();
}
else if (h[i+1]shigh && Math.random()1/border) {
h[i+3]=-scat(h[i+2]);
}
h[i+5].top=h[i]+"px";
h[i+5].bottom=h[i+1]+"px";
}
for (i=0; ieffects*10; i+=10) {
v[i]+=v[i+2];
v[i+1]+=v[i+3];
if (v[i]+v[i+1]swide-border*2) {
v[i+4]=v[i+2];
v[i+2]=-v[i+3];
v[i+3]=-v[i+4];
v[i+5].backgroundColor=jazz();
}
if (v[i]-border && Math.random()1/border) {
v[i+2]=scat(v[i+3]);
if (v[i+1]swide) v[i+5].borderColor=jazz();
}
else if (v[i]swide && Math.random()1/border) {
v[i+2]=-scat(v[i+3]);
}
if (v[i+1]-border && Math.random()1/border) {
v[i+3]=scat(v[i+2]);
if (v[i]swide) v[i+5].borderColor=jazz();
}
else if (v[i+1]swide && Math.random()1/border) {
v[i+3]=-scat(v[i+2]);
}
v[i+5].left=v[i]+"px";
v[i+5].right=v[i+1]+"px";
}
}

window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth-18;
shigh=self.innerHeight-18;
}
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;
}
else {
swide=800;
shigh=600;
}
var s=document.getElementById("bod").style;
s.width=swide+"px";
s.height=shigh+"px";
}

window.onscroll=set_scroll;
function set_scroll() {
var sleft, sdown;
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;
}
var s=document.getElementById("bod").style;
s.top=sdown+"px";
s.left=sleft+"px";
}
//
/script

¿Y luego? Ya nada, con eso es más que suficiente. Ya sólo puedes configurar algunos detalles que se explican al inicio del código encolor verde.
Ahí donde se indica puedes poner la cantidad de colores que quieras, sólo necesitas poner los códigos entre comillas y separados por una coma tal como se muestra en el script.

Notarás que los colores tienen cierta opacidad, esto es para que las figuras de los cuadros que se forman se puedan apreciar; si prefieres quitar la opacidad sólo elimina lo que está encolor naranja, aunque el resultado final no será igual.

Lindo ¿no?

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

firm law mesothelioma Donate Car for Tax Credit lawsuit mesothelioma compare small business phone systems Casino reviews Casino cheap domain registration hosting HOME PHONE INTERNET BUNDLE Online casino Best Criminal Lawyers in Arizona Online Stock Trading Online Christmas cards canada personals yahoo mesothelioma care Car insurance quotes pa auto accident lawyer san francisco Car Donate accident attorney in los angeles Dwi lawyer yahoo web hosting Make money online Australia Adobe illustrator classes accident car florida lawyer Custom WordPress theme designer tennessee mesothelioma lawyer student loan consolidation program buying structured settlements Hire php programmers Best Seo company Live casino Sell Annuity Payment mesothelioma claim Mobile casino structured settlement broker georgia truck accident lawyer Social media platforms structured settlement purchasers Insurance Companies Seo company WordPress themes for designers Donating Used Cars to Charity How to Donate A Car in California CAR INSURANCE QUOTES UTAH LIFE INSURANCE CO LINCOLN Donating a car in Maryland REGISTER FREE DOMAINS Donate your car Sacramento Cheap Car Insurance in Virginia Hire php developers auto insurance cost by state donate car for tax credit uk homeowner loans cell cycle regulation ppt Better Conference Calls Dayton Freight Lines Best social media platforms Email Bulk Service MESOTHELIOMA LAW FIRM DUI lawyer DONATE A CAR IN MARYLAND peritoneal mesothelioma all about mesothelioma car insurance companies Donate car to charity California Injury Lawyers buyers of structured settlements dallas mesothelioma lawyer best criminal lawyer in arizona mesothelioma settlement amounts Donate a car in Maryland benchmark lending Donate Cars Illinois holland michigan college Learning adobe illustrator Service business software domain name yahoo Criminal lawyer Dayton freight lines Cheap Auto Insurance in VA Criminal defense lawyer mortgage adviser Php programmers for hire Hire php developer Donate your car for money Massage School Dallas Texas Donate a Car in Maryland Better conferencing calls Bankruptcy lawyer Christmas cards Car Insurance Quotes Business management software Social media campaigns structured settlements annuities Computer science classes online los angeles motorcycle accident lawyer Donate Your Car Sacramento Social media examiner structured settlement blog Php programmers houston motorcycle accident lawyer Neuson Seo companies anti spam exchange server Best social media platforms for business New social media platforms personal injury firm donate your car for money Online Classes Business finance group Social media platforms for business Seo services Paperport Promotional Code Proud Italian cook Donate Your Car for Kids buy gift card

Share: