tag:blogger.com,1999:blog-7470192961806963601.post2427679412901885230..comments2024-03-29T07:03:46.833+01:00Comments on Oloblogger: Posicionar imágenes y textoOlomanhttp://www.blogger.com/profile/11489455592466904176noreply@blogger.comBlogger85125tag:blogger.com,1999:blog-7470192961806963601.post-75914570247109133302017-07-10T02:00:49.745+02:002017-07-10T02:00:49.745+02:00¡Muchísimas gracias! funciona perfectamente. ¡Muchísimas gracias! funciona perfectamente. Anonymoushttps://www.blogger.com/profile/07749514972446763249noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-44772376848553353702017-07-09T21:50:36.703+02:002017-07-09T21:50:36.703+02:00Hola Hiber.
Supongo que a estas alturas has solu...Hola Hiber. <br /><br />Supongo que a estas alturas has solucionado lo de las imágenes porque hice un muestreo y veo todas bien.<br /><br />Sobre lo de los títulos, eso es simplemente cuestión de que quites todos los text-transform:capitalize; que veas. Yo encontré estos tres en tu plantilla:<br /><br />p.title {<br /> text-transform: capitalize;<br />...<br />h1.post-title {<br /> font-weight: normal;<br /> text-transform: capitalize;<br />...<br />h1.post-title, h2.post-title {<br /> font-weight: normal;<br /> text-transform: capitalize;<br />...Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-43581944325443952172017-06-18T22:53:09.942+02:002017-06-18T22:53:09.942+02:00Hola Oloman, gracias por el artículo. Dado que tuv...Hola Oloman, gracias por el artículo. Dado que tuve problemas con la plantilla de Contempo, que te había comentado del botón de compartir, estoy usando una plantilla gratis que descargué. El diseño me gusta. Si fuera posible, me gustaría que me ayudaras con algunas dudas que tengo, respecto a unos códigos que quiero cambiar.<br /><br />Normalmente cuando insertaba una imagen en una entrada, las imágenes quedaban centradas, pero la plantilla que ahora tengo, se come un pedazo, si la imagen está centrada, así que en mi último artículo tuve que alinear a la izquierda. ¿Es posible con algún código css alinear todas las imágenes a la izquierda, si la plantilla lo permite? O aumentar el ancho de las entradas para que me aparezcan las imágenes completas.<br /><br />Si es posible, podrías ayudarme?<br /><br />También en los títulos de las entradas por cada palabra empieza con una mayúscula, por ejemplo: Antivirus De Paga O Gratuitos, Dos Alternativas -¿Con Cuál Me Quedo? – Puede cambiarse a que solo la primera letra quede en mayúscula?<br /><br />Me gustaría que visitarás mi blog, si fuera posible.<br />http://hiberhernandez.blogspot.mx <br /><br />Gracias de antemano. Apenas estoy aprendiendo CSS y HTML - SaludosKuquinohttps://www.blogger.com/profile/05674453837655960360noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-2574126528095592762017-05-09T13:15:23.077+02:002017-05-09T13:15:23.077+02:00Muy buen aporte muchas graciasMuy buen aporte muchas graciasAnonymoushttps://www.blogger.com/profile/11736097253295520662noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-55799727861609199122017-02-01T23:54:21.153+01:002017-02-01T23:54:21.153+01:00El soporte de los sitios que venden plantillas, po...El soporte de los sitios que venden plantillas, por lo general es en la práctica inexistente. Si quieres escríbeme mediante un formulario que hay abajo de la página (Contacto)Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-29459331793765902332017-01-27T09:31:46.420+01:002017-01-27T09:31:46.420+01:00Buenos días amigo, acabo de volver a intentarlo, y...Buenos días amigo, acabo de volver a intentarlo, ya copiando y pegando el código que has puesto, por si acaso se me estaba escapando algo, y nada, sigue igual. Decir que el soporte técnico de la plantilla es un fraude, no me han solucionado nada. Dime si quieres tu correo para hacerte administrador y si tengo que pagarte algo lo hago sin problema, porque es una desesperación.Anonymoushttps://www.blogger.com/profile/01311212861303960635noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-28763089757322726062017-01-13T23:59:22.490+01:002017-01-13T23:59:22.490+01:00Imposible. No puedo hacer otro comentario porque e...Imposible. No puedo hacer otro comentario porque especialmente la segunda opción, es infalible. La probé antes de escribirla.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-48682917457081612422017-01-05T18:38:54.216+01:002017-01-05T18:38:54.216+01:00Gracias de nuevo Oloman. Acabo de probar ambas ind...Gracias de nuevo Oloman. Acabo de probar ambas indicaciones y sigue igual, con el texto pegado. Que rabia.Anonymoushttps://www.blogger.com/profile/01311212861303960635noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-36905791049650320872017-01-05T18:25:51.637+01:002017-01-05T18:25:51.637+01:00Lo mejor es que edites el post desde la pestaña Re...Lo mejor es que edites el post desde la pestaña Redactar, pinches sobre la imagen y luego, desde el menú que sale debajo de ella, seleccionar Alinear a la izquierda (o derecha, según...). Si ya te sale como alineada a la izquierda entonces alinea al centro y luego a la izquierda. Blogger genera automáticamente un margen cuando alineas a derecha o izquierda, así que esa es la manera más fácil de arreglarlo.<br /><br />Si eso no funciona (que casi seguro que sí), entonces edita el post pero desde la pestaña HTML. Cuando veas el código de la imagen añade este margin-right: 10px; que verás que he marcado en negrita:<br /><br /><div class="separator" style="clear: both; text-align: center;"><br /><a href="https://4.bp.blogspot.com/-cZ7-ewM4gXE/WDR6IsPb3-I/AAAAAAAAAJI/T_TGTXRvsAcI6liQPJVcEPiPtZNwpRKgwCLcB/s1600/IMG_1773.JPG" imageanchor="1" style="clear: left;float: left;<b>margin-right: 10px;</b>"><img alt="30" border="0" src="https://4.bp.blogspot.com/-cZ7-ewM4gXE/WDR6IsPb3-I/AAAAAAAAAJI/T_TGTXRvsAcI6liQPJVcEPiPtZNwpRKgwCLcB/s1600/IMG_1773.JPG" title=""></a></div>Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-66717202844865447532017-01-05T11:24:40.581+01:002017-01-05T11:24:40.581+01:00hola de nuevo Oloman. Mil gracias por responder y ...hola de nuevo Oloman. Mil gracias por responder y disculpa la tardanza en volver a contactar. Te voy a pasar directamente el enlace para que lo veas en un ejemplo de un post, yo me he dado por vencido: http://oestemarketing.blogspot.com.es/2016/09/decathlon-vs-sport-zone-en-la-milla-de.htmlAnonymoushttps://www.blogger.com/profile/01311212861303960635noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-82790889665095806952016-11-29T23:55:39.790+01:002016-11-29T23:55:39.790+01:00Hola Luis Miguel. En un principio es sólo cuestión...Hola Luis Miguel. En un principio es sólo cuestión de ponerle un MARGIN a tus IMG, bien añadiéndolo directamente al HTML de cada imagen, bien programándolo de forma general en el CSS de tu plantilla.<br /><br />De todas formas es raro que no te ponga margen porque cuando subes con el editor de entradas una imagen alineada a izquierda o derecha, Blogger automáticamente te añade el margen correpondiente. No sé cuál es tu blog, así que no puedo detallarte más si no me muestras un ejemplo concreto.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-2908413713326467832016-11-22T18:07:54.611+01:002016-11-22T18:07:54.611+01:00Buenas tardes Oloman. Tengo un problema con mi blo...Buenas tardes Oloman. Tengo un problema con mi blog y es que no consigo por ninguna de las maneras que las fotos que añado acompañando a mis posts tengan un margen o separación con respecto al texto, es decir, queda totalmente pegado el texto a la foto y la sensación es horrible. He probado con el código de arriba a abajo pero no doy con la tecla. Por qué nomenclatura debiese buscar? Mil graciasAnonymoushttps://www.blogger.com/profile/01311212861303960635noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-14878455022230736222015-02-10T00:34:04.708+01:002015-02-10T00:34:04.708+01:00La idea es buena. Pero claro, no diferencia de imá...La idea es buena. Pero claro, no diferencia de imágenes pequeñas de grandes, todas las pone por igual. Estaría bien que las imágenes en tamaño pequeño o mediano (según blogger) se quedaran como están.Emilio Lunahttps://www.blogger.com/profile/02759121882441711428noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-72914314066479261042015-02-09T01:16:58.458+01:002015-02-09T01:16:58.458+01:00Con CSS no Emilio, pero dependiendo de como esté h...Con CSS no Emilio, pero dependiendo de como esté hecho todo a veces se pueden utilizar otras cosas. No sé... ahora mismo se me ocurre que lo mejor seguramente sería meterle un width:100% a las imágenes junto con un display:block;, pero quizás no sea de aplicación en todos los casos. Depende de como acostumbres a hacer tus posts.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-6672565392454597012015-02-08T20:27:27.230+01:002015-02-08T20:27:27.230+01:00Gracias Oloman. Sería la primera opción. ¿Existirí...Gracias Oloman. Sería la primera opción. ¿Existiría algún condicionante para que este truco no se aplique en imágenes "pequeñas" o "medianas" (según tamaños de imágenes de blogger).Emilio Lunahttps://www.blogger.com/profile/02759121882441711428noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-37512107652701612162014-12-01T01:28:30.573+01:002014-12-01T01:28:30.573+01:00Hola. Supongo que eso te pasa con las imágenes flo...Hola. Supongo que eso te pasa con las imágenes flotadas. Un truquillo podría ser este:<br />.post-body .separator a, .post-body .separator img {float: none !important;}<br /><br />O quizás este otro:<br />.post-body .separator a, .post-body .separator img {clear:both;}Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-52222739358887269852014-11-23T11:17:45.932+01:002014-11-23T11:17:45.932+01:00Hola Oloman, buenos días.
Te lo comento por aquí ...Hola Oloman, buenos días.<br /><br />Te lo comento por aquí porque no he encontrado otro post más adecuado. Quiero cambiar el tamaño del main-wrapper de la página. Como tengo todas las imágenes en su tamaño original, esto hará que el texto se coloque en la parte sobre sobrante de la derecha, rellenando el hueco aumentado. ¿Cómo podría hacer para que el texto siempre esté debajo de la imagen, independientemente de que la imagen ocupe o no todo el ancho posible del wrapper de los post?<br /><br />Un abrazoEmilio Lunahttps://www.blogger.com/profile/02759121882441711428noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-36612914769821146862014-04-30T22:45:52.343+02:002014-04-30T22:45:52.343+02:00No. Eso que quieres es algo más complicado, pero s...No. Eso que quieres es algo más complicado, pero supongo que no imposible.<br /><br />Aquí tienes un truco para conseguir algo parecido y con alguna que otra variación, imagino que se podrá hacer lo que quieres... pero lo dicho, añadiendo algunas cosas más.<br /><br />http://css-tricks.com/float-center/Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-86417798864559491852014-04-30T22:39:07.228+02:002014-04-30T22:39:07.228+02:00No exactamente. Esto que explico aquí es cómo func...No exactamente. Esto que explico aquí es cómo funciona lo de las imágenes "flotando" junto a un texto desde el punto de vista del código, pero no es necesario teclear todo eso a mano en Blogger. Como dices, con añadir la imagen y luego seleccionar derecha, izquierda o centro, ya la pones como quieras.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-40150196652843507292014-04-30T15:55:33.236+02:002014-04-30T15:55:33.236+02:00Hola Oloman, estoy probando cómo combinar párrafos...Hola Oloman, estoy probando cómo combinar párrafos e imágenes en las páginas y entradas de mis blogs (blogspot.com), pero hasta ahora no he podido conseguir lo siguiente, que se ve en artículos de prensa: una imagen flotando abajo a la derecha con respecto al texto de un párrafo (como si la hubieran insertado abajo a la derecha del bloque de texto), o sea, una imágen flotando a la derecha que tenga la totalidad del texto de un mismo párrafo rodeándola por arriba y a la izquierda, de manera que la última línea de texto del párrafo toque pero no depase la línea que sería la prolongación de la base de la imagen.<br />¿Se puede definir con una combinación de "float", "clear", "align", "text-align"? Gracias de antemano. FilipFilip Vermeulenhttps://www.blogger.com/profile/17592237581733377632noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-35188105876852782232014-04-28T02:43:19.481+02:002014-04-28T02:43:19.481+02:00entonces por lo que explicas hay que subir la imag...entonces por lo que explicas hay que subir la imagen con la URL, no añadiendo imágenes,<br />sin embargo a mi a veces me ha funcionado colocar el cursor al lado de la foto y escribir, pero no siempre me deja<br />esto es un lio no me aclaro, lucho hasta el agotamientofernanhttps://www.blogger.com/profile/02158487919618852774noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-17846593518385276312014-03-12T20:09:15.215+01:002014-03-12T20:09:15.215+01:00Es que adicionalmente tienes que seguir usando el ...Es que adicionalmente tienes que seguir usando el otro para la imagen, pues ese sólo elimina el del enlace:<br />.separator img {margin-bottom: .7em !important;}<br />Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-24651159303432634612014-03-10T17:20:21.060+01:002014-03-10T17:20:21.060+01:00Oloman, Ese codigo magico ha surtido efecto.!.. Mu...Oloman, Ese codigo magico ha surtido efecto.!.. Muchisimas gracias.. Ahora necesito pre-establecer el margen entre TEXTO e IMAGEN y entre IMAGEN y TEXTO.. Al utilizar ese codigo: .separator a {<br />margin: 0 !important;} se me desequilibran los margenes entre el texto en si y la siguiente foto y entre la foto en si y el proximo texto.. Creo que eso es algo de padding em; o algo asi.. <br />Si me puedes ayudar con eso te lo agradeceria de por vida.. Un saludo y muchas gracias. <br />Jose Jose Francés https://www.blogger.com/profile/09799389458956916587noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-56097029617162393642014-03-10T01:58:12.715+01:002014-03-10T01:58:12.715+01:00Creo que es por la clase "separator" que...Creo que es por la clase "separator" que Blogger añade automáticamente en algunas configuraciones de imágenes. Prueba a añadir también esto:<br />.separator a {<br />margin: 0 !important;<br />}Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-23401246867523392422014-03-06T23:00:27.719+01:002014-03-06T23:00:27.719+01:00Oloman, he puesto el código al final y parece que ...Oloman, he puesto el código al final y parece que ha surtido efecto a medias… Funciona cuando selecciono las fotos en tamaño pequeño y en mediano. Al seleccionar las fotos en grande no me funciona. Y yo necesito las fotos justo en tamaño grande.. Esto es inexplicable!… Estoy súper intrigado en conocer si hay una solución… Un saludo y gracias… JoseJose Francés https://www.blogger.com/profile/09799389458956916587noreply@blogger.com