Prohibida la copia de esta web o de sus subpaginas en otro sitio.Licencia Creative Commons y Copyright. Disponemos de herramientas antiplagio

Muchos codigos html

Agradecer no cuesta nada,es un estimulo para continuar

cursores con efectos

El codigo del  cursor siempre ponerlo en head

cursor seguido por un reloj digital

<script type="text/javascript">
// <![CDATA[
var colour="#639"; // change the colour of the clock
var clock_size=8; // change the size of the clock (range is from 4 to as big as you like!)

/****************************
* Digital Clock Effect *
*(c)2005-7 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var clok;
var cpos=0;
var newx=xmo=400;
var newy=ymo=300;
window.onload=function() { if (document.getElementById) {
clok=document.createElement("div");
clok.style.position="absolute";
clok.appendChild(createDigit("dig0"));
clok.appendChild(createDigit("dig1"));
clok.appendChild(createColon());
clok.appendChild(createDigit("dig2"));
clok.appendChild(createDigit("dig3"));
clok.appendChild(createColon("ms"));
clok.appendChild(createDigit("dig4"));
clok.appendChild(createDigit("dig5"));
document.body.appendChild(clok);
tick();
}}

var digit=new Array(247, 146, 221, 219, 186, 235, 239, 210, 255, 251);

function tick() {
var now=new Date();
var t=Math.floor(now.getTime()/500)%2;
var i, j, k;
var won=oo(now.getHours())+oo(now.getMinutes())+oo(now.getSeconds());
for (i=0; i<6; i++) for (j=0; j<7; j++) {
k=digit[won.substring(i, i+1)].toString(2).substring(j+1, j+2);
document.getElementById("dig"+i+j).style.backgroundColor=(k==1)?colour:"transparent";
}
document.getElementById("mstop").style.backgroundColor=(t)?"transparent":colour;
document.getElementById("msbot").style.backgroundColor=(t)?"transparent":colour;
xmo+=Math.floor((newx-xmo)/4);
clok.style.left=Math.round(xmo-(clock_size+2)*4)+"px";
ymo+=Math.floor((newy-ymo)/4);
clok.style.top=Math.round(ymo-clock_size*2.5)+"px";
setTimeout("tick()", 40);
}

document.onmousemove=mouse;

function mouse(e) {
newy=(e)?e.pageY:event.y+scro();
newx=(e)?e.pageX:event.x;
}

function scro() {
var scro=0;
if (document.body.scrollTop) scro=document.body.scrollTop;
else if (document.documentElement && document.documentElement.scrollTop) scro=document.documentElement.scrollTop;
return (scro);
}

function oo(o) { return(((o<10)?"0"+o:o).toString()); }

function createDigit(id) {
var odiv=createDiv(0, cpos, clock_size+clock_size+2, clock_size+2, false);
cpos+=clock_size+4;
odiv.appendChild(createDiv(0, 1, 2, clock_size, id+"0"));
odiv.appendChild(createDiv(1, 0, clock_size, 2, id+"1"));
odiv.appendChild(createDiv(1, clock_size, clock_size, 2, id+"2"));
odiv.appendChild(createDiv(clock_size, 1, 2, clock_size, id+"3"));
odiv.appendChild(createDiv(clock_size+1, 0, clock_size, 2, id+"4"));
odiv.appendChild(createDiv(clock_size+1, clock_size, clock_size, 2, id+"5"));
odiv.appendChild(createDiv(clock_size+clock_size, 1, 2, clock_size, id+"6"));
return (odiv);
}

function createColon(id) {
var odiv=createDiv(0, cpos, clock_size+clock_size+2, 2, false);
cpos+=4;
var dot1=createDiv(4, 0, 3, 2, (id)?id+"top":false);
dot1.style.backgroundColor=colour;
odiv.appendChild(dot1);
var dot2=createDiv(clock_size+clock_size-5, 0, 3, 2, (id)?id+"bot":false);
dot2.style.backgroundColor=colour;
odiv.appendChild(dot2);
return (odiv);
}

function createDiv(top, left, height, width, id) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.top=top+"px";
div.style.left=left+"px";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
if (id) div.setAttribute("id", id);
return (div);
}
// ]]>
</script>

 

cursor seguido por un reloj analogico

<script type="text/javascript">
// <![CDATA[
var second_hand_colour="#c9f"; // colour of second hand
var minute_hand_colour="#96c"; // colour of minute hand
var hour_hand_colour="#639"; // colour of hour hand
var facia_colour="#639"; // colour of facia (i.e. numbers)
var face_colour="#ccc"; // colour of face (can be set to "transparent");
var xoffset=60; // horizontal distance from centre of clock to cursor
var yoffset=60; // vertical distance from centre of clock to cursor
var size=120; // pixels high/wide

/****************************
* Analogue Clock Effect *
* (c)2006 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var facia=String.fromCharCode(9660)+" 1 2 "+String.fromCharCode(9668)+" 4 5 "+String.fromCharCode(9650)+" 7 8 "+String.fromCharCode(9658)+" 10 11"; // characters to use for face, starting at '12' position
var clok;
var newx=xmo=400;
var newy=ymo=300;
window.onload=function() { if (document.getElementById) {
var i, j, k;
clok=document.createElement("div");
clok.style.position="absolute";
if (face_colour!="transparent") for (i=0; i<size; i++) {
j=createDiv(false, face_colour);
if (document.all) j.style.filter="Alpha(Opacity=50)";
else j.style.opacity=0.5;
k=size*Math.sqrt(i/size-Math.pow(i/size, 2));
j.style.left=size/2-k+"px";
j.style.top=i+"px";
j.style.height="1px";
j.style.width=k*2+"px";
clok.appendChild(j);
}
for (i=1; i<size/4; i++) {
j=createDiv("sec"+i, second_hand_colour);
j.style.height="2px";
j.style.width="2px";
clok.appendChild(j);
}
for (i=1; i<size/4; i++) {
j=createDiv("min"+i, minute_hand_colour);
j.style.height="3px";
j.style.width="3px";
clok.appendChild(j);
}
for (i=0; i<size/6; i++) {
j=createDiv("hour"+i, hour_hand_colour);
j.style.height="4px";
j.style.width="4px";
if (!i) j.style.top=j.style.left=size/2-2+"px";
clok.appendChild(j);
}
facia=facia.split(" ");
for (i=0; i<12; i++) {
j=createDiv(false, "transparent");
j.style.color=facia_colour;
j.style.font="bold 10pt monospace";
j.style.overflow="visible";
j.appendChild(document.createTextNode(facia[i]));
j.style.top=size/2-7-size/2*Math.cos(i*Math.PI/6)+"px";
j.style.left=size/2-5+size/2*Math.sin(i*Math.PI/6)+"px";
clok.appendChild(j);
}
document.body.appendChild(clok);
tick();
tock();
}}


function tick() {
var i, j;
var now=new Date();
var sec=(now.getSeconds()+(now.getMilliseconds()%1000)/1000)*Math.PI/30;
for (i=1; i<size/4; i++) {
j=document.getElementById("sec"+i).style;
j.left=size/2+2*i*Math.sin(sec)-1+"px";
j.top=size/2-2*i*Math.cos(sec)-1+"px";
}
xmo+=Math.floor((newx-xmo)/4);
clok.style.left=xmo+"px";
ymo+=Math.floor((newy-ymo)/4);
clok.style.top=ymo+"px";
setTimeout("tick()", 40);
}

function tock() {
var i, j;
var now=new Date();
var min=(now.getMinutes()+now.getSeconds()/60)*Math.PI/30;
var hrs=(now.getHours()+now.getMinutes()/60)*Math.PI/6
for (i=1; i<size/4; i++) {
j=document.getElementById("min"+i).style;
j.left=size/2+2*i*Math.sin(min)-1.5+"px";
j.top=size/2-2*i*Math.cos(min)-1.5+"px";
}
for (i=1; i<size/6; i++) {
j=document.getElementById("hour"+i).style;
j.left=size/2+2*i*Math.sin(hrs)-2+"px";
j.top=size/2-2*i*Math.cos(hrs)-2+"px";
}
setTimeout("tock()", 999);
}
document.onmousemove=mouse;

function mouse(e) {
newy=yoffset-size/2+((e)?e.pageY:event.y+scro());
newx=xoffset-size/2+((e)?e.pageX:event.x);
}

function scro() {
var scro=0;
if (document.body.scrollTop) scro=document.body.scrollTop;
else if (document.documentElement && document.documentElement.scrollTop) scro=document.documentElement.scrollTop;
return (scro);
}

function createDiv(id, bg) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.overflow="hidden";
div.style.backgroundColor=bg;
if (id) div.setAttribute("id", id);
return (div);
}
// ]]>
</script>

 

cursor seguido por burbujas

<script type="text/javascript">
// <![CDATA[
var colours=new Array("#a6f", "#60f", "#60f", "#a6f", "#ccc"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=66; // maximum number of bubbles on screen

/****************************
* JavaScript Bubble Cursor *
*(c)2010-12 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
var sploosh=false;

function addLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
if (oldonload) oldonload();
funky();
}
}

addLoadEvent(buble);

function buble() { if (document.getElementById) {
var i, rats, div;
for (i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
if (navigator.appName=="Microsoft Internet Explorer") div.filter="alpha(opacity=50)";
else div.opacity=0.5;
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}

function bubble() {
var c;
if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}

document.onmousedown=splash;
document.onmouseup=function(){clearTimeout(sploosh);};

function splash() {
ox=-1;
oy=-1;
sploosh=setTimeout('splash()', 100);
}

function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>sleft && bubbx[i]<sleft+swide+bubbs[i]) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}

document.onmousemove=mouse;
function mouse(e) {
if (e) {
y=e.pageY;
x=e.pageX;
}
else {
set_scroll();
y=event.y+sdown;
x=event.x+sleft;
}
}

window.onresize=set_width;
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)=='number' && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min;
shigh=sh_min;
}

window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=='number') {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body && (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;
}
}

function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
div.style.backgroundColor="transparent";
return (div);
}
// ]]>
</script>

 

cursor seguido por ojos grandes

<script type="text/javascript">
// <![CDATA[
var width=150; // width of the eyes in pixels
var colour="#0066ff"; // colour of the eye
var iris="#000000"; // colour of the iris (normally black)

/***************************\
* Moving Eyeballs Effect *
* (c) 2012 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
\***************************/
var swide=800;
var shigh=600;
var sleft=sdown=0;

