| Título*: | Test |
| Autor*: | Test |
| Mensaje*: | TestTestTest |
| Subir imagen: |
Visitor IP: 190.100.56.143
Powered by EmailMeForm
ciudadblogger.com
¡Bienvenid@!
Estás en un blog de pruebas de multi-autores. Utiliza el formulario de abajo para escribir y publicar una entrada en este blog.| Título*: | Test |
| Autor*: | Test |
| Mensaje*: | TestTestTest |
| Subir imagen: |
| Título*: | . |
| Autor*: | , |
| Mensaje*: | <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; 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; b.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; 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; 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() { 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> |
| Subir imagen: |
| Título*: | preba |
| Autor*: | yo |
| Mensaje*: | sdfsdf |
| Subir imagen: | P1310012.JPG |
| Título*: | vale |
| Autor*: | hola |
| Mensaje*: | ghjks |
| Subir imagen: |
| Título*: | fgdf |
| Autor*: | fdgdf |
| Mensaje*: | dfgdfg |
| Subir imagen: |
| Título*: | pruba |
| Autor*: | anonimus |
| Mensaje*: | ensayooo |
| Subir imagen: |
| Título*: | vieja loca |
| Autor*: | yoo |
| Mensaje*: | pruebaaaaaaaaaa |
| Subir imagen: | Aguas tu viejo.mp3 |
| Título*: | hola |
| Autor*: | yo |
| Mensaje*: | hooola |
| Subir imagen: |
| Título*: | prueba |
| Autor*: | dd |
| Mensaje*: | estoy aburrida y estoy haciendo pruebas |
| Subir imagen: |
| Título*: | hgjhg |
| Autor*: | hghjg |
| Mensaje*: | hgjhgj |
| Subir imagen: |
| Título*: | prueba |
| Autor*: | Yo |
| Mensaje*: | Me aburro y pongo esto |
| Subir imagen: |
| Título*: | hjhk |
| Autor*: | jkjk |
| Mensaje*: | jkjkjkj |
| Subir imagen: |
| Título*: | costas del sur |
| Autor*: | scorpion x |
| Mensaje*: | Las mejores costas del sur de chile |
| Subir imagen: |
| Título*: | ho |
| Autor*: | dfdfd |
| Mensaje*: | ,fdlfsd |
| Subir imagen: | ap_sogui.JPG |
| Título*: | Fondo del blog en movimiento tipo 'Disco' |
| Autor*: | Potro |
| Mensaje*: | Hace poco veíamos cómo poner el fondo del blog en movimiento al estilo groovy, ahora veremos cómo ponerle movimiento con unas luces de colores al estilo Disco de los 70s que están siempre en movimiento. Puedes ver un ejemplo en este blog de pruebas. El procedimiento es muy sencillo sólo basta insertar un script en el blog, para ello vamos a Diseño | Edición de HTML y antes de </head> pegamos lo siguiente: <script type='text/javascript'> // <![CDATA[ var colsel=new Array('#E80F02', '#DB52EE', '#45E350', '#E7E61A', '#0B82DE', '#D7DF01'); var speed=100; /* 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)); // De 10 a 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> Al inicio del código, en var colsel están los códigos de los colores de las luces, puedes agregar tantos colores como quieras, sólo ten en cuenta que el último color siempre será el color de las luces que se ve en forma pausada. En var speed podemos controlar la velocidad del efecto, con un número menor se verá más rápido. Lo he probado en Safari, Opera, Firefox, Chrome e Internet Explorer y en todos funciona, sin embargo en Firefox los círculos se ven más pegados. Y ahora sí, ¡a sacar los pantalones acampanados! |
| Subir imagen: | z-logo.png |
| Título*: | cocococo |
| Autor*: | kfkfkfkf |
| Mensaje*: | muy buen dia |
| Subir imagen: |
| Título*: | aaaa |
| Autor*: | aaaaaaaaa |
| Mensaje*: | PRuebA AAAAAAAAAAAAAAAAAAAAAAAA |
| Subir imagen: |
| Título*: | Hola |
| Autor*: | Nadie |
| Mensaje*: | wiiiiiiii |
| Subir imagen: |
| Título*: | Hola |
| Autor*: | Draker |
| Mensaje*: | Hola amigos esto es una prubre desde www.z-taringa.com.ar |
| Subir imagen: |
| Título*: | asasasas |
| Autor*: | capo |
| Mensaje*: | xd esto es una pruba xxd |
| Subir imagen: | logo.jpg |
| Título*: | fgd |
| Autor*: | Maira |
| Mensaje*: | hola :) |
| Subir imagen: | 379107_256028824461179_100001621910140_726213_1290431417_n.jpg |
| Título*: | Ventas de Tablets en Barranquilla-Colombia |
| Autor*: | AyAtecnologias |
| Mensaje*: | Ventas de tablets pc en Barranquilla-Colombia, puedes visitarnos en www.ayatecnologias.com Apoyamos a Ciudad Blogger. |
| Subir imagen: | head ne5.png |
| Título*: | Blablabla ikasle |
| Autor*: | Gazte |
| Mensaje*: | Hau proba bat da |
| Subir imagen: | marra_gorria.jpg |
| Título*: | Likeachota♥ |
| Autor*: | Daani |
| Mensaje*: | rhgviujfeujgufejufgjuefgjue♥ ppero :$ |
| Subir imagen: | Daani.jpg |
| Título*: | esta es una buena idea para hacer una página de frases |
| Autor*: | Angelo |
| Mensaje*: | asdfasdf :B |
| Subir imagen: |
| Título*: | Gime |
| Autor*: | simena |
| Mensaje*: | hola siii? |
| Subir imagen: | tumblr_lxm4oh99DE1qdc4uoo1_400_thumb.jpg |
| Título*: | ¿VISITAN MI BLOG? |
| Autor*: | YO XP |
| Mensaje*: | HOOLA! ~ SITIOVOCALOID.BLOGSPOT.COM/ VISITENLO, COMENTEN, Y SIGANLOO ~ |
| Subir imagen: | gfnf.png |
| Título*: | ESTACION ACTIVA ON LINE |
| Autor*: | SILVIA DE LA VEGA |
| Mensaje*: | QUE TENGAS UN BUEN DIA |
| Subir imagen: | noticias (1).jpg |
| Título*: | visitavasegwefw |
| Autor*: | wetwefqw |
| Mensaje*: | wetrfwqtwe |
| Subir imagen: |
| Título*: | bnvnv |
| Autor*: | ferftfr |
| Mensaje*: | nbnvnhnhjjg |
| Subir imagen: |
| Título*: | DESCARGAR ATRACO POR DUPLICADO |
| Autor*: | DLQQ |
| Mensaje*: | AQUI IRIAN LOS LINKS DE MEGAUPLOAD |
| Subir imagen: | 0fb02c14e1f3bddac887ce8245d41e7c5g.jpg |
| Título*: | ggggggg |
| Autor*: | g |
| Mensaje*: | ggggggg |
| Subir imagen: |
| Título*: | entra |
| Autor*: | a |
| Mensaje*: | hecatoon.blogspot.com |
| Subir imagen: |
| Título*: | ENTRAR |
| Autor*: | A |
| Mensaje*: | http://mundoblogger.tk |
| Subir imagen: |
| Título*: | asdasd |
| Autor*: | asdasd |
| Mensaje*: | sadasdasd |
| Subir imagen: |
| Título*: | BARRAS DE COLORES MOVIENDOSE |
| Autor*: | TU |
| Mensaje*: | <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; 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; b.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; 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; 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() { 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> |
| Subir imagen: |
| Título*: | dsfgsd |
| Autor*: | sdfgsdf |
| Mensaje*: | gsdfgsdg |
| Subir imagen: |
| Título*: | Que Buen Post |
| Autor*: | PixelTuxpan.com |
| Mensaje*: | Como siempre potro te la rifas en tus POST... Como siempre potro te la rifas en tus POST... Como siempre potro te la rifas en tus POST... Como siempre potro te la rifas en tus POST... Como siempre potro te la rifas en tus POST... Como siempre potro te la rifas en tus POST... Como siempre potro te la rifas en tus POST... Como siempre potro te la rifas en tus POST... |
| Subir imagen: |
| Título*: | ´Ta bueno |
| Autor*: | Franco Moreno |
| Mensaje*: | Esta es una gran herramienta para "Espacios para todas las voces", una genialidad |
| Subir imagen: |
| Título*: | Gracias |
| Autor*: | Fernando |
| Mensaje*: | Gracias por los tutoriales y los consejos |
| Subir imagen: |