tag:blogger.com,1999:blog-33571139.post930303807738388900..comments2023-11-05T08:41:52.609-03:00Comments on Vagabundia: Jugando con el botón de PinterestJMiurhttp://www.blogger.com/profile/16731144451681787753noreply@blogger.comBlogger14125tag:blogger.com,1999:blog-33571139.post-36813510294169245852013-10-14T15:36:47.863-03:002013-10-14T15:36:47.863-03:00OK. Lógico, ya que el botón es una imagen y las pr...OK. Lógico, ya que el botón es una imagen y las propiedades agregadas a .post-body img {} también lo afectan así que, para establecer propiedades específicas para ese botón debes agregar una nueva regla.<br /><br />Por ejemplo, para que no cambie la opacidad , ya que la regla genérica dice:<br /><br />.post-body img :hover {<br /> opacity: 0.6;<br />}<br /><br />debes agregar:<br /><br />.pinimg:hover {<br /> opacity: 1 !important;<br />}<br />JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-66297501486381688472013-10-14T12:47:16.458-03:002013-10-14T12:47:16.458-03:00Aquí por ejemplo:
http://harmonyanddesign.blogspot...Aquí por ejemplo:<br />http://harmonyanddesign.blogspot.com.es/<br /><br />También en ocasiones se me ha presentado el problema de que mediante css (.post-body img) le asigno un ancho máximo a las fotos de los posts, pero eso también afecta al botón de Pin It y se ve enorme.<br /><br />Gracias.Photonicahttps://www.blogger.com/profile/00460812994626852044noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-6851183634999126672013-10-13T23:39:08.683-03:002013-10-13T23:39:08.683-03:00Dependerá del ejemplo concreto que tengas, de la f...Dependerá del ejemplo concreto que tengas, de la forma en que está armado el HTML y de las reglas de estilo que hayas colocado. Tendrías que mostrar dónde puede verse online.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-30738340672939583002013-10-13T17:50:25.187-03:002013-10-13T17:50:25.187-03:00Hola de nuevo.
Me gustaría que al pasar el ratón ...Hola de nuevo.<br /><br />Me gustaría que al pasar el ratón por la imagen ésta bajase la opacidad, y apareciese el botón. He conseguido bajarle la opacidad a la imagen, pero al poner el ratón encima del botón éste también pierde opacidad. ¿Tendrías alguna sugerencia de como hacerlo?<br /><br />¡Saludos y gracias!Photonicahttps://www.blogger.com/profile/00460812994626852044noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-85759829788883095032013-05-20T08:25:49.196-03:002013-05-20T08:25:49.196-03:00Gracias, ahora si =DGracias, ahora si =DIsa MLhttps://www.blogger.com/profile/14284238901569290637noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-22485043870566387432013-05-20T06:12:53.235-03:002013-05-20T06:12:53.235-03:00.pinwrap:hover .pin-it-button {
display: block....pinwrap:hover .pin-it-button {<br /> display: block;<br /> margin-top: -70px;<br /> position: absolute;<br /> right: 0;<br />}<br />JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-66316890288598410642013-05-20T05:04:05.753-03:002013-05-20T05:04:05.753-03:00Se mantiene a la izquierda :SSe mantiene a la izquierda :SIsa MLhttps://www.blogger.com/profile/14284238901569290637noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-67510268855457634432013-05-01T23:20:35.924-03:002013-05-01T23:20:35.924-03:00Podrías ocultar el boton por defecto y mostrarlo c...Podrías ocultar el boton por defecto y mostrarlo cuando se el cursor encima de la imagen:<br /><br />.pin-it-button {display: none;}<br />.pinwrap:hover .pin-it-button {display: block;}JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-70588391947553232922013-05-01T13:12:28.944-03:002013-05-01T13:12:28.944-03:00Buenas tardes.
Me gustaría hacerle una pregunta ¿...Buenas tardes.<br /><br />Me gustaría hacerle una pregunta ¿se podría hacer algo para que el botón solo apareciese al pasar el ratón por encima de la imagen?<br /><br />Gracias.Photonicahttps://www.blogger.com/profile/00460812994626852044noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-63762894790308104672013-02-23T14:34:27.255-03:002013-02-23T14:34:27.255-03:00Cambiando left por right en esta regla .pin-it-bu...Cambiando left por right en esta regla .pin-it-button{ }JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-49436217075578489892013-02-21T06:59:17.601-03:002013-02-21T06:59:17.601-03:00Muchísimas gracias por tu ayuda.
Una última pregun...Muchísimas gracias por tu ayuda.<br />Una última pregunta ¿se podría mantener el botón fijo en la esquina inferior derecha sea cual sea el tamaño de la imagen? por más que lo intento no lo consigo.<br /><br />Gracias de nuevo (:Isa MLhttps://www.blogger.com/profile/14284238901569290637noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-70373846923563411082013-02-19T15:55:48.579-03:002013-02-19T15:55:48.579-03:00Si, eso es posible. En lugar de:
$('.post-bod...Si, eso es posible. En lugar de:<br /><br />$('.post-body img.pin').each(function() {<br />usar<br />$('.post-body img').each(function() {<br /><br />JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-68510495768073245522013-02-19T07:13:55.850-03:002013-02-19T07:13:55.850-03:00¿Existe alguna manera de que el botón aparezca aut...¿Existe alguna manera de que el botón aparezca automáticamente a todas las imágenes del post sin necesidad de añadir class="pin" ?Isa MLhttps://www.blogger.com/profile/14284238901569290637noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-34010644082313479712012-07-11T09:34:55.881-03:002012-07-11T09:34:55.881-03:00i have jQuery plugin version master!
sorry if spam...i have jQuery plugin version master!<br />sorry if spam :)<br />http://beben-koben.blogspot.com/2012/05/add-button-pinterest-automatic-for.htmlBeben Kobenhttps://www.blogger.com/profile/08754225607191914278noreply@blogger.com