var glasses, lefteye, righteye;

function addLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
if (oldonload) oldonload();
funky();
}
}

addLoadEvent(draw_eyes);

function draw_eyes() {
var i, j, l, m;
glasses=document.createElement("div");
i=glasses.style;
i.position="fixed";
i.top="50%";
i.left="50%";
i.width="1px";
i.height="1px";
i.overflow="visible";
i.zIndex="100";
document.body.appendChild(glasses);
lefteye=document.createElement("div");
righteye=document.createElement("div");
i=lefteye.style;
j=righteye.style;
i.position=j.position="absolute";
i.width=j.width="1px";
i.height=j.height="1px";
i.overflow=j.overflow="visible";
i.zIndex=j.zIndex="101";
glasses.appendChild(lefteye);
glasses.appendChild(righteye);
for (m=-1.1; m<2; m+=2.2) for (i=-width; i<width; i++) {
l=Math.pow(width*width-i*i, 0.5);
j=line(m*width-l, i, 2*l, 0.5, colour);
glasses.appendChild(j);
}
for (i=-width/2; i<width/2; i++) {
l=Math.pow(width*width/4-i*i, 0.5);
j=line(-1.1*width-l, i, 2*l, 0.8, iris);
lefteye.appendChild(j);
}
for (i=-width/2; i<width/2; i++) {
l=Math.pow(width*width/4-i*i, 0.5);
j=line(1.1*width-l, i, 2*l, 0.8, iris);
righteye.appendChild(j);
}
set_width();
set_scroll();
}

