tag:blogger.com,1999:blog-30194056100245771152012-01-28T20:06:44.175-08:00Junionoreply@blogger.comBlogger51100tag:blogger.com,1999:blog-3019405610024577115.post-5939127900066190912008-05-13T03:12:00.000-07:002008-05-13T03:47:04.472-07:00<div class="border_gradient">Vamos a hacer una prueba de bordes sombreados</div><br /><br /><div class="border_rounded ">Vamos a hacer una prueba de bordes redondeados</div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3019405610024577115-593912790006619091?l=pruebasquery.blogspot.com' alt='' /></div>Junionoreply@blogger.com0tag:blogger.com,1999:blog-3019405610024577115.post-54608115134212761952008-03-20T16:23:00.000-07:002008-03-20T16:40:29.680-07:00<div style="position: relative; top: ; left: ;"><br /><script><br /><!--<br /><br /><br /> var message="Pruebas";<br /> var thickness=1;<br /> var color2="black";<br /> var color1="white";<br /> var extra="font-size:40px;";<br /> <br /> var x = -thickness;<br /> var y = -thickness;<br /><br /> while (y<=thickness) {<br /> while (x<=thickness) {<br /> document.write ("<span style='"+extra+" color:"+color2+"; position:absolute; left:"+x+"; top:"+(-y)+";'>"+message+"</span>");<br /> document.write ("<span style='"+extra+" color:"+color2+"; position:absolute; left:"+x+"; top:0;'>"+message+"</span>");<br /> document.write ("<span style='"+extra+" color:"+color2+"; position:absolute; left:"+x+"; top:"+y+";'>"+message+"</span>");<br /> x=x+1;<br /> }<br /> y=y+1;<br /> } <br /><br /> document.write ("<span style='"+extra+" color:"+color1+"; position:absolute; left:0; top:0;'>"+message+"</span>");<br /><br /><br />//--><br /></script><span style="font-size: 40px; color: black; position: absolute; left: -1px; top: 1px;">Pruebas</span><span style="font-size: 40px; color: black; position: absolute; left: -1px; top: 0pt;">Pruebas</span><span style="font-size: 40px; color: black; position: absolute; left: -1px; top: -1px;">Pruebas</span><span style="font-size: 40px; color: black; position: absolute; left: 0pt; top: 1px;">Pruebas</span><span style="font-size: 40px; color: black; position: absolute; left: 0pt; top: 0pt;">Pruebas</span><span style="font-size: 40px; color: black; position: absolute; left: 0pt; top: -1px;">Pruebas</span><span style="font-size: 40px; color: black; position: absolute; left: 1px; top: 1px;">Pruebas</span><span style="font-size: 40px; color: black; position: absolute; left: 1px; top: 0pt;">Pruebas</span><span style="font-size: 40px; color: black; position: absolute; left: 1px; top: -1px;">Pruebas</span><span style="font-size: 40px; color: white; position: absolute; left: 0pt; top: 0pt;">Pruebas</span><br /><br /></div><br /><br /><div style="position: relative; top: ; left: ;"><br /><script><br /><!--<br /> var message="Sombras";<br /> var range=2;<br /> var extra="font-size:40px;";<br /> var color1="gray";<br /> var color2="black";<br /> var x = range;<br /> var y = range;<br /><br /> document.write ("<span style='"+extra+" color:"+color2+"; position:absolute\; left:"+x+"; top:"+y+";'>"+message+"</span>");<br /> document.write ("<span style='"+extra+" color:"+color1+"; position:absolute; left:0; top:0;'>"+message+"</span>");<br />//--><br /></script><span style="font-size: 40px; color: black; position: absolute; left: 2px; top: 2px;">Sombras</span><span style="font-size: 40px; color: gray; position: absolute; left: 0pt; top: 0pt;">Sombras</span><br /></div><br /><br /><br /><div style="position: relative; top: ; left: ;"><br /><script><br /><!--<br /><br /><br /> var message="Todas";<br /> var thickness=1;<br /> var color2="black";<br /> var color1="white";<br /> var color3="gray";<br /> var extra="font-size:40px;";<br /> var range=5;<br /> var z = range;<br /> var d = range;<br /> <br /> var x = -thickness;<br /> var y = -thickness;<br /><br /> while (y<=thickness) {<br /> while (x<=thickness) {<br /> document.write ("<span style='"+extra+" color:"+color2+"; position:absolute; left:"+x+"; top:"+(-y)+";'>"+message+"</span>");<br /> document.write ("<span style='"+extra+" color:"+color2+"; position:absolute; left:"+x+"; top:0;'>"+message+"</span>");<br /> document.write ("<span style='"+extra+" color:"+color2+"; position:absolute; left:"+x+"; top:"+y+";'>"+message+"</span>");<br /> x=x+1;<br /> }<br /> y=y+1;<br /> } <br /><br /> document.write ("<span style='"+extra+" color:"+color3+"; position:absolute\; left:"+z+"; top:"+d+";'>"+message+"</span>");<br /> document.write ("<span style='"+extra+" color:"+color1+"; position:absolute; left:0; top:0;'>"+message+"</span>");<br /> <br /><br /> <br /><br />//--><br /></script><span style="font-size: 40px; color: black; position: absolute; left: -1px; top: 1px;">Todas</span><span style="font-size: 40px; color: black; position: absolute; left: -1px; top: 0pt;">Todas</span><span style="font-size: 40px; color: black; position: absolute; left: -1px; top: -1px;">Todas</span><span style="font-size: 40px; color: black; position: absolute; left: 0pt; top: 1px;">Todas</span><span style="font-size: 40px; color: black; position: absolute; left: 0pt; top: 0pt;">Todas</span><span style="font-size: 40px; color: black; position: absolute; left: 0pt; top: -1px;">Todas</span><span style="font-size: 40px; color: black; position: absolute; left: 1px; top: 1px;">Todas</span><span style="font-size: 40px; color: black; position: absolute; left: 1px; top: 0pt;">Todas</span><span style="font-size: 40px; color: black; position: absolute; left: 1px; top: -1px;">Todas</span><span style="font-size: 40px; color: gray; position: absolute; left: 5px; top: 5px;">Todas</span><span style="font-size: 40px; color: white; position: absolute; left: 0pt; top: 0pt;">Todas</span><br /><br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3019405610024577115-5460811513421276195?l=pruebasquery.blogspot.com' alt='' /></div>Junionoreply@blogger.com0tag:blogger.com,1999:blog-3019405610024577115.post-74473750422011586812008-03-18T09:59:00.000-07:002008-03-18T18:37:55.282-07:00No... sigue sin gustarme este método con cajas... :(<br /><br /><div class="out image"><br /><div class="in rtin tpin"><br /><img src="http://2.bp.blogspot.com/_BQrzxz9-EQk/R9_2WeqfwLI/AAAAAAAAEME/XubboyYCCAk/s400/Urculo.jpg" title="imitando a Urculo" alt="Urculo" /><br /></div></div><br /><br /><div class="out image"><br /><div class="in rtin tpin"><br /><img src="http://3.bp.blogspot.com/_BQrzxz9-EQk/R-BtveqfwQI/AAAAAAAAEMs/FN03cPmkQyg/s400/3528_Kopia-DSCN3923.jpg" title="Hoja" alt="Hoja" /><br /></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3019405610024577115-7447375042201158681?l=pruebasquery.blogspot.com' alt='' /></div>Junionoreply@blogger.com0tag:blogger.com,1999:blog-3019405610024577115.post-88121622105342456372008-03-17T04:00:00.001-07:002008-03-18T19:40:28.384-07:00Sombras, bordes redondeados, opacidades, aclarados... todo tipo de efectos para dar a nuestras imágenes, con un sólo script.<br /><div class="demo"><img src="http://3.bp.blogspot.com/_BQrzxz9-EQk/R95Pc-qfwDI/AAAAAAAAELE/OLrdScq6ndU/s200/Urculo.jpg" class="bevel iradius40 noglow noshade noshine" alt="" /></div><div class="demo"><img src="http://3.bp.blogspot.com/_BQrzxz9-EQk/R95Pc-qfwDI/AAAAAAAAELE/OLrdScq6ndU/s200/Urculo.jpg" class="bevel iradius30 noshade noshine" alt="" /></div><div class="demo"><img src="http://3.bp.blogspot.com/_BQrzxz9-EQk/R95Pc-qfwDI/AAAAAAAAELE/OLrdScq6ndU/s200/Urculo.jpg" class="bevel noshine" alt="" /></div><div class="demo"><img src="http://3.bp.blogspot.com/_BQrzxz9-EQk/R95Pc-qfwDI/AAAAAAAAELE/OLrdScq6ndU/s200/Urculo.jpg" class="bevel noshade" alt="" /></div><div class="demo"><img src="http://3.bp.blogspot.com/_BQrzxz9-EQk/R95Pc-qfwDI/AAAAAAAAELE/OLrdScq6ndU/s200/Urculo.jpg" class="bevel islinear" alt="" /></div><div class="demo"><img src="http://3.bp.blogspot.com/_BQrzxz9-EQk/R95Pc-qfwDI/AAAAAAAAELE/OLrdScq6ndU/s200/Urculo.jpg" class="bevel usemask iglowcolffffff iglowopac66 ishadecolffffff ibackcol00ccff ifillcol00aa66" alt="" /></div><div class="demo"><img src="http://1.bp.blogspot.com/_BQrzxz9-EQk/R95QZeqfwEI/AAAAAAAAELM/mct3icXLl0k/s200/vacation6.jpg" class="bevel islinear iglowopac50 ishadeopac75 iglowcolffcc00 ishadecolffcc00" alt="" /></div><div class="demo"><img src="http://1.bp.blogspot.com/_BQrzxz9-EQk/R95QZeqfwEI/AAAAAAAAELM/mct3icXLl0k/s200/vacation6.jpg" class="bevel usemask noshine noshade iglowopac50 iglowcol00cc00 ibackcolffaa00 ifillcolffff00" alt="" /></div><div class="demo"><img src="http://1.bp.blogspot.com/_BQrzxz9-EQk/R95QZeqfwEI/AAAAAAAAELM/mct3icXLl0k/s200/vacation6.jpg" class="bevel noshine islinear ishadeopac100 iglowcolff66ff ishadecolffffff" title="tooltip support" alt="candy" /></div><div class="demo"><img src="http://4.bp.blogspot.com/_BQrzxz9-EQk/R-B82uqfwSI/AAAAAAAAEM8/Q4XZMlGq0Gw/s400/calvin.gif" class="bevel usemask iradius30 ishadecolffffff ibackcol000000" title="onClick event" onClick="alert('ALT=\''+this.alt+'\'');" alt="candy" /></div><div class="demo"><img src="http://1.bp.blogspot.com/_BQrzxz9-EQk/R95QZeqfwEI/AAAAAAAAELM/mct3icXLl0k/s200/vacation6.jpg" class="bevel islinear iradius40" title="onClick event" onClick="alert('ID='+this.id);" id="candy" alt="" /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3019405610024577115-8812162210534245637?l=pruebasquery.blogspot.com' alt='' /></div>Junionoreply@blogger.com0tag:blogger.com,1999:blog-3019405610024577115.post-56413416128683115782008-03-12T18:03:00.001-07:002008-03-12T18:08:12.022-07:00<p><a href="javascript:;" onmousedown="toggleSlide('mydiv3');">Toggle Silde</a></p><br /><div id="mydiv3" style="display:none; overflow: hidden; height: 100px;"><br />Acabo de probar con un Toggle de Query con efectos y... un desastre... porque se pega de tortas con cualquier código que exista en la plantilla.<br /> Conseguí realizarlo pero... quedaba tan feo, y resulta tan difícil y obstructivo, que no merece la pena. Me quedo con este script.<br /><br /></div><br /><br />A ver si ahora puedo integrarlo en una sidebar...<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3019405610024577115-5641341612868311578?l=pruebasquery.blogspot.com' alt='' /></div>Junionoreply@blogger.com1