Doodle Google Art Clokey

Posteado el 12. Oct, 2011 por in Desarrollo Web, Google

Doodle Google Art Clokey

PASO 1

Creamos una carpeta nueva llamada logos dentro de la cual vamos a crear una carpeta llamada 2011 donde vamos a colocar las imágenes de nuestro doodle.

 

PASO 2

Vamos a Dreamweaver y Creamos un nuevo documento HTML en blanco.

 

PASO 3

Debajo de la etiqueta <title> </title> vamos copiar el siguiente código ActiosScript

<script>window.google={kEI:"ehCWTsOAFMjqgQe7v73aBw",getEI:function(a){var b;while(a&&!(a.getAttribute&&(b=a.getAttribute("eid"))))a=a.parentNode;return b||google.kEI},kEXPI:"17315,23628,28936,31215,32034,32217,32410,32690,32820,33047,33067,33076,33104,33167,33396,33409,33446,33498,33583",kCSI:{e:"17315,23628,28936,31215,32034,32217,32410,32690,32820,33047,33067,33076,33104,33167,33396,33409,33446,33498,33583",ei:"ehCWTsOAFMjqgQe7v73aBw"},authuser:0,ml:function(){},pageState:"#",kHL:"es-419",time:function(){return(new Date).getTime()},log:function(a,b,c,e){var d=new Image,f=google,h=f.lc,g=f.li,i="";d.onerror=(d.onload=(d.onabort=function(){delete h[g]}));h[g]=d;if(!c&&b.search("&ei=")==-1)i="&ei="+google.getEI(e);var j=c||"/gen_204?atyp=i&ct="+a+"&cad="+b+i+"&zx="+google.time();d.src=j;f.li=g+1},lc:[],li:0,j:{en:1,l:function(){google.fl=
true},e:function(){google.fl=true},b:location.hash&&location.hash!="#",bv:19,cf:"osb",pm:"p",pl:[],mc:0,sc:0.5,u:"cde2d987"},Toolbelt:{},y:{},x:function(a,b){google.y[a.id]=[a,b];return false}};
(function(){var a=google.j;window.onpopstate=function(){a.psc=1};for(var b=0,c;c=["ad","bc","inpr","is","p","pa","ac","pc","pah","ph","sa","sifp","slp","spf","spn","xx","zc","zz"][b++];)(function(e){a[e]=function(){a.pl.push([e,
arguments])}})(c)})();if(!window.chrome)window.chrome={};window.chrome.sv=1.00;
window.google.sn="webhp";var i=window.google.timers={};window.google.startTick=function(a,b){i[a]={t:{start:(new Date).getTime()},bfr:!(!b)}};window.google.tick=function(a,b,c){if(!i[a])google.startTick(a);i[a].t[b]=c||(new Date).getTime()};google.startTick("load",true);try{window.google.pt=window.gtbExternal&&window.gtbExternal.pageT();
}catch(v){}
</script>

PASO 4

Ahora dentro de las etiquetas <body></body> vamos a copiar el siguiente código html4strict.

<style>
 
#hplogo{height:230px;margin:0 auto;overflow:hidden;position:relative;width:450px}#logo-blockheads,#logo-blockheads-hold,#logo-goo,#logo-goo-hold,#logo-gumby,#logo-gumby-hold,#logo-gumby-loop,#logo-pokey,#logo-pokey-hold,#logo-prickle,#logo-prickle-hold{cursor:pointer;position:absolute}#logo-blockheads{display:none;height:156px;left:31px;top:35px;width:135px}#logo-blockheads-hold{background:url(logos/2011/gumby11-initial-sprite.png) no-repeat 0 0;height:156px;left:31px;top:35px;width:135px}#logo-goo{background:url(logos/2011/gumby11-goo.png) no-repeat;display:none;height:144px;left:227px;top:49px;width:67px}#logo-goo-hold{background:url(logos/2011/gumby11-initial-sprite.png) no-repeat -400px 0;height:144px;left:227px;top:49px;width:67px}#logo-gumby{background:url(logos/2011/gumby11-gumby.jpg) no-repeat;display:none;height:156px;left:277px;top:29px;width:98px}#logo-gumby-hold{background:url(logos/2011/gumby11-initial-sprite.png) no-repeat -682px 0;height:156px;left:277px;top:29px;width:98px}#logo-gumby-loop{height:156px;left:277px;top:29px;width:98px}#logo-pokey{background:url(logos/2011/gumby11-pokey.png) no-repeat;display:none;height:108px;left:354px;top:85px;width:75px}#logo-pokey-hold{background:url(logos/2011/gumby11-initial-sprite.png) no-repeat -534px 0;height:108px;left:354px;top:85px;width:75px}#logo-prickle{background:url(logos/2011/gumby11-pokey.png) no-repeat;display:none;height:102px;left:177px;top:75px;width:65px}#logo-prickle-hold{background:url(logos/2011/gumby11-initial-sprite.png) no-repeat -270px 0;height:102px;left:169px;top:75px;width:65px}#logo-tooltip{display:none;font:normal 9pt arial,sans-serif;left:68px;padding:2px 3px;position:absolute;top:10px;width:350px;-webkit-font-smoothing:antialiased;zoom:1}.fl{-webkit-font-smoothing:antialiased} 
 
</style>
 