function line(left, top, width, opacity, colour) {
var d, s;
d=document.createElement("div");
s=d.style;
s.position="absolute";
s.height="1px";
s.width=width+"px";
s.left=left+"px";
s.top=top+"px";
s.overflow="hidden";
s.opacity=opacity;
if (document.all) s.filter="alpha(opacity="+(opacity*100)+")";
s.backgroundColor=colour;
return d;
}

document.onmousemove=mouse;
function mouse(e) {
var x, y, xdiff, ydiff, distn;

y=(e)?e.pageY:event.y;
x=(e)?e.pageX:event.x;
x-=sleft;
y-=sdown;

xdiff=x+(1.1*width)-(swide*0.5);
ydiff=y-shigh/2;
distn=Math.pow(xdiff*xdiff+ydiff*ydiff,0.5);
if (distn>width/2.5) {
xdiff=xdiff*width/distn/2.5;
ydiff=ydiff*width/distn/2.5;
}
lefteye.style.top=ydiff+"px";
lefteye.style.left=xdiff+"px";

xdiff=x-(1.1*width)-(swide*0.5);
ydiff=y-shigh/2;
distn=Math.pow(xdiff*xdiff+ydiff*ydiff,0.5);
if (distn>width/2.5) {
xdiff=xdiff*width/distn/2.5;
ydiff=ydiff*width/distn/2.5;
}
righteye.style.top=ydiff+"px";
righteye.style.left=xdiff+"px";
}

document.onscroll=set_scroll;
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() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min;
shigh=sh_min;
}
// ]]>
</script>

 

textos con efectos

texto arcoiris

en head

<script type="text/javascript">
// <![CDATA[
var speed=100; // speed colours change, 1 second = 1000
var glow=4; // can be set from '0' for no glow, to 10
var raincol=new Array("#ff0000", "#ff9900", "#ffff00", "#99ff00", "#00ff00", "#00ff99", "#00ffff", "#0099ff", "#0000ff", "#9900ff", "#ff00ff", "#ff0099"); // change the colours if you want to
var alink="http://www.mf2fm.com/rv"; // page to link text to (set to ="" for no link)

