tag:blogger.com,1999:blog-45409001510059279722012-02-16T04:40:23.542-08:00Junio Unonoreply@blogger.comBlogger91100tag:blogger.com,1999:blog-4540900151005927972.post-46633857149504133412009-02-02T14:55:00.000-08:002009-02-03T01:05:12.575-08:00<div id='example'><br /><div class='multiBoxDesc mb12' style='display: none;'>Algo así como un oído</div><br /><a class='mb' href='http://1.bp.blogspot.com/_BQrzxz9-EQk/SYd6J74oxTI/AAAAAAAAJrQ/j0RsnBEbJ-0/s800/O%C3%ADdo.png' id='mb12' title='Tímpano'><img alt='Oído' border='0' src='http://1.bp.blogspot.com/_BQrzxz9-EQk/SYd6J74oxTI/AAAAAAAAJrQ/j0RsnBEbJ-0/s320/O%C3%ADdo.png'/></a><br /> <div class='multiBoxDesc mb13' style='display: none;'>Una golondrina... espacial...</div><br /> <a class='mb' href='http://3.bp.blogspot.com/_BQrzxz9-EQk/SYd7Q-Si80I/AAAAAAAAJrY/TEOSNAdHL_c/s800/Golondrina2.png' id='mb13' title='Golondrina'><img alt='' border='0' src=''/></a><br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4540900151005927972-4663385714950413341?l=moopruebas.blogspot.com' alt='' /></div>Junio Unonoreply@blogger.com0tag:blogger.com,1999:blog-4540900151005927972.post-85107872480233807442008-04-09T16:17:00.000-07:002008-04-09T17:05:58.539-07:00<div id="myContent"><br /> <br /> <h2>Scroll content with simple JavaScript function</h2><br /><br /> <br /> <p><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent dapibus, purus non tincidunt mattis, <br /> odio ipsum euismod ipsum, eget suscipit dui orci vitae urna. Vivamus et ipsum at mauris interdum dapibus. <br /> Morbi lectus. Quisque id ante commodo nulla eleifend posuere. Donec quis augue sit amet neque mollis ornare. <br /> Nam gravida rhoncus velit. In magna. Nulla semper tristique elit. Aenean euismod. Maecenas nunc sapien, <br /> nonummy vel, nonummy in, ultrices tristique, odio. </p><br /> <p><br /> Phasellus bibendum. Cras accumsan massa venenatis lectus bibendum elementum. Nulla id justo. <br /> Nunc ante nisl, rhoncus vel, ultrices at, consequat ut, nunc. Vestibulum dolor. Aenean elementum <br /> malesuada elit. Mauris turpis. Morbi vel nulla. Fusce sit amet quam. Etiam vel diam. <br /> Praesent tortor. Nulla nisi arcu, nonummy at, dignissim at, elementum ut, leo. <br /> Nunc odio nibh, cursus vitae, ultricies et, blandit et, leo.</p><br /> <br /> <h2>Easy Scroll v1.0</h2><br /> <br /> <p><br /> Nulla velit velit, vehicula sit amet, tincidunt non, nonummy semper, massa. Cras accumsan. Nulla <br /> faucibus lorem ut metus. Nulla felis lectus, tristique a, dapibus ut, pharetra a, nunc. Ut egestas. <br /> Sed posuere rhoncus turpis. Vivamus posuere, augue ac viverra blandit, metus dolor malesuada neque, <br /> eget elementum ipsum pede at pede. Vivamus elit metus, vehicula eget, consequat in, sodales nec, <br /> diam. Vestibulum eu mauris. Sed sodales mi eu augue. Mauris sagittis hendrerit ipsum. Pellentesque sodales. <br /> Duis ligula turpis, commodo nec, adipiscing eu, pretium id, eros. Maecenas tellus nisi, dapibus <br /> lobortis, suscipit eget, consequat vitae, eros. Nunc cursus fringilla nisi. Morbi pharetra, <br /> ipsum vel imperdiet elementum, sapien augue adipiscing magna, vitae tempus sapien sapien sit <br /> amet magna. Fusce diam tortor, fermentum non, sollicitudin id, feugiat ac, felis. Maecenas <br /> accumsan velit at risus. Proin in augue ut lacus auctor eleifend. Duis lectus.</p><br /><br /> <br /> <h2>Features up and down scroll, reset button and double speed</h2><br /> <br /> <p><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent dapibus, purus non tincidunt mattis, <br /> odio ipsum euismod ipsum, eget suscipit dui orci vitae urna. Vivamus et ipsum at mauris interdum dapibus. <br /> Morbi lectus. Quisque id ante commodo nulla eleifend posuere. Donec quis augue sit amet neque mollis ornare. <br /> Nam gravida rhoncus velit. In magna. Nulla semper tristique elit. Aenean euismod. Maecenas nunc sapien, <br /> nonummy vel, nonummy in, ultrices tristique, odio. </p><br /> <p><br /> Phasellus bibendum. Cras accumsan massa venenatis lectus bibendum elementum. Nulla id justo. <br /> Nunc ante nisl, rhoncus vel, ultrices at, consequat ut, nunc. Vestibulum dolor. Aenean elementum <br /> malesuada elit. Mauris turpis. Morbi vel nulla. Fusce sit amet quam. Etiam vel diam. <br /> Praesent tortor. Nulla nisi arcu, nonummy at, dignissim at, elementum ut, leo. <br /> Nunc odio nibh, cursus vitae, ultricies et, blandit et, leo.</p><br /> <br /> <h2>Totally accessible content scroller</h2><br /> <br /> <p><br /><br /> Nulla velit velit, vehicula sit amet, tincidunt non, nonummy semper, massa. Cras accumsan. Nulla <br /> faucibus lorem ut metus. Nulla felis lectus, tristique a, dapibus ut, pharetra a, nunc. Ut egestas. <br /> Sed posuere rhoncus turpis. Vivamus posuere, augue ac viverra blandit, metus dolor malesuada neque, <br /> eget elementum ipsum pede at pede. Vivamus elit metus, vehicula eget, consequat in, sodales nec, <br /> diam. Vestibulum eu mauris. Sed sodales mi eu augue. Mauris sagittis hendrerit ipsum. Pellentesque sodales. <br /> Duis ligula turpis, commodo nec, adipiscing eu, pretium id, eros. Maecenas tellus nisi, dapibus <br /> lobortis, suscipit eget, consequat vitae, eros. Nunc cursus fringilla nisi. Morbi pharetra, <br /> ipsum vel imperdiet elementum, sapien augue adipiscing magna, vitae tempus sapien sapien sit <br /> amet magna. Fusce diam tortor, fermentum non, sollicitudin id, feugiat ac, felis. Maecenas <br /> accumsan velit at risus. Proin in augue ut lacus auctor eleifend. Duis lectus.</p> <br /> <br /> </div><br /> <br /> <p><em>Pasar el ratón para subir y bajar. Clickar y sujetar para doble velocidad</em></p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4540900151005927972-8510787248023380744?l=moopruebas.blogspot.com' alt='' /></div>Junio Unonoreply@blogger.com0tag:blogger.com,1999:blog-4540900151005927972.post-23514464686042117592008-03-14T17:00:00.000-07:002008-03-14T17:01:07.459-07:00<blockquote>Dobles comillas, de apertura y cierre del texto,<br /> más estilo para la primera letra del párrafo. <br />Todo en CSS y muy sencillo</blockquote><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4540900151005927972-2351446468604211759?l=moopruebas.blogspot.com' alt='' /></div>Junio Unonoreply@blogger.com0tag:blogger.com,1999:blog-4540900151005927972.post-54682404537892288882008-01-27T16:58:00.000-08:002008-01-27T17:03:06.993-08:00Otro <h1>Slideshow</h1>: el que podéis ver al pie de las entradas de este blog, con efectos de transición, fade y qué sé yo... porque estoy mareada de lo que me ha costado conseguirlo.<br />Más pistas en Epílogo... otro día...<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4540900151005927972-5468240453789228888?l=moopruebas.blogspot.com' alt='' /></div>Junio Unonoreply@blogger.com0tag:blogger.com,1999:blog-4540900151005927972.post-85346996279615602292008-01-25T00:20:00.000-08:002008-03-22T22:20:35.234-07:00<div id="content"><br /><p><a href="http://4.bp.blogspot.com/_BQrzxz9-EQk/R-RTRFJ9A1I/AAAAAAAAEPs/tXye3_QoM70/s400/CelorioSepia.jpg" rel="designSlide" rev="mycontent" title=" Después de un tiempo, se marchan las imágenes, si antes no están bien guardadas en un sevidor. A ver si ahora se visualizan como debe ser.">slideBox con contenido adicional</a><br /> <br /> <a href="http://4.bp.blogspot.com/_BQrzxz9-EQk/R-BJruqfwPI/AAAAAAAAEMk/vCOPoFZIZBo/s400/Sobremesa.jpg" rel="designSlide" title=" una nota cortita ">slideBox sin contenido adicional</a></p><br /><br /><p>&nbsp;</p><br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4540900151005927972-8534699627961560229?l=moopruebas.blogspot.com' alt='' /></div>Junio Unonoreply@blogger.com0tag:blogger.com,1999:blog-4540900151005927972.post-2972560953379166322008-01-24T14:24:00.001-08:002008-01-24T15:08:12.346-08:00<a href="http://www.artviper.net/webdesign.php" title="artViper designstudio webdesign" id="testlink" rel="artViper" ><strong>TESTLINK</strong></a><br /><br /><a href="http://cafe-junio.blogspot.com/" title="explicaciones de hacks" id="testlink" rel="artViper" ><strong>Epílogo</strong></a><br /><br /><a href="http://cuentos-historias.blogspot.com/" title="de todo un poco..." id="testlink" rel="artViper" ><strong>Revolutum</strong></a><br /><br /><a href="http://moopruebas.blogspot.com/" title="Pruebas de todo lo que pillo" id="testlink" rel="artViper" ><strong>Moo Pruebas</strong></a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4540900151005927972-297256095337916632?l=moopruebas.blogspot.com' alt='' /></div>Junio Unonoreply@blogger.com0tag:blogger.com,1999:blog-4540900151005927972.post-16151220541952880302008-01-22T16:31:00.000-08:002008-01-28T14:10:14.997-08:00<img src="http://2.bp.blogspot.com/_BQrzxz9-EQk/R5UpUSudgEI/AAAAAAAADjI/ukV5yRjoGP0/s400/Oto%C3%B1o.jpg" width="200" height="200" class="thumbnoo h:374 w:800" style="float: left"/><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4540900151005927972-1615122054195288030?l=moopruebas.blogspot.com' alt='' /></div>Junio Unonoreply@blogger.com0tag:blogger.com,1999:blog-4540900151005927972.post-72475750536975656802008-01-22T14:23:00.000-08:002008-01-25T00:50:14.029-08:00<div id='example'><br /><a class='mb' href='http://2.bp.blogspot.com/_BQrzxz9-EQk/R5UpUSudgEI/AAAAAAAADjI/ukV5yRjoGP0/s1600/Oto%C3%B1o.jpg' id='mb1' title='Paisaje 1 (jpg)'><img alt='Paisaje 1' border='0' src='http://2.bp.blogspot.com/_BQrzxz9-EQk/R5UpUSudgEI/AAAAAAAADjI/ukV5yRjoGP0/s200/Oto%C3%B1o.jpg'/></a><br /> <div class='multiBoxDesc mb1' style='display: none;'>Creo que es un paisaje de Otoño....</div><br /> <a class='mb' href='http://3.bp.blogspot.com/_BQrzxz9-EQk/R5Up1iudgFI/AAAAAAAADjQ/kDHlktoNMx8/s1600/header_image_04.jpg' id='mb2' title='Paisaje 2 (jpg)'><img alt='Paisaje 2' border='0' src='http://3.bp.blogspot.com/_BQrzxz9-EQk/R5Up1iudgFI/AAAAAAAADjQ/kDHlktoNMx8/s200/header_image_04.jpg'/></a><br /> <div class='multiBoxDesc mb2' style='display: none;'>Todas las descripciones de las imágenes soportan HTML.</div><br /> <a class='mb' href='http://4.bp.blogspot.com/_BQrzxz9-EQk/R5UqsyudgHI/AAAAAAAADjg/L_h6JdKvIOY/s1600/1130095651Paisajes1.jpg' id='mb3' title='Paisaje 3 (jpg)'><img alt='Paisaje 3' border='0' src='http://4.bp.blogspot.com/_BQrzxz9-EQk/R5UqsyudgHI/AAAAAAAADjg/L_h6JdKvIOY/s200/1130095651Paisajes1.jpg'/></a><br /> <div class='multiBoxDesc mb3' style='display: none;'>Más bien sombrío...</div><br/><br /><br /> <a class='mb' href='http://www.phatfusion.net/multibox/files/dragonquest.flv' id='mb4' rel='width:400,height:300' title='Movie'>flv example</a><br /> <div class='multiBoxDesc mb4'>flv example</div><br/><br /> <a class='mb' href='http://www.phatfusion.net/multibox/files/dragonquest.mov' id='mb5' rel='width:400,height:310' title='Movie'>mov example</a><br /> <div class='multiBoxDesc mb5'>mov example</div><br/><br /> <br /> <a class='mb' href='http://www.phatfusion.net/multibox/files/dragonquest.wmv' id='mb6' rel='width:400,height:350' title='Movie'>wmv example</a><br /> <div class='multiBoxDesc mb6'>wmv example</div><br/><br /><br /> <br /> <a class='mb' href='http://www.phatfusion.net/multibox/files/dragonquest.rm' id='mb7' rel='width:400,height:300' title='Movie'>real example</a><br /> <div class='multiBoxDesc mb7'>real example</div><br/><br /> <br /> <a class='mb' href='http://www.phatfusion.net/multibox/files/music.mp3' id='mb8' rel='' title='Music'>mp3 example</a><a href='http://www.phatfusion.net/multibox/files/music.mp3'>Abre</a><br /> <div class='multiBoxDesc mb8'>mp3 example</div><br/><br /> <br /> <a class='mb' href='http://www.phatfusion.net/multibox/blank.htm' id='mb9' rel='width:400,height:300' title='iFrame'>HTML page</a><br /> <div class='multiBoxDesc mb9'>html</div><br/><br /><br /> <br /> <a class='mb' href='blank-ajax.htm' id='mb10' rel='width:400,height:300,ajax:true' title='AJAX'>HTML page (Ajax)</a><br /> <div class='multiBoxDesc mb10'>html (ajax)</div><br/><br /> <br /> <a class='mb' href='http://www.phatfusion.net/multibox/#htmlElement' id='mb11' rel='' title='HTML element'>HTML</a><br /> <div class='multiBoxDesc mb11'>html element</div><br/><br /> <div id='htmlElement'><p>This is a snipet of html.</p><ul><li>list item 1</li><li>list item 2</li></ul></div><br /><br /><script type='text/javascript'><br /> window.addEvent(&#39;domready&#39;, function(){<br /> new MultiBox(&#39;mb&#39;, {descClassName: &#39;multiBoxDesc&#39;});<br /> });<br /> </script><br /> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4540900151005927972-7247575053697565680?l=moopruebas.blogspot.com' alt='' /></div>Junio Unonoreply@blogger.com0tag:blogger.com,1999:blog-4540900151005927972.post-1521435387243224622008-01-21T16:36:00.000-08:002008-01-22T01:51:10.212-08:00<h1>Multibox</h1><br /><br />Bueno... me ha llevado lo suyo, pero aquí está.<br />La mayoría vais a necesitar más de un pluggin, me temo (para ver los contenidos en flash... quicktime...). Pero valgan para eso las imágenes...<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4540900151005927972-152143538724322462?l=moopruebas.blogspot.com' alt='' /></div>Junio Unonoreply@blogger.com0