<div id=hplogo> <div id=logo-gumby-hold></div><div id=logo-gumby></div><div id=logo-gumby-loop></div><div id=logo-blockheads-hold></div><div id=logo-blockheads></div><div id=logo-prickle-hold></div><div id=logo-prickle></div><div id=logo-goo-hold></div><div id=logo-goo></div><div id=logo-pokey-hold></div><div id=logo-pokey></div><div id=logo-tooltip><a href="/search?q=Art+Clokey&ct=gumby-2011-hp&oi=ddle" class=fl>90º aniversario del nacimiento de Art Clokey</a></div></div><script>(function(){var d=true,e=false;try{if(!google.doodle)google.doodle={};var f,g,j,k=navigator.userAgent.indexOf("MSIE")>=0,o={"logo-blockheads":{k:"blockheads.jpg",left:31,top:35,width:135,height:156,frames:89,d:0,g:0,a:e,click:function(){l("logo-blockheads")},i:function(){m("logo-blockheads",d)},h:function(){m("logo-blockheads",e)}},"logo-blockheads-hold":{left:31,top:35,width:135,height:156,frames:89,d:0,g:0,a:e,click:function(){n("logo-blockheads","logo-blockheads-hold",d)},i:function(){m("logo-blockheads-hold",d)},h:function(){m("logo-blockheads-hold",e)}},"logo-goo":{k:"goo.png",left:227,top:49,width:67,height:144,frames:105,d:400,g:0,a:e,click:function(){l("logo-goo")},i:function(){m("logo-goo",d)},h:function(){m("logo-goo",e)}},"logo-goo-hold":{left:227,top:49,width:67,height:144,frames:105,d:400,g:0,a:e,click:function(){n("logo-goo","logo-goo-hold",d)},i:function(){m("logo-goo-hold",d)},h:function(){m("logo-goo-hold",e)}},"logo-gumby-loop":{k:"gumby.jpg",left:277,top:29,width:98,height:156,d:682,g:0,a:e,click:function(){if(!google.doodle.c)google.doodle.c=d,o["logo-gumby-loop"].a=d,f=0,p();q=d}},"logo-gumby":{k:"gumby.jpg",left:277,top:29,width:98,height:156,d:682,g:0,a:e,click:function(){l("logo-gumby")},i:function(){m("logo-gumby",d)},h:function(){m("logo-gumby",e)}},"logo-prickle":{k:"prickle.jpg",left:169,top:75,width:65,height:102,d:270,g:0,a:e,click:function(){l("logo-prickle")},i:function(){m("logo-prickle",d)},h:function(){m("logo-prickle",e)}},"logo-prickle-hold":{left:169,top:75,width:65,height:102,d:270,g:0,a:e,click:function(){n("logo-prickle","logo-prickle-hold",d)},i:function(){m("logo-prickle-hold",d)},h:function(){m("logo-prickle-hold",e)}},"logo-pokey":{k:"pokey.png",left:354,top:85,width:75,height:108,frames:101,d:534,g:0,a:e,click:function(){l("logo-pokey")},i:function(){m("logo-pokey",d)},h:function(){m("logo-pokey",e)}},"logo-pokey-hold":{left:354,top:85,width:75,height:108,frames:101,d:534,g:0,a:e,click:function(){n("logo-pokey","logo-pokey-hold",d)},i:function(){m("logo-pokey-hold",d)},h:function(){m("logo-pokey-hold",e)}}},q=e,s=function(){for(var a=[new r("logo-gumby-loop",[0,0,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,12,12,12,30,11,31,32,33,34,35,36,36,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,50,51,51,52,52,52,52,34,33,32,31,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,84,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,84,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,0],{191:function(){n("logo-gumby","logo-gumby-loop",e)}},14,89),new r("logo-gumby",[0,0,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,12,12,12,30,11,31,32,33,34,35,36,36,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,50,51,51,52,52,52,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,84,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,84,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,0]),new r("logo-blockheads",[0,0,0,1,2,3,4,5,6,7,8,9,10,11,12,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,52,53,54,55,56,57,58,56,0]),new r("logo-goo",[0,0,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,52,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,73,73,73,73,73,73,74,75,76,77,0]),new r("logo-pokey",[0,0,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,50,51,51,52,53,54,55,56,57,58,59,60,61,62,56,63,64,65,63,64,65,63,66,67,0]),new r("logo-prickle",[0,0,0,1,2,3,4,5,6,7,8,9,10,11,11,11,12,13,13,13,13,13,13,12,13,13,12,13,13,13,14,15,16,17,18,19,20,21,22,23,24,24,24,24,24,25,26,27,28,29,30,31,32,33,34,35,36,36,37,38,39,39,39,39,39,40,40,41,42,43,44,45,46,47,48,49,50,51,0])],b=0,c;c=a[b++];){if(g[c.id])break;g[c.id]=c}},t=function(a,b){var c=o[a];this.id=a;this.element=document.getElementById(this.id);this.d=c.d||0;this.frame=0;this.frames=c.frames;this.s=this.c=e;this.width=c.width;this.n=b||{}};t.prototype.start=function(a){this.s=d;if(!a&&!this.c)this.c=d,o[this.id].a=d,this.frame=0};t.prototype.a=function(){return this.c};t.prototype.p=function(){if(this.n){var a=this.n[this.frame];a&&a()}};t.prototype.v=function(){this.frame++;this.frame==this.frames?(this.c=e,o[this.id].a=e):(u(this.element,this.d+this.frame*this.width,this.g),this.p())};var l=function(a){v=(new Date).getTime();if(!o[a].a&&(f=0,(a=g[a])&&a.start(void 0),!google.doodle.c))google.doodle.c=d,p()},w=function(){for(var a in o)o[a].a=e},p=function(){if(google.doodle.c){for(var a in g){var b=g[a];b&&b.a()&&b.v()}++f<370?google.doodle.timeout=window.setTimeout(p,84):(google.doodle.c=e,w())}},r=function(a,b,c,h,i){t.call(this,a);this.o=b;this.frames=this.o.length;this.n=c||{};this.z=h||-1;this.w=i||-1};(function(){var a=r;function b(){}b.prototype=t.prototype;a.G=t.prototype;a.prototype=new b})();r.prototype.start=function(a){this.s=d;if(!a){if(!this.c&&(this.c=d,o[this.id].a=d,this.frame=0,this.id!="logo-gumby-loop"))this.element.style.cursor="default";this.x=this.D=this.element.offsetLeft;this.g=0}};r.prototype.v=function(){this.frame++;if(this.frame==this.frames)this.c=e,o[this.id].a=e,this.element.style.cursor="pointer";else{if(!q&&this.frame==this.w)this.frame=this.z;if(this.id=="logo-gumby-loop"&&q&&this.frame==85)this.frame=90;u(this.element,this.d+this.o[this.frame]*this.width,this.g);this.p()}};var u=function(a,b,c){a.style.backgroundPosition=-b+"px -"+c+"px"},x=function(a){return typeof a!="undefined"},z=function(){for(var a in o){var b=o[a],c=document.getElementById(a);if(!c)throw"Invalid ID: "+a;b.k&&u(c,b.d||0,b.g||0);if(x(b.left))c.style.left=(b.left||0)+"px";if(x(b.top))c.style.top=(b.top||0)+"px";if(b.width)c.style.width=(b.C||b.width||0)+"px";if(b.height)c.style.height=(b.height||0)+"px";if(x(b.display))c.style.display=b.display;if(b.click)y(c,"click",b.click),c.style.cursor="pointer";b.i&&y(c,"mouseover",b.i);b.h&&y(c,"mouseout",b.h)}},B=function(a){var b=A;a.style.display=b>0?"block":"none";if(k)a.style.zoom=1,a.style.filter=b<100?"alpha(opacity:"+b+")":"";b=(b<100?b:99.999)/100;a.style.opacity=b;a.style.MozOpacity=b;a.style.F=b},A=5,C=null,D=e,E=function(a){D=d;var b=document.getElementById("logo-tooltip");A+=a;B(b);A>0&&A<70?C=window.setTimeout(function(){E(a)},50):D=e},G=function(a,b,c){b+=a.offsetLeft;c+=a.offsetTop;return a.offsetParent?G(a.offsetParent,b,c):[b,c]},v=(new Date).getTime(),H=function(a){var b=document.getElementById("hplogo");if(b){var c=[(a.clientX||a.targetTouches&&a.targetTouches[0]&&a.targetTouches[0].clientX||0)+(document.body.scrollLeft||document.documentElement.scrollLeft||0),(a.clientY||a.targetTouches&&a.targetTouches[0]&&a.targetTouches[0].clientY||0)+(document.body.scrollTop||document.documentElement.scrollTop||0)],a=c[0],c=c[1],h=G(b,b.offsetWidth/2,34),i=(new Date).getTime();a<b.offsetLeft||a>b.offsetLeft+b.offsetWidth||c>b.offsetTop+b.offsetHeight?!D&&A!=0&&E(-5):c>h[1]+10&&(j!==void 0&&c>j+3||v!==void 0&&v+3E3>i)?!D&&A!=0&&E(-5):!D&&A!=70&&E(5);j=c}},m=function(a,b){var c=o[a];c.a||u(document.getElementById(a),c.d+(b?c.width:0),c.g)},n=function(a,b,c){a!="logo-gumby-loop"&&(q=d);var h=o[a],i=document.createElement("img");i.onload=function(){var h=o[a],i=document.getElementById(a),K=document.getElementById(b);i.style.background="url(/logos/2011/gumby11-"+h.k+") -"+h.d+"px -"+h.g+"px";i.style.display="block";K.style.display="none";c&&l(a)};i.src="/logos/2011/gumby11-"+h.k},y=function(a,b,c){if(a){if(!google.doodle.m)google.doodle.m=[];google.doodle.m.push(arguments);var h=a,i=b,F=c;h.addEventListener?h.addEventListener(i,F,e):h.attachEvent("on"+i,F)}},I=function(a,b,c){a&&(a.removeEventListener?a.removeEventListener(b,c,e):a.detachEvent("on"+b,c))},J=function(){if(google.rein&&google.dstr&&!google.doodle.B)google.doodle.B=d,google.rein.push(J),google.dstr.push(L);if(document.getElementById("hplogo")&&!google.doodle.c){google.doodle.c=d;google.A&&google.A.q&&google.msg&&google.msg.listen(22,function(){L();return d});if(k)try{document.execCommand("BackgroundImageCache",e,d)}catch(a){}f=0;google.doodle.c=e;google.doodle.timeout=null;g={};y(document,"mousemove",H);z();s();p();n("logo-gumby-loop","logo-gumby-hold",d)}},L=function(){google.doodle.c=e;w();if(google.doodle.timeout)window.clearTimeout(google.doodle.timeout),google.doodle.timeout=null;C&&(window.clearTimeout(C),C=null);if(google.doodle.m)for(var a;a=google.doodle.m.pop();)I.apply(null,a)};google.doodle.cpDestroy=L;google.x?google.x({id:"DOODLE"},J):J()}catch(M){google.ml(M,e,{cause:"DOODLE"})};})();</script></div><div style="height:126px"></div><div style="font-size:83%;min-height:3.5em"><br></div><div id=res></div></center></span><script>function _gjp(){!(location.hash&&_gjuc())&&setTimeout(_gjp,500);}google.j[1]={cc:[],co:['body','footer','xjsi'],pc:[],css:document.getElementById('gstyle').innerHTML,main:'<span class=ctr-p id=body></span>'+'<span class=ctr-p id=footer></span>'+'<span id=xjsi></span>',bl:['mngb','gb_']};</script><script>function wgjp(){var xjs=document.createElement('script');xjs.src='js/74e434277cbcf13e.js';(document.getElementById('xjsd')||document.body).appendChild(xjs)};</script><div id=xjsd></div><div id=xjsi><script>if(google.y)google.y.first=[];google.dlj=function(b){window.setTimeout(function(){var a=document.createElement("script");a.src=b;document.getElementById("xjsd").appendChild(a)},0)};
if(google.y)google.y.first=[];if(!google.xjs){google.dstr=[];google.rein=[];if(google.timers&&google.timers.load.t){google.timers.load.t.xjsls=new Date().getTime();}google.dlj('js/7wcWL3ctJPk.js');google.xjs=1}google.neegg=1;(function(){
function a(){if(document.documentElement&&document.documentElement.clientHeight)return document.documentElement.clientHeight;else if(document.body&&document.body.clientHeight)return document.body.clientHeight;return 0}function b(d,k,e){var l=d.offsetHeight?e-d.offsetHeight:e+10,m=k-l-10,f=Math.max(m,0);d.style.height=f+"px";return f}var c=false,g;function h(){if(google.sn=="web"){i();return}if(g)b(g,a(),document.body.offsetHeight)}function j(){if(google.sn=="web"||c)return;g=document.getElementById("footer");
if(!g)return;if(window.addEventListener)window.addEventListener("resize",h,false);else window.attachEvent("onresize",h);g.style.display="block";h();c=true}function i(){if(!c)return;if(window.removeEventListener)window.removeEventListener("resize",h,false);else window.detachEvent("onresize",h);c=false;g=document.getElementById("footer");g&&(g.style.display="none")}if(google.rein&&google.dstr){google.rein.push(function(){j()});google.dstr.push(function(){i()})}j();
})();
;google.mc=[];google.mc=google.mc.concat([[69,{}],[14,{}],[60,{}],[81,{}],[152,{}],[98,{}],[42,{}],[43,{}],[83,{"bih":606,"biw":1360}],[78,{}],[25,{"g":28,"k":true,"m":{"bks":true,"blg":true,"dsc":true,"evn":true,"flm":true,"frm":true,"isch":true,"klg":true,"mbl":true,"nws":true,"plcs":true,"ppl":true,"prc":true,"pts":true,"rcp":true,"shop":true,"vid":true},"t":null}],[33,{"gl":"gt","msgs":{"r":"Mostrar más resultados destacados","s":"Ocultar más resultados destacados"},"pb":"-153px -84px","q":""}],[105,{}],[22,{"m_errors":{"32":"Lo sentimos, no hay más resultados para mostrar.","default":"\u003Cfont color=red\u003EError:\u003C/font\u003E el servidor no ha podido completar tu solicitud. Vuelve a intentarlo dentro de 30 segundos."},"m_tip":"Haz clic para obtener más información"}],[151,{"ab":{"on":true,"sug4":true},"ajax":{"gl":"gt","gwsHost":"","hl":"es","maxPrefetchConnections":2,"prefetchTotal":5,"q":"","requestPrefix":"/ajax/rd?"},"elastic":{"js":false,"rhsOn":false},"kfe":{"adsClientId":33,"clientId":29,"kfeHost":"clients1.google.com.gt","kfeUrlPrefix":"/webpagethumbnail?r=4\u0026f=3\u0026s=400:585\u0026query=\u0026hl=es\u0026gl=gt","vsH":585,"vsW":400},"logging":{"csiFraction":0.050},"msgs":{"loading":"Aún cargando...","mute":"Silenciar","noPreview":"Vista previa no disponible","unmute":"Activar sonido"},"nokjs":{"on":true},"time":{"hOff":300,"hOn":300,"hSwitch":200,"loading":100,"timeout":2500}}],[77,{}],[167,{"MESSAGES":{"msg_img_from":"Imagen de %1$s","msg_ms":"Más tamaños","msg_si":"Similar"}}],[146,{}],[99,{}],[84,{"uab":true}],[116,{"bd":[],"bk":[],"bu":[],"mb":500,"msgs":{"a":"Bloquear todos los resultados de %1$s","b":"\u003Cb\u003E¿No fue de ayuda?\u003C/b\u003E Puedes bloquear los resultados relacionados con \u003Cb\u003E%1$s\u003C/b\u003E si inicias sesión para realizar búsquedas.","c":"No te mostraremos resultados relacionados con \u003Cb\u003E%1$s\u003C/b\u003E de nuevo.","d":"Administrar sitios bloqueados","e":"Deshacer","f":"Desbloquear %1$s","g":"Se desbloqueó %1$s."}}],[125,{"i_hotpotIcon":{"height":12,"width":12,"x":-88,"y":-111},"i_isAuthenticated":1,"i_msgs":{"youRatedItNStars":"Lo calificaste con %1$d estrellas.","youRatedItOneStar":"Lo calificaste con 1 estrella."},"i_version":"110425"}],[29,{"mcr":5}],[92,{"ae":true,"avgTtfc":2000,"fbdc":500,"fbdu":3000,"fbh":true,"fd":1000,"fl":true,"focus":true,"fs":true,"hiue":true,"hpt":299,"kn":true,"knrt":true,"mds":"clir,clue,dfn,evn,frim,klg,prc,rl,show,sp,sts,ww,mbl_he,mbl_hs,mbl_re,mbl_rs,mbl_sv","msg":{"dym":"Quizás quisiste decir:","gs":"Buscar con Google","kntt":"Utiliza las teclas de flecha hacia arriba y hacia abajo para seleccionar cada resultado. Pulsa Intro para acceder al resultado seleccionado.","sif":"Buscar en cambio","srf":"Se muestran resultados de"},"odef":true,"ophe":true,"pq":true,"rpt":41,"scd":10,"sce":4,"tct":" ?","tdur":50}],[111,{"cdu":true,"chl":"/logos/classicplus.png","chlh":95,"chlw":275,"hgfb":true,"hlah":231,"kifsh":false,"kv":100,"msg":{"cprpt":"Se eligió hace poco.","cpyc":"De tu computadora","cpyppt":"Tus fotos de Picasa Web","cpyrpt":"Tus selecciones recientes","ld":"Cargando..."}}],[24,{}],[38,{}]]);(function(){var r=(function(){google.y.first.push(function(){try{var form=document.f||document.f||document.gs||document.gbqf;google.ac.i(form,form.q,'','','',{da:1,sw:1,o:1,i:1,ep:1},'hp',{"dh":true,"host":"google.com.gt","jsonp":true,"msgs":{"lcky":"Me siento con suerte","lml":"Más información","psrc":"Se ha eliminado esta búsqueda de tu <a href=\"/history\">Historial web</a>","psrl":"Eliminar","srch":"Buscar con Google"}});(function(){
function e(){var a=null;if(window.ActiveXObject){a=new ActiveXObject("Msxml2.XMLHTTP");if(!a)a=new ActiveXObject("Microsoft.XMLHTTP")}else if(window.XMLHttpRequest)a=new XMLHttpRequest;return a}function f(a){if(window.execScript)window.execScript(a,"JavaScript");else if(window.eval){var b=null;window.eval("var _et_ = 1;");if(typeof window._et_!="undefined"){delete window._et_;b=true}else b=false;if(b)window.eval(a);else{var d=window.document,c=d.createElement("script");c.type="text/javascript";c.defer=
false;c.appendChild(d.createTextNode(a));d.body.appendChild(c);d.body.removeChild(c)}}}function g(a){var b=a;if(b&&b.length>0){b=b.substring(27);if(b.substring(0,6)=="initcp")b="google.cp."+b}f(b)}function h(a){if(a.readyState==4&&(a.status==200||a.status==304))try{g(a.responseText)}catch(b){}}function i(){if(window.google&&(!window.google.cp||window.google.cp.initcp&&!window.google.cp.o)){window.google.cp=window.google.cp||{};window.google.cp.o={l:"\x3cstyle\x3e#hplogo{height:230px;margin:0 auto;overflow:hidden;position:relative;width:450px}#logo-blockheads,#logo-blockheads-hold,#logo-goo,#logo-goo-hold,#logo-gumby,#logo-gumby-hold,#logo-gumby-loop,#logo-pokey,#logo-pokey-hold,#logo-prickle,#logo-prickle-hold{cursor:pointer;position:absolute}#logo-blockheads{display:none;height:156px;left:31px;top:35px;width:135px}#logo-blockheads-hold{background:url(logos/2011/gumby11-initial-sprite.png) no-repeat 0 0;height:156px;left:31px;top:35px;width:135px}#logo-goo{display:none;height:144px;left:227px;top:49px;width:67px}#logo-goo-hold{background:url(logos/2011/gumby11-initial-sprite.png) no-repeat -400px 0;height:144px;left:227px;top:49px;width:67px}#logo-gumby{display:none;height:156px;left:277px;top:29px;width:98px}#logo-gumby-hold{background:url(logos/2011/gumby11-initial-sprite.png) no-repeat -682px 0;height:156px;left:277px;top:29px;width:98px}#logo-gumby-loop{height:156px;left:277px;top:29px;width:98px}#logo-pokey{display:none;height:108px;left:354px;top:85px;width:75px}#logo-pokey-hold{background:url(logos/2011/gumby11-initial-sprite.png) no-repeat -534px 0;height:108px;left:354px;top:85px;width:75px}#logo-prickle{display:none;height:102px;left:177px;top:75px;width:65px}#logo-prickle-hold{background:url(logos/2011/gumby11-initial-sprite.png) no-repeat -270px 0;height:102px;left:169px;top:75px;width:65px}#logo-tooltip{display:none;font:normal 9pt arial,sans-serif;left:68px;padding:2px 3px;position:absolute;top:10px;width:350px;-webkit-font-smoothing:antialiased;zoom:1}.fl{-webkit-font-smoothing:antialiased}\x3c/style\x3e\x3cdiv id\x3dhplogo\x3e\x3cdiv id\x3dlogo-gumby-hold\x3e\x3c/div\x3e\x3cdiv id\x3dlogo-gumby\x3e\x3c/div\x3e\x3cdiv id\x3dlogo-gumby-loop\x3e\x3c/div\x3e\x3cdiv id\x3dlogo-blockheads-hold\x3e\x3c/div\x3e\x3cdiv id\x3dlogo-blockheads\x3e\x3c/div\x3e\x3cdiv id\x3dlogo-prickle-hold\x3e\x3c/div\x3e\x3cdiv id\x3dlogo-prickle\x3e\x3c/div\x3e\x3cdiv id\x3dlogo-goo-hold\x3e\x3c/div\x3e\x3cdiv id\x3dlogo-goo\x3e\x3c/div\x3e\x3cdiv id\x3dlogo-pokey-hold\x3e\x3c/div\x3e\x3cdiv id\x3dlogo-pokey\x3e\x3c/div\x3e\x3cdiv id\x3dlogo-tooltip\x3e\x3ca href\x3d\x22/search?q\x3dArt+Clokey\x26ct\x3dgumby-2011-hp\x26oi\x3dddle\x22 class\x3dfl\x3e90º aniversario del nacimiento de Art Clokey\x3c/a\x3e\x3c/div\x3e\x3c/div\x3e\x3cscript\x3e(function(){var d\x3dtrue,e\x3dfalse;try{if(!google.doodle)google.doodle\x3d{};var f,g,j,k\x3dnavigator.userAgent.indexOf(\x22MSIE\x22)\x3e\x3d0,o\x3d{\x22logo-blockheads\x22:{k:\x22blockheads.jpg\x22,left:31,top:35,width:135,height:156,frames:89,d:0,g:0,a:e,click:function(){l(\x22logo-blockheads\x22)},i:function(){m(\x22logo-blockheads\x22,d)},h:function(){m(\x22logo-blockheads\x22,e)}},\x22logo-blockheads-hold\x22:{left:31,top:35,width:135,height:156,frames:89,d:0,g:0,a:e,click:function(){n(\x22logo-blockheads\x22,\x22logo-blockheads-hold\x22,d)},i:function(){m(\x22logo-blockheads-hold\x22,d)},h:function(){m(\x22logo-blockheads-hold\x22,e)}},\x22logo-goo\x22:{k:\x22goo.png\x22,left:227,top:49,width:67,height:144,frames:105,d:400,g:0,a:e,click:function(){l(\x22logo-goo\x22)},i:function(){m(\x22logo-goo\x22,d)},h:function(){m(\x22logo-goo\x22,e)}},\x22logo-goo-hold\x22:{left:227,top:49,width:67,height:144,frames:105,d:400,g:0,a:e,click:function(){n(\x22logo-goo\x22,\x22logo-goo-hold\x22,d)},i:function(){m(\x22logo-goo-hold\x22,d)},h:function(){m(\x22logo-goo-hold\x22,e)}},\x22logo-gumby-loop\x22:{k:\x22gumby.jpg\x22,left:277,top:29,width:98,height:156,d:682,g:0,a:e,click:function(){if(!google.doodle.c)google.doodle.c\x3dd,o[\x22logo-gumby-loop\x22].a\x3dd,f\x3d0,p();q\x3dd}},\x22logo-gumby\x22:{k:\x22gumby.jpg\x22,left:277,top:29,width:98,height:156,d:682,g:0,a:e,click:function(){l(\x22logo-gumby\x22)},i:function(){m(\x22logo-gumby\x22,d)},h:function(){m(\x22logo-gumby\x22,e)}},\x22logo-prickle\x22:{k:\x22prickle.jpg\x22,left:169,top:75,width:65,height:102,d:270,g:0,a:e,click:function(){l(\x22logo-prickle\x22)},i:function(){m(\x22logo-prickle\x22,d)},h:function(){m(\x22logo-prickle\x22,e)}},\x22logo-prickle-hold\x22:{left:169,top:75,width:65,height:102,d:270,g:0,a:e,click:function(){n(\x22logo-prickle\x22,\x22logo-prickle-hold\x22,d)},i:function(){m(\x22logo-prickle-hold\x22,d)},h:function(){m(\x22logo-prickle-hold\x22,e)}},\x22logo-pokey\x22:{k:\x22pokey.png\x22,left:354,top:85,width:75,height:108,frames:101,d:534,g:0,a:e,click:function(){l(\x22logo-pokey\x22)},i:function(){m(\x22logo-pokey\x22,d)},h:function(){m(\x22logo-pokey\x22,e)}},\x22logo-pokey-hold\x22:{left:354,top:85,width:75,height:108,frames:101,d:534,g:0,a:e,click:function(){n(\x22logo-pokey\x22,\x22logo-pokey-hold\x22,d)},i:function(){m(\x22logo-pokey-hold\x22,d)},h:function(){m(\x22logo-pokey-hold\x22,e)}}},q\x3de,s\x3dfunction(){for(var a\x3d[new r(\x22logo-gumby-loop\x22,[0,0,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,12,12,12,30,11,31,32,33,34,35,36,36,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,50,51,51,52,52,52,52,34,33,32,31,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,84,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,84,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,0],{191:function(){n(\x22logo-gumby\x22,\x22logo-gumby-loop\x22,e)}},14,89),new r(\x22logo-gumby\x22,[0,0,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,12,12,12,30,11,31,32,33,34,35,36,36,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,50,51,51,52,52,52,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,84,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,84,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,0]),new r(\x22logo-blockheads\x22,[0,0,0,1,2,3,4,5,6,7,8,9,10,11,12,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,52,53,54,55,56,57,58,56,0]),new r(\x22logo-goo\x22,[0,0,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,52,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,73,73,73,73,73,73,74,75,76,77,0]),new r(\x22logo-pokey\x22,[0,0,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,50,51,51,52,53,54,55,56,57,58,59,60,61,62,56,63,64,65,63,64,65,63,66,67,0]),new r(\x22logo-prickle\x22,[0,0,0,1,2,3,4,5,6,7,8,9,10,11,11,11,12,13,13,13,13,13,13,12,13,13,12,13,13,13,14,15,16,17,18,19,20,21,22,23,24,24,24,24,24,25,26,27,28,29,30,31,32,33,34,35,36,36,37,38,39,39,39,39,39,40,40,41,42,43,44,45,46,47,48,49,50,51,0])],b\x3d0,c;c\x3da[b++];){if(g[c.id])break;g[c.id]\x3dc}},t\x3dfunction(a,b){var c\x3do[a];this.id\x3da;this.element\x3ddocument.getElementById(this.id);this.d\x3dc.d||0;this.frame\x3d0;this.frames\x3dc.frames;this.s\x3dthis.c\x3de;this.width\x3dc.width;this.n\x3db||{}};t.prototype.start\x3dfunction(a){this.s\x3dd;if(!a\x26\x26!this.c)this.c\x3dd,o[this.id].a\x3dd,this.frame\x3d0};t.prototype.a\x3dfunction(){return this.c};t.prototype.p\x3dfunction(){if(this.n){var a\x3dthis.n[this.frame];a\x26\x26a()}};t.prototype.v\x3dfunction(){this.frame++;this.frame\x3d\x3dthis.frames?(this.c\x3de,o[this.id].a\x3de):(u(this.element,this.d+this.frame*this.width,this.g),this.p())};var l\x3dfunction(a){v\x3d(new Date).getTime();if(!o[a].a\x26\x26(f\x3d0,(a\x3dg[a])\x26\x26a.start(void 0),!google.doodle.c))google.doodle.c\x3dd,p()},w\x3dfunction(){for(var a in o)o[a].a\x3de},p\x3dfunction(){if(google.doodle.c){for(var a in g){var b\x3dg[a];b\x26\x26b.a()\x26\x26b.v()}++f\x3c370?google.doodle.timeout\x3dwindow.setTimeout(p,84):(google.doodle.c\x3de,w())}},r\x3dfunction(a,b,c,h,i){t.call(this,a);this.o\x3db;this.frames\x3dthis.o.length;this.n\x3dc||{};this.z\x3dh||-1;this.w\x3di||-1};(function(){var a\x3dr;function b(){}b.prototype\x3dt.prototype;a.G\x3dt.prototype;a.prototype\x3dnew b})();r.prototype.start\x3dfunction(a){this.s\x3dd;if(!a){if(!this.c\x26\x26(this.c\x3dd,o[this.id].a\x3dd,this.frame\x3d0,this.id!\x3d\x22logo-gumby-loop\x22))this.element.style.cursor\x3d\x22default\x22;this.x\x3dthis.D\x3dthis.element.offsetLeft;this.g\x3d0}};r.prototype.v\x3dfunction(){this.frame++;if(this.frame\x3d\x3dthis.frames)this.c\x3de,o[this.id].a\x3de,this.element.style.cursor\x3d\x22pointer\x22;else{if(!q\x26\x26this.frame\x3d\x3dthis.w)this.frame\x3dthis.z;if(this.id\x3d\x3d\x22logo-gumby-loop\x22\x26\x26q\x26\x26this.frame\x3d\x3d85)this.frame\x3d90;u(this.element,this.d+this.o[this.frame]*this.width,this.g);this.p()}};var u\x3dfunction(a,b,c){a.style.backgroundPosition\x3d-b+\x22px -\x22+c+\x22px\x22},x\x3dfunction(a){return typeof a!\x3d\x22undefined\x22},z\x3dfunction(){for(var a in o){var b\x3do[a],c\x3ddocument.getElementById(a);if(!c)throw\x22Invalid ID: \x22+a;b.k\x26\x26u(c,b.d||0,b.g||0);if(x(b.left))c.style.left\x3d(b.left||0)+\x22px\x22;if(x(b.top))c.style.top\x3d(b.top||0)+\x22px\x22;if(b.width)c.style.width\x3d(b.C||b.width||0)+\x22px\x22;if(b.height)c.style.height\x3d(b.height||0)+\x22px\x22;if(x(b.display))c.style.display\x3db.display;if(b.click)y(c,\x22click\x22,b.click),c.style.cursor\x3d\x22pointer\x22;b.i\x26\x26y(c,\x22mouseover\x22,b.i);b.h\x26\x26y(c,\x22mouseout\x22,b.h)}},B\x3dfunction(a){var b\x3dA;a.style.display\x3db\x3e0?\x22block\x22:\x22none\x22;if(k)a.style.zoom\x3d1,a.style.filter\x3db\x3c100?\x22alpha(opacity:\x22+b+\x22)\x22:\x22\x22;b\x3d(b\x3c100?b:99.999)/100;a.style.opacity\x3db;a.style.MozOpacity\x3db;a.style.F\x3db},A\x3d5,C\x3dnull,D\x3de,E\x3dfunction(a){D\x3dd;var b\x3ddocument.getElementById(\x22logo-tooltip\x22);A+\x3da;B(b);A\x3e0\x26\x26A\x3c70?C\x3dwindow.setTimeout(function(){E(a)},50):D\x3de},G\x3dfunction(a,b,c){b+\x3da.offsetLeft;c+\x3da.offsetTop;return a.offsetParent?G(a.offsetParent,b,c):[b,c]},v\x3d(new Date).getTime(),H\x3dfunction(a){var b\x3ddocument.getElementById(\x22hplogo\x22);if(b){var c\x3d[(a.clientX||a.targetTouches\x26\x26a.targetTouches[0]\x26\x26a.targetTouches[0].clientX||0)+(document.body.scrollLeft||document.documentElement.scrollLeft||0),(a.clientY||a.targetTouches\x26\x26a.targetTouches[0]\x26\x26a.targetTouches[0].clientY||0)+(document.body.scrollTop||document.documentElement.scrollTop||0)],a\x3dc[0],c\x3dc[1],h\x3dG(b,b.offsetWidth/2,34),i\x3d(new Date).getTime();a\x3cb.offsetLeft||a\x3eb.offsetLeft+b.offsetWidth||c\x3eb.offsetTop+b.offsetHeight?!D\x26\x26A!\x3d0\x26\x26E(-5):c\x3eh[1]+10\x26\x26(j!\x3d\x3dvoid 0\x26\x26c\x3ej+3||v!\x3d\x3dvoid 0\x26\x26v+3E3\x3ei)?!D\x26\x26A!\x3d0\x26\x26E(-5):!D\x26\x26A!\x3d70\x26\x26E(5);j\x3dc}},m\x3dfunction(a,b){var c\x3do[a];c.a||u(document.getElementById(a),c.d+(b?c.width:0),c.g)},n\x3dfunction(a,b,c){a!\x3d\x22logo-gumby-loop\x22\x26\x26(q\x3dd);var h\x3do[a],i\x3ddocument.createElement(\x22img\x22);i.onload\x3dfunction(){var h\x3do[a],i\x3ddocument.getElementById(a),K\x3ddocument.getElementById(b);i.style.background\x3d\x22url(/logos/2011/gumby11-\x22+h.k+\x22) -\x22+h.d+\x22px -\x22+h.g+\x22px\x22;i.style.display\x3d\x22block\x22;K.style.display\x3d\x22none\x22;c\x26\x26l(a)};i.src\x3d\x22/logos/2011/gumby11-\x22+h.k},y\x3dfunction(a,b,c){if(a){if(!google.doodle.m)google.doodle.m\x3d[];google.doodle.m.push(arguments);var h\x3da,i\x3db,F\x3dc;h.addEventListener?h.addEventListener(i,F,e):h.attachEvent(\x22on\x22+i,F)}},I\x3dfunction(a,b,c){a\x26\x26(a.removeEventListener?a.removeEventListener(b,c,e):a.detachEvent(\x22on\x22+b,c))},J\x3dfunction(){if(google.rein\x26\x26google.dstr\x26\x26!google.doodle.B)google.doodle.B\x3dd,google.rein.push(J),google.dstr.push(L);if(document.getElementById(\x22hplogo\x22)\x26\x26!google.doodle.c){google.doodle.c\x3dd;google.A\x26\x26google.A.q\x26\x26google.msg\x26\x26google.msg.listen(22,function(){L();return d});if(k)try{document.execCommand(\x22BackgroundImageCache\x22,e,d)}catch(a){}f\x3d0;google.doodle.c\x3de;google.doodle.timeout\x3dnull;g\x3d{};y(document,\x22mousemove\x22,H);z();s();p();n(\x22logo-gumby-loop\x22,\x22logo-gumby-hold\x22,d)}},L\x3dfunction(){google.doodle.c\x3de;w();if(google.doodle.timeout)window.clearTimeout(google.doodle.timeout),google.doodle.timeout\x3dnull;C\x26\x26(window.clearTimeout(C),C\x3dnull);if(google.doodle.m)for(var a;a\x3dgoogle.doodle.m.pop();)I.apply(null,a)};google.doodle.cpDestroy\x3dL;google.x?google.x({id:\x22DOODLE\x22},J):J()}catch(M){google.ml(M,e,{cause:\x22DOODLE\x22})};})();\x3c/script\x3e",
h:true,a:"Google",u:"",d:true};var a=e();if(a){a.open("GET","/ig/cp/get?hl=es-419&gl=gt&authuser=0&bundleJs=0",true);a.onreadystatechange=function(){h(a)};a.send(null)}}}i();
})();
;}catch(e){google.ml(e,false,{'cause':'defer'});}if(google.med){google.med('init');google.initHistory();google.med('history');}google.History&&google.History.initialize('/')});});r();var l=window.location.hash?window.location.href.substr(window.location.href.indexOf('#')):'#';if(l=='#'&&google.defre){google.defre=1;google.y.first.push(function(){if(google.j&&google.j.init){google.rein&&google.rein.push(r);}});}})();if(google.j&&google.j.en&&google.j.xi){window.setTimeout(google.j.xi,0);}</script></div><script>(function(){var a,b=window.location.href.match(/\/webhp\?[^#]*tune=[^#]*/);if(a=b&&b.length>0?"http://www.google.com/logos/2011/lespaul.html#"+b[0].substr(7):null)google.nav&&google.nav.go?google.nav.go(a):})();</script><script>(function(){
var b,d,e,f;function g(a,c){if(a.removeEventListener){a.removeEventListener("load",c,false);a.removeEventListener("error",c,false)}else{a.detachEvent("onload",c);a.detachEvent("onerror",c)}}function h(a){f=(new Date).getTime();++d;a=a||window.event;var c=a.target||a.srcElement;g(c,h)}var i=document.getElementsByTagName("img");b=i.length;d=0;for(var j=0,k;j<b;++j){k=i[j];if(k.complete||typeof k.src!="string"||!k.src)++d;else if(k.addEventListener){k.addEventListener("load",h,false);k.addEventListener("error",
h,false)}else{k.attachEvent("onload",h);k.attachEvent("onerror",h)}}e=b-d;function l(){if(!google.timers.load.t)return;google.timers.load.t.ol=(new Date).getTime();google.timers.load.t.iml=f;google.kCSI.imc=d;google.kCSI.imn=b;google.kCSI.imp=e;if(google.stt!==undefined)google.kCSI.stt=google.stt;google.timers.load.t.xjs&&google.report&&google.report(google.timers.load,google.kCSI)}if(window.addEventListener)window.addEventListener("load",l,false);else if(window.attachEvent)window.attachEvent("onload",
l);google.timers.load.t.prt=(f=(new Date).getTime());
})();
 
</script>

PASO 5

Presionamos el comando Ctrl + S y guardamos el HTML con el nombre art_clokey.html

PASO 6

Creamos una carpeta nueva con el nombre JS y dentro de ella vamos a guardar lo archivos .js que adjunto.

PASO 7

Listo ya tenemos nuestro tutorial terminado.

 


Tags: ,

Una respuesta para “Doodle Google Art Clokey”

  1. Bitacoras.com

    12. Oct, 2011

    Información Bitacoras.com…

    Valora en Bitacoras.com: Doodle Google Art Clokey PASO 1 Creamos una carpeta nueva llamada logos dentro de la cual vamos a crear una carpeta llamada 2011 donde vamos a colocar las imágenes de nuestro doodle.   PASO 2 Vamos a Dreamweaver y Creamos u……

Deja tu Comentario

Tutoriales en la web se reserva el derecho de moderación de los comentarios. Evita por favor utilizar palabras soeces, ataques directos e insultos, de lo contrario tu comentario será eliminado.

Hire PHP Developer India
Get Adobe Flash player