/****************************
* Rainbow Text Effect *
*(c)2003-12 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var rainbow, raintxt, raincnt=0;
window.onload=function() { if (document.getElementById) {
var i, rainbeau;
rainbow=document.getElementById("rainbow");
raintxt=rainbow.firstChild.nodeValue;
while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
for (i=0; i<raintxt.length; i++) {
rainbeau=document.createElement("span");
rainbeau.setAttribute("id", "rain"+i);
rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
if (alink) {
rainbeau.style.cursor="pointer";
rainbeau.onclick=function() { top.location.href=alink; }
}
rainbow.appendChild(rainbeau);
}
rainbow=setInterval ("raining()", speed);
}}

function raining() {
var i, c;
for (i=0; i<raintxt.length; i++) {
c=raincol[(i+raincnt)%raincol.length];
document.getElementById("rain"+i).style.color=c;
if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
}
raincnt++;
}
// ]]>
</script>

 

en htm

<span id="rainbow">TU TEXTO</span>

 

texto que salta

en head

<script type="text/javascript">
// <![CDATA[
var speed=100; // speed of wobbling, lower is faster
var height=3; // height of wobbling in pixels
var alink="http://www.mf2fm.com/rv"; // page to link text to (set to ="" for no link)

/****************************
* Wobbly Text Effect *
*(c) 2003-6 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var wobtxt, wobble, wobcnt=0;
window.onload=function() { if (document.getElementById) {
var i, wobli;
wobble=document.getElementById("wobble");
wobtxt=wobble.firstChild.nodeValue;
while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
for (i=0; i<wobtxt.length; i++) {
wobli=document.createElement("span");
wobli.setAttribute("id", "wobb"+i);
wobli.style.position="relative";
wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
if (alink) {
wobli.style.cursor="pointer";
wobli.onclick=function() { top.location.href=alink; }
}
wobble.appendChild(wobli);
}
setInterval("wobbler()", speed);
}}

function wobbler() {
for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
wobcnt++;
}
// ]]>
</script>

 

en htm

<div id="wobble">TU TEXTO</div>

 

texto matrix

en head

<script type="text/javascript">
// <![CDATA[
var height=15; // number of rows - must be an odd number
var speed=100; // lower is faster
var reveal=33; // between 0 and 100
// the higher, the faster the word is 'decoded'
var repeat=20; // if '0' the script does not repeat
// if set to a number this is the number of seconds until the script repeats
var font=13; // size of font to use
var alink="http://www.mf2fm.com/rv"; // place to link to
// set to alink="" if not needed
/***************************\
* The Matrix JavaScripted.. *
*(c)2003-11 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
\***************************/
var weird, table, columns, ma_txt;
reveal/=100;
var m_coch=new Array();
var m_copo=new Array();
var m_fast=new Array();
var m_comp=0;

window.onload=function() { if (document.getElementById) {
var matrix, tbody, tr, td, ts;
if (height/2==Math.floor(height/2)) alert("height must be an odd number!");
matrix=document.getElementById("matrix");
ma_txt=matrix.firstChild.nodeValue;
ma_txt=" "+ma_txt+" ";
columns=ma_txt.length;
while (matrix.childNodes.length) matrix.removeChild(matrix.childNodes[0]);
for (td=33; td<126; td++) weird+=String.fromCharCode(td);
for (td=161; td<255; td++) weird+=String.fromCharCode(td);

table=document.createElement("table");
table.cellSpacing=0;
ts=table.style;
ts.marginLeft="auto";
ts.marginRight="auto";
ts.width=(columns+1)*(font+1)+"px";
ts.border="none";
tbody=document.createElement("tbody");
for (x=0; x<height; x++) {
tr=document.createElement("tr");
for (y=0; y<columns; y++) {
td=document.createElement("td");
ts=td.style;
ts.width=(font+1)+"px";
ts.height="auto";
ts.font=font+"pt monospace";
ts.textAlign="center";
ts.padding="0px";
ts.backgroundColor="#000000";
ts.color="#000000";
ts.border="none";
td.appendChild(document.createTextNode(String.fromCharCode(160)));
tr.appendChild(td);
}
tbody.appendChild(tr);
}
table.appendChild(tbody);
matrix.appendChild(table);
reset();
}}

function reset() {
var i;
m_comp=0;
for (i=0; i<columns; i++) {
m_fast[i]=speed*(0.5+Math.random());
m_copo[i]=0;
table.rows[1+Math.floor(height/2)].cells[i].style.color="#000000";
newtricks(i);
}
}

function newtricks(c) {
var i, mtmp;
if (m_copo[c]) {
if (m_copo[c]<height+1) table.rows[m_copo[c]-1].cells[c].style.color="#ccffcc";
if (m_copo[c]>1 && m_copo[c]<height+2) {
mtmp=table.rows[m_copo[c]-2].cells[c];
mtmp.style.fontWeight="normal";
mtmp.style.color="#33ff33";
}
if (m_copo[c]>2 && m_copo[c]<height+3) table.rows[m_copo[c]-3].cells[c].style.color="#00cc00";
if (m_copo[c]>=height && m_copo[c]<2*height) table.rows[m_copo[c]-height].cells[c].style.color="#003300";
if (m_copo[c]>=height+1 && m_copo[c]<=2*height) table.rows[m_copo[c]-height-1].cells[c].style.color="#000000";
if (m_copo[c]==Math.floor(height/2)+1 && m_coch[c]==ma_txt.charAt(c)) {
setTimeout("zoomer("+c+")", m_fast[c]);
if (++m_comp==columns && repeat) setTimeout("reset()", repeat*1000);
}
else if (m_copo[c]++<2*height) setTimeout("newtricks("+c+")", m_fast[c]);
else {
m_copo[c]=0;
setTimeout("newtricks("+c+")", m_fast[c]);
}
}
else {
if (Math.random()>0.9) {
if (reveal>Math.random() && (m_comp+1)/columns>Math.random()) m_coch[c]=ma_txt.charAt(c);
else m_coch[c]=weird.charAt(Math.floor(Math.random()*weird.length));
for (i=0; i<height; i++) {
table.rows[i].cells[c].firstChild.nodeValue=m_coch[c];
table.rows[i].cells[c].style.fontWeight="bold";
}
m_copo[c]++;
m_fast[c]=speed*(0.5+Math.random());
}
setTimeout("newtricks("+c+")", m_fast[c]);
}
}

