tag:blogger.com,1999:blog-28899347.post2793800120918801539..comments2014-06-28T00:52:34.509+02:00Comments on Gem@ BLOG: Mostrar contenido al pasar el ratón Gem@http://www.blogger.com/profile/08873402100498952047noreply@blogger.comBlogger21125tag:blogger.com,1999:blog-28899347.post-77792862933143212452012-12-26T22:11:47.554+01:002012-12-26T22:11:47.554+01:00A mi ya se me ha ocurrido algo. Me falta reunir al... A mi ya se me ha ocurrido algo. Me falta reunir algo de tiempo libre para experimentar y a ver si funciona.<br /><br />Que pases unas felices fiestas y empieces el año con buen pie ;) José GDFhttp://www.blogger.com/profile/06869357130880868589noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-88195757531080492962012-12-21T20:02:46.046+01:002012-12-21T20:02:46.046+01:00He mirado tu plantilla y me resulta confuso la for... He mirado tu plantilla y me resulta confuso la forma que están añadidas las imágenes, al parecer tienes la imagen de la cabecera de esta forma:<br /><br />#header-inner {&lt;a href=&quot;http://whereorwhat.blogspot.com.es/&quot;&gt;&lt;img src=&quot;http://imageshack.us/a/img28/720/cabecero4.png&quot; onmouseover=&quot;this.src=&#39;http://imageshack.us/a/img841/4262/cabecero4b.png&#39;&quot; onmouseout=&quot;this.src=&#39;http://imageshack.us/a/img841/4262/cabecero4b.png&#39;&quot; /&gt;&lt;/a&gt; width:1500px; margin-left:-100px;margin-right:-100px;}<br /><br />La etiqueta imagen no debería estar ahí, lo correcto sería añadir la url de la imagen de esta forma:<br /><br />background: transparent url(http://imageshack.us/a/img841/4262/cabecero4b.png) repeat scroll top left;<br /><br />Aún así y más sencillo todavía sería subir la imagen con el gadget de cabecera, luego a partir de ahí crear unos estilos con efecto hover para que al pasar el ratón la imagen cambiara.<br /><br />Otra opción sería anular la cabecera y añadir la imagen en un gadget de html para posteriormente crear ese efecto.<br /><br />Entiendo que te pueda confundir lo que digo pero no veo otra forma de crear esa cabecera desde cero para conseguir lo que quieres. Gem@http://www.blogger.com/profile/08873402100498952047noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-12898904390510312122012-12-18T01:03:42.744+01:002012-12-18T01:03:42.744+01:00Gracias por contestar! Me gustaría que la imagen s... Gracias por contestar! Me gustaría que la imagen se sustituyese por otra cuando se pasa el ratón encima de ella whereORwhathttp://www.blogger.com/profile/04529734172704649302noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-49045546127419196982012-12-15T21:29:09.610+01:002012-12-15T21:29:09.610+01:00Hola whereORwhat ¿en concreto que deseas hacer? si... Hola whereORwhat ¿en concreto que deseas hacer? si es un afecto hover en la cabecera ¿qué clase de efecto? Gem@http://www.blogger.com/profile/08873402100498952047noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-6422660522767988712012-12-15T21:26:13.242+01:002012-12-15T21:26:13.242+01:00Muchas gracias por compartirlo y por la primera fr... Muchas gracias por compartirlo y por la primera frase :)<br />Lo pondremos a prueba :) Gem@http://www.blogger.com/profile/08873402100498952047noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-22722669570064142732012-12-15T21:24:33.805+01:002012-12-15T21:24:33.805+01:00Hola Nuria, para que la imagen quede cuadrada elim... Hola Nuria, para que la imagen quede cuadrada elimina la línea:<br />border-radius: 100px 100px 100px 100px;<br />(La encontraárs en los estilos de la imagen :) Gem@http://www.blogger.com/profile/08873402100498952047noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-88581950325244818402012-12-14T17:46:41.330+01:002012-12-14T17:46:41.330+01:00Acabo de descubrir tu blog y me está siendo de gra... Acabo de descubrir tu blog y me está siendo de gran ayuda para renovar la imagen del mío. Vi un post tuyo sobre imágenes con Hover, y éste efecto lo he intentado aplicar para el header pero me está siendo imposible. Te podría preguntar como lo harías?<br /><br />http://whereorwhat.blogspot.com.es/ whereORwhathttp://www.blogger.com/profile/04529734172704649302noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-50289466060353007112012-12-13T18:09:54.540+01:002012-12-13T18:09:54.540+01:00Como todo lo tuyo es muy bueno. Te dejo esto por ... Como todo lo tuyo es muy bueno.<br /><br />Te dejo esto por si a alguien pudiera interesarle:<br /><br />CÓDIGO PARA UN VIDGET QUR MUESTRA LOS NOMBRES DE LOS COMENTARISTAS QUE MAS LO HACEN Y EL NÚMERO DE COMENTARIOS QUE HAN ESCRITO.<br /><br /><br />&lt;div style=&quot;text-align:justify;line-height:1.2;&quot;&gt;<br />&lt;script type=&quot;text/javascript&quot;&gt;<br />function blnube_centro(feed) {<br />max = 0;<br />min = 10000;<br />for (i=0;i&lt;feed.count;i++)<br />{<br />blnube_elements = feed.value.items[i].commentcount * 1;<br />if (blnube_elements &gt; max)<br />{<br />max = blnube_elements;<br />}<br />if (blnube_elements &lt; min)<br />{<br />min = blnube_elements;<br />}<br />}<br />blnube_elementos = &quot;&quot;;<br />display = &quot;&quot;;<br />for (blnuub=0;blnuub&lt;feed.count;blnuub++)<br />{<br />blnube_parent = feed.value.items[blnuub].commentcount - min;<br />blnube_tam = 80 + (blnube_parent * 100) / (max - min) + &quot;%&quot;;<br />blnube_autrr = &quot;&#39;&quot; + feed.value.items[blnuub].authorurl + &quot;&#39;&quot;;<br />blnube_elementos = &quot;(&quot; + feed.value.items[blnuub].commentcount + &quot;)&quot;;<br />blnubID = feed.value.items[blnuub].title + blnube_elementos;<br />blnubID2 = &quot;&lt;a style=&#39;text-decoration:none;font-size:&quot; + blnube_tam + &quot;&#39; href=&quot; + blnube_autrr + &quot; target=&#39;_blank&#39;&gt;&quot; + blnubID + &quot; &lt;/a&gt;&quot;;<br />display = display + blnubID2;<br />}<br />document.write(display);<br />}<br />&lt;/script&gt;<br />&lt;script src=&quot;http://pipes.yahoo.com/pipes/pipe.run?<br />YourBlogUrl=[http]<br />&amp;Exclusions=Anonymous,Jaime Trujillo Escobedo<br />&amp;_callback=blnube_centro<br />&amp;ShowHowMany=30<br />&amp;_id=cfa196644e1d6159c9183548c4b5e2f5<br />&amp;_render=json&quot;<br />type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br />&lt;center&gt;&lt;span style=&quot;line-height: 30px; margin-top:20px; text-decoration: none; border: 1px solid #ccc; padding: 2px; &quot;&gt;&lt;a href=&quot;[http] 2012/03/nube-de-top-comentaristas-para-el-blog.html&quot; target=&quot;_blank&quot;&gt;Conseguir este widget&lt;/a&gt;&lt;/span&gt;&lt;/center&gt;<br />&lt;/div&gt;<br /><br /><br />Para conseguir este widget solo hay que poner la url del blog donde pone [http]. Para ti o por si te apetece ponerle un una entrada. unhidalgohttp://www.blogger.com/profile/06442756560307251447noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-82857366003676420102012-12-08T12:33:50.505+01:002012-12-08T12:33:50.505+01:00hola gema, que tal estás? soy núria de cosas de nú... hola gema, que tal estás? soy núria de cosas de núria,,, he puesto este truco en mi otro blog, xic nou barris; pero no entiendo porque la foto me sale redonda y no cuadrada como la original, espero me ayudes, tampoco consigo que me quede la imagen más centrada, me sale abajo. Bueno, cuando puedas y tengas un ratito lo miras. Gracias como siempre. núria XIC Nou Barrishttp://www.blogger.com/profile/02782672731762345590noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-68675713209213501992012-12-08T03:46:53.821+01:002012-12-08T03:46:53.821+01:00Gracias, me suscribo ☺☻☺ Gracias, me suscribo ☺☻☺ Locomachohttp://www.blogger.com/profile/15741435235712364522noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-56776608081376679652012-12-06T21:49:01.666+01:002012-12-06T21:49:01.666+01:00Me alegra que ya esté resuelto :) Me alegra que ya esté resuelto :) Gem@http://www.blogger.com/profile/08873402100498952047noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-16295827742248862332012-12-06T11:11:17.307+01:002012-12-06T11:11:17.307+01:00Ya logré quitar la raya.Quedó genial Ya logré quitar la raya.Quedó genial Localiza Recursos Sociales en el Municipio de Oviedohttp://www.blogger.com/profile/15218623994514551203noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-43647278113266859282012-12-05T20:00:23.849+01:002012-12-05T20:00:23.849+01:00Muchísimas gracias,quedó precioso pero no logro sa... Muchísimas gracias,quedó precioso pero no logro saber que hice mal ya que me quedó una raya encima.Si no es mucha molestia y quieres verlo,es el primer gadget de la izquierda,lo puse arriba para que lo localices.<br />Eres muy rápida y muy amable.Muchas gracias de nuevo Localiza Recursos Sociales en el Municipio de Oviedohttp://www.blogger.com/profile/15218623994514551203noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-63945680099541561482012-12-05T19:36:58.607+01:002012-12-05T19:36:58.607+01:00En los siguientes estilos detallo las modificacion... En los siguientes estilos detallo las modificaciones que puedes hacer:<br /><br />.infobox:hover .more {<br /> background-color: #BF7195; /* color de fondo */<br /> border: 3px double #FFFFFF; /* tipo de borde y color*/ <br /> border-radius: 10px 10px 10px 10px; /* redondear esquinas */<br /> color: #FFFFFF; /* acolor de fuente*/<br /> display: block;<br /> left: 0;<br /> padding: 15px 10px 10px 120px;<br /> position: absolute;<br /> top: -10px;<br /> width: 200px;<br /> z-index: 1;<br /> } Gem@http://www.blogger.com/profile/08873402100498952047noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-19478442630268478592012-12-05T19:30:24.276+01:002012-12-05T19:30:24.276+01:00Otro abrazo para ti m.p.moreno :) Otro abrazo para ti m.p.moreno :) Gem@http://www.blogger.com/profile/08873402100498952047noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-8595878384209983792012-12-05T19:29:46.309+01:002012-12-05T19:29:46.309+01:00Todo tuyo gramalina ;) Todo tuyo gramalina ;) Gem@http://www.blogger.com/profile/08873402100498952047noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-20676078360729533252012-12-05T19:29:23.240+01:002012-12-05T19:29:23.240+01:00Hola cuanto tiempo!! me alegra que te guste :) Hola cuanto tiempo!! me alegra que te guste :) Gem@http://www.blogger.com/profile/08873402100498952047noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-19263990748078268472012-12-05T17:22:19.291+01:002012-12-05T17:22:19.291+01:00Hola Gem@ : Me encanta!!!, lo probé y se ve estupe... Hola Gem@ : Me encanta!!!, lo probé y se ve estupendo.Como cambio el color rosa de fondo por otro.Serías tan amable de resolver mi duda?<br />Un saludo Localiza Recursos Sociales en el Municipio de Oviedohttp://www.blogger.com/profile/15218623994514551203noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-3171144138007936492012-12-05T14:17:24.590+01:002012-12-05T14:17:24.590+01:00¡Qué interesante y qué bonito con la aplicación CS... ¡Qué interesante y qué bonito con la aplicación CSS! De momento no sé donde aplicarlo, pero me ha gustado tanto que ya se me ocurrirá algo.<br /><br />Un cariñoso abrazo Julia :) m.p.morenohttp://www.blogger.com/profile/18282725490695893611noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-58758351737501531912012-12-05T13:28:17.444+01:002012-12-05T13:28:17.444+01:00Me gusta mucho. Me gusta mucho. gramalinahttp://www.blogger.com/profile/14665236477817239168noreply@blogger.comtag:blogger.com,1999:blog-28899347.post-62162401572084313252012-12-05T02:50:56.831+01:002012-12-05T02:50:56.831+01:00Que bueno se ve Gem@!:) Que bueno se ve Gem@!:) Cocina Cocohttp://www.blogger.com/profile/07167810405237518985noreply@blogger.com