tag:blogger.com,1999:blog-7470192961806963601.post3557274365077725556..comments2024-03-18T11:10:44.149+01:00Comments on Oloblogger: Slider adaptable sin JavaScript, sólo CSSOlomanhttp://www.blogger.com/profile/11489455592466904176noreply@blogger.comBlogger111125tag:blogger.com,1999:blog-7470192961806963601.post-53625024456652335912016-06-24T00:44:09.671+02:002016-06-24T00:44:09.671+02:00Sigo recomendando que sea adaptable, pero si quier...Sigo recomendando que sea adaptable, pero si quieres ponerle un ancho inferior al de la caja dónde esté, lo más fácil es que en esta parte:<br />#slider {<br />text-align: center;<br />margin: 0 auto;<br />-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;<br />}<br /><br />...añadas un max-width con el valor en píxeles que quieras como máximo.<br /><br />#slider {<br />text-align: center;<br />margin: 0 auto;<br />-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;<br /><b>max-width: 400px;</b><br />}Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-71886351451858379032016-06-17T01:57:06.256+02:002016-06-17T01:57:06.256+02:00disculpa y eso como ese hace??disculpa y eso como ese hace??ivohttps://www.blogger.com/profile/15467722403918924579noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-76485490955216072772016-05-29T19:04:21.579+02:002016-05-29T19:04:21.579+02:00Hola. Sólo agradecer a Oloman la generosidad de co...Hola. Sólo agradecer a Oloman la generosidad de compartir con todo el mundo sus conocimientos.<br />Por si a alguien le interesa, y ya que he visto que algunas personas preguntaban por ello, he conseguido ampliar el slider a 15 imágenes (tal y como está planteado llegaría a 20, pero esto todavía no lo he probado). Un saludo.Anonymoushttps://www.blogger.com/profile/11755728879096668602noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-81853416980585829422016-05-07T00:22:36.994+02:002016-05-07T00:22:36.994+02:00Hola. Si me dices la página dónde tienes puesto el...Hola. Si me dices la página dónde tienes puesto el slider quizás pueda.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-49725793315547022072016-05-05T00:58:12.730+02:002016-05-05T00:58:12.730+02:00hola disculpa, las imagenes me salen muy chicas, p...hola disculpa, las imagenes me salen muy chicas, podrias ayudarme?Anonymoushttps://www.blogger.com/profile/15571492007821845589noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-43023989882147924942016-03-03T23:16:31.557+01:002016-03-03T23:16:31.557+01:00Para poner este tipo de código en una página, el C...Para poner este tipo de código en una página, el CSS debe ir entre etiquetas <style> y </style><br /><br />Por otra parte, el HTML debe ir sin saltos de línea. <br /><br />A veces es complicado que estas cosas funcionen en entradas (o páginas) y si además incluyes más elementos y nuevo CSS, es fácil que entren en conflicto.<br /><br />Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-63207673637916271782016-03-02T21:32:56.556+01:002016-03-02T21:32:56.556+01:00Muchísimas gracias, Oloman. Probe a poner tu slide...Muchísimas gracias, Oloman. Probe a poner tu slide simplemente añadiéndole las imagenes y tampoco me funciono. ¿ Sera porque lo puse en un pagina y no en un gadget? Por lo que te refieres a que lo que busco no es un slide, en cierta manera tienes razón pero este me servia, lo que yo le añadía en cada ARTICLE son varios DIV mas para superponer capas con otras imágenes y en CHROME si que funcionaba y todas las capas se movian con la imagen principal pero en los demas me aparecian todas las capas en la primera imagen. <br />De nuevo mil gracias por responder<br />Aqui te dejo el enlace de lo que estaba haciendo ( http://pruebastele.blogspot.com.es/p/titulo-autor-titulo-autor-titulo-autor.html ) por si tienes tiempo y te aptece echarle un ojo, puedes pasar por todas las imagenes del slide las que mas cosas llevan son la 2 y la 4.<br />SaludosTELEVISIONDEMONOVARhttps://www.blogger.com/profile/07173488933125208906noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-8226316235966627922016-03-02T21:15:13.174+01:002016-03-02T21:15:13.174+01:00Hola Mariela. Este post precisamente no es para no...Hola Mariela. Este post precisamente no es para novatos pues si bien copiando y pegando a todos os saldrá, cualquier modificación necesita conocer bien CSS.<br /><br />De todas formas hay un par de cosas básicas que creo necesitas saber y que te valdrán para cualquier tutorial. Una la expliqué expresamente y es que el CSS va en la plantilla detrás de cierta etiqueta (SKIN). Eso con que lo hagas tal cual explico (con más detalle en el post) funciona.<br /><br />Luego está la parte HTML, que puede ir (también en la plantilla) entre las etiquetas </head&gtM y </body> de la plantilla o bien desde Diseño, creando un nuevo gadget HTML/JavaScript y pegando dentro el código. Aquí la opción será según te digan. En el caso de este slider sería dentro de un gadget creado nuevo.<br /><br />Creo que te vendrá bien echar un vistazo a este otro artículo en el que intento explicar esto de <a href="http://www.oloblogger.com/2008/05/blogger-para-torpes-html-y-css.html" rel="nofollow">qué es el CSS y el HTML</a>. Sabiendo eso es fácil seguir cualquier tutorial. <br /><br />La verdad es que a veces no lo digo porque para todos los tutoriales, esa parte de dónde va cada cosa es siempre igual.<br /><br />Si te gustó el enlace, mira también <a href="http://www.oloblogger.com/2013/03/css-conceptos-uso.html" rel="nofollow">este otro</a>.<br /><br /> <br /><br />Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-72805315266899952372016-03-02T21:03:21.174+01:002016-03-02T21:03:21.174+01:00Siempre ha funcionado en Firefox y en Explorer, pr...Siempre ha funcionado en Firefox y en Explorer, precisamente porque está basado en CSS. Ahora mismo lo acabo de comprobar en esos dos navegadores y sigue funcionando.<br /><br />Quizás las modificaciones que introdujiste fueron las que hicieron saltar algo.<br /><br />De todas formas si vas a hacer algo que no sea un slider, te convenga "otra cosa" que no sea un slider :D Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-63878277698741501432016-02-26T13:16:14.548+01:002016-02-26T13:16:14.548+01:00No entiendo absolutamente nada, me lo he leído muc...No entiendo absolutamente nada, me lo he leído muchísimas veces y nada. Será porque hablas de una manera muy técnica y yo soy una novatilla jajaj. Donde coloco los códigos del HTML? Cuales son exactamente? todos? y en que orden? van uno detrás de otro? estoy perdidisima.Anonymoushttps://www.blogger.com/profile/12384057515693554686noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-74815052662815840662016-02-22T16:09:24.735+01:002016-02-22T16:09:24.735+01:00Hola buenas Oloman, he probado tu slide en mozilla...Hola buenas Oloman, he probado tu slide en mozilla y en explorer y no funciona. Una verdadera pena porque me servia para hacer algo mucho mas complejo que un slide pero cuando ya tenia el trabajo bastante adelantado me he dado cuenta que solo funciona en chrome. ¿Hay alguna soluccion? HELP<br />TELEVISIONDEMONOVARhttps://www.blogger.com/profile/07173488933125208906noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-24002509604594708892016-02-19T08:08:08.609+01:002016-02-19T08:08:08.609+01:00saludos bloggers, he pasado por aqui por curiosida...saludos bloggers, he pasado por aqui por curiosidad y es primera vez que paso y veo que le codigo html esta muy complejo, se puede hace un slideshow automatizado y que puedas seleccionar la imagen a tu antojo sin necesidad de detener la animacion siempre y cuando se deje el mouse sobre el boton o la imagen seleccionada en el slide show con menos de 30 lineas de html minimo con 16 lineas y 4 imagenes hasta de 1000 imagenes, sin necesidad de usar java, hubiese aportado el codigo html pero la web no permite publicar etiquetas,puedo hacer un slide auto con selector y pausa de animacion en puro CSS con solo 142 lineas cualquier duda grullon1104@gmail.comHarry1190https://www.blogger.com/profile/05668046196313817004noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-9793710569046011542015-11-08T20:25:55.975+01:002015-11-08T20:25:55.975+01:00Hola ¿me podrías pasar una dirección dónde vea cóm...Hola ¿me podrías pasar una dirección dónde vea cómo lo tienes montado?Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-80428931770422099432015-11-07T18:37:18.675+01:002015-11-07T18:37:18.675+01:00Sobre mi comentario anterior, tengo ese problema s...Sobre mi comentario anterior, tengo ese problema solo en el alto, el width se adapta bienDaniel Xhttps://www.blogger.com/profile/10835316613130834630noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-36507961695096005912015-11-07T18:28:34.598+01:002015-11-07T18:28:34.598+01:00Hola, noto que el slider se adapta a las imagenes...Hola, noto que el slider se adapta a las imagenes, ¿cómo hago que las imagenes se adapaten al slider? :D Agradezco mucho la ayuda que me denDaniel Xhttps://www.blogger.com/profile/10835316613130834630noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-88146524735142776292015-09-20T03:06:46.795+02:002015-09-20T03:06:46.795+02:00Muy bueno, es el primer slider echo solo con CSS ...Muy bueno, es el primer slider echo solo con CSS que SI consigo adaptar y modificar a mi CMS y a mi gusto, muy bonito, sencillo y genial. lo podeis ver funcionando en esta URL, mi intencion no es hacer spam ;)<br />http://www.zubiondojatetxea.com/?zona=Noticias&arch=articulo&id=1<br /><br />Gracias por todo ;)Sarjentocuchhttps://www.blogger.com/profile/03658335439310878402noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-22356739023644109082015-09-04T15:00:30.326+02:002015-09-04T15:00:30.326+02:00Gracias por ese consejo! Era algo que quería soluc...Gracias por ese consejo! Era algo que quería solucionar y no sabía como! Llevo poco tiempo trasteando con el CSS y el html, y poco a poco voy adaptando el diseño de la plantilla. Ainhoa Rafaelhttps://www.blogger.com/profile/05815561935859246252noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-90184559896891278212015-08-27T19:35:56.220+02:002015-08-27T19:35:56.220+02:00Ok. Pues gracias Ainhoa. Hay muchas opciones a pes...Ok. Pues gracias Ainhoa. Hay muchas opciones a pesar de que decías que era difícil. Otra cosa es que cueste adaptarlos a Blogger, pero haberlas haylas. <br />Me ha gustado tu diseño y precisamente me fijé porque hace poco hice una plantilla con ese efecto de menú desplegable por el lado y ahora estoy a medias de otra. <br />Piensa en poner un fixed en el icono que despliega el menú, ya que cuando bajas (scroll), el menú permanece abierto y el icono se pierde por arriba ;)<br /><br />Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-73861372135748640722015-08-27T13:57:17.189+02:002015-08-27T13:57:17.189+02:00Este comentario ha sido eliminado por el autor.Ainhoa Rafaelhttps://www.blogger.com/profile/05815561935859246252noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-19227764832676178892015-08-26T22:50:49.584+02:002015-08-26T22:50:49.584+02:00Este comentario ha sido eliminado por el autor.Ainhoa Rafaelhttps://www.blogger.com/profile/05815561935859246252noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-66466265292628082092015-08-26T22:38:42.700+02:002015-08-26T22:38:42.700+02:00Este comentario ha sido eliminado por el autor.Ainhoa Rafaelhttps://www.blogger.com/profile/05815561935859246252noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-56915396069685096522015-03-15T23:27:31.013+01:002015-03-15T23:27:31.013+01:00Pues realmente no sé cómo no te funciona a tí y aq...Pues realmente no sé cómo no te funciona a tí y aquí sí que lo hace, por lo que debo suponer que alguna cosa te comiste al traspasar el código. De todas formas prueba con un overflow: hidden; para el ID #sliderOlomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-33299001197545469532015-03-07T16:36:55.843+01:002015-03-07T16:36:55.843+01:00Hola Oloman, Tengo un problema con el #slides .inn...Hola Oloman, Tengo un problema con el #slides .inner width:500% , en navegadores Iexplorer y Firefox me esta creando un espacio gigante en blanco a la derecha de la pagina, y si trato de controlarlo dandole un max-width al body las imagenes del slider se me convierten en minuaturas y se pierde todo. Como podria hacer para corregir esto? veo que en el post funciona a la perfección, pero no logro encontrar con que estas controlando esa situación. Quedo atento...Anonymoushttps://www.blogger.com/profile/07090892697052388504noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-40165949103328243082014-12-03T19:29:58.579+01:002014-12-03T19:29:58.579+01:00Mucho mejor ahora :)
Es que sin ese detalle el sli...Mucho mejor ahora :)<br />Es que sin ese detalle el slider ya no tendría ninguna ventaja.<br />Gracias de nuevoOlomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-62015889466856087592014-12-01T23:36:10.196+01:002014-12-01T23:36:10.196+01:00Solucionado el "responsive". Algo se me ...Solucionado el "responsive". Algo se me había colado. ;) <br /><br />http://codepen.io/sangorrin/pen/MYwROaManamananhttps://www.blogger.com/profile/06302012384105799963noreply@blogger.com