function zoomer(c) {
var mtmp, mtem, ytmp;
if (m_copo[c]==Math.floor(height/2)+1) {
for (ytmp=0; ytmp<height; ytmp++) {
mtmp=table.rows[ytmp].cells[c];
mtmp.firstChild.nodeValue=m_coch[c];
mtmp.style.color="#ccffcc";
mtmp.style.fontWeight="bold";
if (alink) {
mtmp.style.cursor="pointer";
mtmp.onclick=function() { window.location.href=alink };
}
}
mtmp=ma_txt.indexOf(ma_txt.charAt(c));
m_copo[c]+=199;
setTimeout("zoomer("+c+")", speed);
}
else if (m_copo[c]>200) {
mtmp=table.rows[m_copo[c]-201].cells[c];
mtem=table.rows[200+height-m_copo[c]].cells[c];
m_copo[c]-=1;
mtmp.style.fontWeight="normal";
mtmp.style.color="#33ff33";
mtem.style.fontWeight="normal";
mtem.style.color="#33ff33";
setTimeout("zoomer("+c+")", speed);
}
else if (m_copo[c]==200) m_copo[c]=100+Math.floor(height/2);
if (m_copo[c]>100 && m_copo[c]<200) {
mtmp=table.rows[m_copo[c]-101].cells[c];
mtmp.firstChild.nodeValue=String.fromCharCode(160);
mtem=table.rows[100+height-m_copo[c]].cells[c];
mtem.firstChild.nodeValue=String.fromCharCode(160);
m_copo[c]-=1;
setTimeout("zoomer("+c+")", speed);
}
}
// ]]>
</script>

 

en htm

<div id="matrix">TU TEXTO</div>

 

texto parpadeante : numero de telefono

en head

<script type="text/javascript">
// <![CDATA[
var bgcolour="#ffffff"; // background colour
var hlcolour="#ddccff"; // highlight colour
var speed=250; // speed colours change, 1 second = 1000

/****************************
* Phone-In Text Effect *
*(c) 2003-6 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var p_txt;
window.onload=function() { if (document.getElementById) {
var phoni;
var phone=document.getElementById("phonein");
p_txt=phone.firstChild.nodeValue;
while (phone.childNodes.length) phone.removeChild(phone.childNodes[0]);
for (var i=0; i<p_txt.length; i++) {
phoni=document.createElement("div");
phoni.style.display="inline";
phoni.setAttribute("id", "phon"+i);
phoni.appendChild(document.createTextNode(p_txt.charAt(i)));
phone.appendChild(phoni);
}
phone_me((p_txt=p_txt.length)-1);
}}

function phone_me(p_cnt) {
var p_tmp=document.getElementById("phon"+p_cnt);
p_tmp.style.fontWeight="normal";
if (document.all) p_tmp.style.filter='';
p_tmp.style.backgroundColor=bgcolour;
p_cnt=++p_cnt%p_txt;
p_tmp=document.getElementById("phon"+p_cnt);
if (p_tmp.firstChild.nodeValue!=" ") {
p_tmp.style.fontWeight="bold";
if (document.all) p_tmp.style.filter="GLOW(strength=3, color=#"+bgcolour+")";
p_tmp.style.backgroundColor=hlcolour;
}
setTimeout("phone_me("+p_cnt+")", speed);
}
// ]]>
</script>

 

en htm

<span id="phonein">TU NUMERO DE TELEFONO</span>

 

efectos de fondo de pantalla

todos los codigos van en head

rayas horizontales y verticales a color,con movimiento

<script type="text/javascript">
// <![CDATA[
var border=50; // how wide is each border
var effects=3; // how many of the effect are on the page
var speed=50; // how fast is the animation (lower is faster)
var colours=new Array("#9cf", "#c9f", "#fc9", "#f9c", "#cf9", "#9fc", "#6ff", "#f6f", "#ff6");
// above line lists colours for the groovy effect (can be as long or short as you like)

/****************************
*1970s Groovy WebPage Effect*
*(c)2008-11 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var swide, shigh, boddie;
var h=new Array();
var v=new Array();
var op=1/(effects+1);
window.onload=function() { if (document.getElementById) {
var i, d, s;
boddie=document.createElement("div");
s=boddie.style;
s.position="fixed";
s.backgroundColor="transparent";
s.top="0px";
s.left="0px";
s.width="100%";
s.zIndex="-1";
i=document.body.style.backgroundColor;
if (document.body.parentNode) {
if (i) document.body.parentNode.style.backgroundColor=i;
document.body.style.backgroundColor="transparent";
}
document.body.insertBefore(boddie, document.body.firstChild);
set_width();
for (i=0; i<effects*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;
boddie.appendChild(d);
}
for (i=0; i<effects*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;
boddie.appendChild(d);
}
setInterval('groovy()', speed);
}}

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() {
var i;
for (i=0; i<effects*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; i<effects*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() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min;
shigh=sh_min;
boddie.style.height=shigh+"px";
}
// ]]>
</script>

 

fondo con cometas

<script type="text/javascript">
// <![CDATA[
var speed=25; // how fast - smaller is faster
var how_often=10; // average time between re-appearances of a comet (in seconds)
var how_many=10; // maximum number of comets in flight
var colours=new Array("#ff0", "#f93", "#f60", "#e93", "#e94", "#da5", "#da6", "#cb7", "#cb8", "#cc9", "#dcb", "#ddd");
// above line lists colours for the comet and its tail (can be as long or short as you like)

/****************************
* Shooting Star/Comet Effect*
*(c)2008-11 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var dx=new Array();
var dy=new Array();
var xpos=new Array();
var ypos=new Array();
var comets=new Array();
var swide=800;
var shigh=600;
var tail=colours.length;
var boddie=false;

function write_comet(a) {
var i, s;
for (i=0; i<tail; i++) {
s=2+(i<tail/4)+2*!i;
comets[i+a]=div(s, s);
comets[i+a].style.backgroundColor=colours[i];
boddie.appendChild(comets[i+a]);
}
}

function div(w, h) {
var d=document.createElement("div");
d.style.position="absolute";
d.style.overflow="hidden";
d.style.width=w+"px";
d.style.height=h+"px";
return (d);
}

function stepthrough(a) {
var i;
if (Math.random()<0.008||ypos[a]+dy[a]<5||xpos[a]+dx[a]<5||xpos[a]+dx[a]>=swide-5||ypos[a]+dy[a]>=shigh-5) {
for (i=0; i<tail; i++) setTimeout('comets['+(i+a)+'].style.visibility="hidden"', speed*(tail-i));
setTimeout('launch('+a+')', Math.max(1000, 2000*Math.random()*how_often));
}
else setTimeout('stepthrough('+a+')', speed);
for (i=tail-1; i>=0; i--) {
if (i) {
xpos[i+a]=xpos[i+a-1];
ypos[i+a]=ypos[i+a-1];
}
else {
xpos[i+a]+=dx[a];
ypos[i+a]+=dy[a];
}
comets[i+a].style.left=xpos[i+a]+"px";
comets[i+a].style.top=ypos[i+a]+"px";
}
}

function launch(a) {
var i;
dx[a]=(Math.random()>0.5?1:-1)*(1+Math.random()*3);
dy[a]=(Math.random()>0.5?1:-1)*((7-dx[a])/3+Math.random()*(dx[a]+5)/3);
xpos[a]=2*tail*dx[a]+Math.round(Math.random()*(swide-4*tail*dx[a]));
ypos[a]=2*tail*dy[a]+Math.round(Math.random()*(shigh-4*tail*dy[a]));
for (i=0; i<tail; i++) {
xpos[i+a]=xpos[a];
ypos[i+a]=ypos[a];
comets[i+a].style.visibility="visible";
}
stepthrough(a);
}

window.onresize=set_width;
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min;
shigh=sh_min;
}

window.onload=function() { if (document.getElementById) {
var i;
boddie=document.createElement("div");
boddie.style.position="fixed";
boddie.style.top="0px";
boddie.style.left="0px";
boddie.style.overflow="visible";
boddie.style.width="1px";
boddie.style.height="1px";
boddie.style.backgroundColor="transparent";
document.body.appendChild(boddie);
set_width();
for (i=0; i<how_many; i++) {
write_comet(i*tail);
setTimeout('launch('+(i*tail)+')', Math.max(1000*i));
}
}}
// ]]>
</script>

 

circulos a color con movimiento

<script type="text/javascript">
// <![CDATA[
var colsel=new Array('#edf', '#dbf', '#c9f', '#b7f', '#a5f', '#93f'); // colours for animation - last colour is the 'background'
var speed=100; // speed of animation, lower is faster

/***************************\
* Blob space Graphic Effect *
* (c)2010 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
\***************************/

window.onload=whizzy;
var div;
var ring=new Array();
var swide=screen.width;
var shigh=screen.height;
var count=0;
var roun=0;
var nour=0;
function whizzy() {
var i, dvs;
div=document.createElement('div');
dvs=div.style;
dvs.position='fixed';
dvs.left='50%';
dvs.top='50%';
dvs.width='1px';
dvs.height='1px';
dvs.overflow='visible';
dvs.zIndex='-1';
i=document.body.style.backgroundColor;
if (document.body.parentNode) {
if (i) document.body.parentNode.style.backgroundColor=i;
document.body.style.backgroundColor="transparent";
}
document.body.insertBefore(div, document.body.firstChild);
for (i=0; i<30; i++) ring['col'+i]=new Array();
add_blobs();
zoomer();
}

function add_blobs() {
var f, h, i, j, k, w;
for (i=50; i<swide*1.5;) {
f=Math.floor(10+140*(i/swide)); // from 10 to 150
ring['row'+count]=new Array();
for (j=0; j<30; j++) {
h=-f/8+i/2*Math.cos(Math.PI*j/15);
w=f/5+i/2*Math.sin(Math.PI*j/15);
if (h-f/2>shigh/2 || h+f/2<-shigh/2 || w-f/2>swide/2 || w+f/2<-swide/2) continue;
k=document.createElement('div');
dvs=k.style;
dvs.position='absolute';
dvs.left=w-f/2+'px';
dvs.top=h-f/2+'px';
dvs.color=colsel[colsel.length-1];
k.appendChild(document.createTextNode(String.fromCharCode(9679)));
k.style.fontSize=f+'px';
ring['row'+count][j]=k;
ring['col'+j][count]=k;
div.appendChild(k);
}
count++;
i+=f*2;
}
nour=count;
}

function zoomer() {
for (var i=0; i<30; i++) {
var tc=Math.abs(-nour+roun)%(count-2);
if (tc<colsel.length && ring['col'+i][roun]) ring['col'+i][roun].style.color=colsel[tc];
}
if (++roun==count) {
roun=0;
nour++;
setTimeout('zoomer()', speed);
}
else zoomer();
}
// ]]>
</script>

 

algas a color con movimiento

<script type="text/javascript">
// <![CDATA[
var speed=40; // lower number for faster animation
var colour="#6600ff"; // colour of weed
var fronds=6; // how many fronds of seaweed, the more there are the slower the script runs
var flength=0.66; // maximum height of the fronds compared to the screen height. 0.5 is half way to the top
var fobble=6; // how much do the fronds wobble (8 is about the maximum sensible)
var girth=40; // how thick are the fronds in pixels

/***************************\
* Slithery Seaweed Effect *
*(c)2012-12 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
\***************************/
var fron=new Array();
var frox=new Array();
var frod=new Array();
var frop=new Array();
var froa=new Array();
var frob=new Array();
var swide, shigh;

function addLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
if (oldonload) oldonload();
funky();
}
}

addLoadEvent(slither);

function inArray(needle, haystack) {
var i;
for (i=0; i<haystack.length; i++) {
if (haystack[i]==needle) return true;
}
return false;
}

function slither() { if (document.getElementById) {
var i, f, w, x=new Array();
set_width();
for (f=0; f<fronds; f++) {
fron[f]=new Array();
frod[f]=new Array();
frox[f]=new Array();
frop[f]=0;
froa[f]=0.03+0.03*Math.random();
do { i=Math.floor(girth/2*(2+Math.floor(2*(swide/girth-4)*Math.random()))); }
while ( inArray(i, x) )
x[f]=i;
frob[f]=createDov(x[f]);
document.body.appendChild(frob[f]);
}
for (f=0; f<fronds; f++) {
h=Math.floor(shigh/2*flength*(0.66+0.33*Math.random()));
for (i=0; i<=h; i++) {
w=2*Math.floor(girth/2*Math.sin(2.2*i/h));
frod[f][i]=0;
frox[f][i]=Math.floor(girth-w/2);
fron[f][i]=createDuv(w, frox[f][i], -2*(i-h));
frob[f].appendChild(fron[f][i]);
}
wavy_seaweed(f, i);
}
}}

function createDov(left) {
var d, s;
d=document.createElement("div");
s=d.style;
s.position="fixed";
s.bottom="0px";
s.left=left+"px";
s.overflow="visible";
s.width=2*girth+"px";
s.height=swide*flength+"px";
s.backgroundColor="transparent";
s.zIndex="998";
if (navigator.appName!="Microsoft Internet Explorer") s.opacity="0.66";
return (d);
}

function createDuv(width, left, bottom) {
var d, s;
d=document.createElement("div");
s=d.style;
s.position="absolute";
s.height="2px";
s.width=width+"px";
s.left=left+"px";
s.bottom=bottom+"px";
s.overflow="hidden";
s.backgroundColor=colour;
if (navigator.appName=="Microsoft Internet Explorer") s.filter="alpha(opacity=66)";
return (d);
}

function wavy_seaweed(f, h) {
var i, x, s;
s=h*h/fobble;
frod[f][h-2]=Math.sin(frop[f]);
fron[f][h-2].style.left=frox[f][h-2]+frod[f][h-2]+"px";
frop[f]+=froa[f]+Math.random()*0.005;
if (Math.random()>.95) {
froa[f]=froa[f]-0.015+0.03*Math.random();
if (froa[f]<0.03) froa[f]=0.03;
if (froa[f]>0.08) froa[f]=0.08;
}
for (i=0; i<h-2; i++) {
x=(1+i/s)*frod[f][i+1];
if (Math.floor(x)!=Math.floor(frod[f][i])) fron[f][i].style.left=frox[f][i]+Math.floor(x)+"px";
frod[f][i]=x;
}
setTimeout('wavy_seaweed('+f+','+h+')', speed);
}

window.onresize=set_width;
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)=='number' && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min;
shigh=sh_min;
}
// ]]>
</script>

 

Iconos sociales con efecto rotador

en head

<style>
#socialicons img{
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;}
#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);}
</style>

 

en htm

<center><div id="socialicons"><a href="URL FACEBOOK" target="_blank"><img src="http://u.jimdo.com/www48/o/s65796f9dabaa293f/img/i7b4a6e07e0a02700/1343048321/std/image.png" /></a><a href="URL GOOGLE PLUS" target="_blank"><img src="http://u.jimdo.com/www48/o/s65796f9dabaa293f/img/i7b4a6e07e0a02700/1343048364/std/image.png" /></a><a href="URL TWITTER" target="_blank"><img src="http://u.jimdo.com/www48/o/s65796f9dabaa293f/img/i7b4a6e07e0a02700/1343048456/std/image.png" /></a><a href="URL FEED" target="_blank"><img src="http://u.jimdo.com/www48/o/s65796f9dabaa293f/img/i7b4a6e07e0a02700/1343048399/std/image.png" /></a><a href="URL YAHOO"target="_blank"><img src="http://u.jimdo.com/www48/o/s65796f9dabaa293f/img/i7b4a6e07e0a02700/1343048476/std/image.png" />

</div></center>

 

botones de redes sociales

ejemplo de los botones

en htm


<img border="0" src="http://2.bp.blogspot.com/-wDqQ9vCcr9k/TwJOzSscxAI/AAAAAAAAArw/fDdRA9TTgXg/s1600/facebook.png" alt="" /><a href="URL%20DE%20TU%20FACEBOOK">sigueme</a><br /><img border="0" src="http://3.bp.blogspot.com/-2HQ0FHz_rII/TwJOzcSlKmI/AAAAAAAAArg/EV41oypAZe4/s1600/twitter.png" alt="" /><a href="URL%20DE%20TU%20TWITTER">sigueme</a><br /><img border="0" src="http://2.bp.blogspot.com/-0iDOAUPSjRM/TwJOzkiP7GI/AAAAAAAAAr4/Jio5zcdXCts/s1600/rss.png" alt="" /><a href="URL%20DE%20TU%20FEED">sigueme</a>

ejemplo de los botones

en htm


<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">    <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class=    "addthis_button_compact"></a> <a class="addthis_counter addthis_bubble_style"></a></div><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dcddcb73e3ba0d2"></script><!-- AddThis Button END -->

Gadget de comentarios animados que cambian de imagen

en htm

 

el gadget se situa en esquina inferior derecha


<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://www.miltrucosblogger.info/2012/01/gadget-comentablogger-para-tu-blog.html"><img src="http://1.bp.blogspot.com/-wqa7vSqgjB0/TybZqS6C1DI/AAAAAAAAAt8/rvGRoPAETGQ/s1600/GifMilTrucosBlogger.gif" alt="" /></a>

imagen con gadget de Simpson en sigueme en facebook

en htm

 

el gadget se situa en esquina inferior derecha


<br /><a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="URL%20DE%20TU%20FACEBOOK"><img src="http://1.bp.blogspot.com/-BlPplTBFyzM/TgPc1dzRoDI/AAAAAAAAAQ0/XzQTjGo2VtA/s1600/gadgetmiltrucosblogger.png" alt="" /></a><br />

Caja de Suscripciones Elegante

ejemplo de los botones y la caja

en htm


<table>    <tbody>        <tr>            <td>                <a href="URL%20DE%20TU%20BLOG/feeds/posts/default" rel="nofollow" target="_blank"><img src="http://3.bp.blogspot.com/_dZM2bJJMfBs/TQzz5cEhgMI/AAAAAAAABDs/CEmvLcqrFgU/s000/rss.png"                border="0" alt="" /></a>            </td>            <td>                <a href="URL%20DE%20TU%20TWITTER" rel="nofollow" style="margin-left:" target="_blank"><img src=                "http://2.bp.blogspot.com/_dZM2bJJMfBs/TQzz5vLD8TI/AAAAAAAABDw/_gbjAghfC6E/s000/twitter.png" border="0" alt="" /></a>            </td>            <td>                <a href="URL%20DE%20TU%20FACEBOOK" rel="nofollow" style="margin-left:" target="_blank"><img class="sinborde" src=                "http://1.bp.blogspot.com/_dZM2bJJMfBs/TQzz5w1INSI/AAAAAAAABD0/Xnq-RgofXQQ/s000/facebook.png" border="0" alt="" /></a>            </td>        </tr>    </tbody></table>
<div class="mbtbar">    <div class="emailsub">        <div class="emailupdatesform">            <form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=NOMBRE FEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" action=            "http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow">                <input onblur="if (this.value == '') {this.value = 'submit email...';}" onfocus="if (this.value == 'submit email...') {this.value = '';}" class="emailupdatesinput" name="email" value=                "tu email aqui..." type="text" /><input name="uri" value="NOMBRE FEEDBURNER" type="hidden" /><input class="joinemailupdates" value="Suscribirse" type="submit" />            </form>        </div>    </div></div>

Mensaje con efecto arcoiris

en htm


<marquee><span style="font-weight: bold;font-size:180%;"><script type="text/javascript">//<![CDATA[var text="BIENVENIDO, AQUI ENCONTRARAS TODO LO QUE NECESITAS  Y MAS"var speed=80if (document.all||document.getElementById){document.write('<span id="highlight">' + text + '<\/span>')var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight}elsedocument.write(text)var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")var r=1var g=1var b=1var seq=1function changetext(){rainbow="#"+hex[r]+hex[g]+hex[b]storetext.style.color=rainbow}function change(){if (seq==6){b--if (b==0)seq=1}if (seq==5){r++if (r==12)seq=6}if (seq==4){g--if (g==0)seq=5}if (seq==3){b++if (b==12)seq=4}if (seq==2){r--if (r==0)seq=3}if (seq==1){g++if (g==12)seq=2}changetext()}function starteffect(){if (document.all||document.getElementById)flash=setInterval("change()",speed)}starteffect()//]]></script></span></marquee>

Protected by Copyscape Web Plagiarism Check