tag:blogger.com,1999:blog-7470192961806963601.post6259186883947731294..comments2024-03-28T12:10:31.593+01:00Comments on Oloblogger: Un problema solventable. Ancho variable del blogOlomanhttp://www.blogger.com/profile/11489455592466904176noreply@blogger.comBlogger60125tag:blogger.com,1999:blog-7470192961806963601.post-3010958385737640662015-08-12T10:03:36.705+02:002015-08-12T10:03:36.705+02:00Gracias por tu ayuda. La verdad es que esto de las...Gracias por tu ayuda. La verdad es que esto de las resoluciones de los monitores, tablets, móviles y demás está creciendo tan rápido que resulta absurdo. Para la impresión en papel se trabaja a 300ppp (o a 600 si se va a ampliar después) porque el ojo humano no detecta más detalle, pero a nivel tecnológico las compañías estan yendo mucho más lejos para ver quién la tiene más grande. Los que tenemos blogs vamos a estar bien jodidos de por vida (si es que los blogs no acaban desapareciendo), porque ya no se trata de que tu plantilla se tenga que readaptar a otro tamaño, sino a otras dimensiones. Mi imagen de cabecera que está a 1280px cubre todo el ancho de mi pantalla y la mitad del alto; si cambiara el tamaño del blog a full hd (por ejemplo), en algunos monitores la imagen cubriría casi toda la pantalla.Psicopompohttps://www.blogger.com/profile/16306658915987506746noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-83190001439030209922015-07-01T21:20:03.359+02:002015-07-01T21:20:03.359+02:00Pues sí Dayara, ha evolucionado bastante... sobre ...Pues sí Dayara, ha evolucionado bastante... sobre todo si usas una de las nuevas plantillas.<br />Estas tiene una estructura algo más complicada y aunque también es posible hacer algo parecido, no es tan sencillo para mí explicar qué clases (selectores) tienes que cambiar para conseguir una plantilla adaptable. <br />Si quieres partir de una base para luego estilizarla a tu gusto, hace tiempo publiqué <a href="http://www.oloblogger.com/2014/04/template-simple-rwd-blogger.html" rel="nofollow">esta plantilla</a>.<br /><br />Con respecto a las imágenes, una vez que tengas una plantilla adaptable (o simplemente más ancha), las imágenes puedes hacer que se adapten automáticamente usando <a href="http://www.oloblogger.com/2012/12/responsive-imagen-tabla-videos.html" rel="nofollow">esto otro</a>.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-90938077455341423502015-06-29T03:54:01.245+02:002015-06-29T03:54:01.245+02:00Hola.
¿Sabes si esto ha evolucionado algo desde el...Hola.<br />¿Sabes si esto ha evolucionado algo desde el 2008? Es que tengo un blog que he rediseñado hace nada y ya lo veo pequeño para las resoluciones actuales. Mi problema es que está lleno de ilustraciones y no me gustaría que perdieran calidad al readaptarse a un tamaño mayor. Supongo que la solución sería trabajar con unas dimensiones de base bastante grandes que se adaptaran a resoluciones menores. En fin, ya me cuentas.<br />Un saludo.Psicopompohttps://www.blogger.com/profile/16306658915987506746noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-82775510764681582322015-04-25T01:26:11.283+02:002015-04-25T01:26:11.283+02:00No sé si funcionará, pero puedes probar a poner de...No sé si funcionará, pero puedes probar a poner dentro de tu CSS un:<br />html body #outer-wrapper {margin: 0 !important;}Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-25902374036837081632015-04-23T04:53:54.288+02:002015-04-23T04:53:54.288+02:00 Hola Oloman! Hace unos días que me vengo rompiend... Hola Oloman! Hace unos días que me vengo rompiendo la cabeza con este porblema y no se que hacer. El problema que tengo es que cuando uso la versión móvil de mi plantilla, el outer-wrapper me pone un margin que yo no puse, yo lo tengo en 0px. Cuando inspecciono elemento en la página y cargo la plantilla móvil (con iphone 4 por ej.) me aparece un margin de 10px en el outer-wrapper que yo no quiero. Como hago para sacarlo?? <br /> Desde inspeccionar elemento me sale: html body #outer-wrapper { <br /> /* margin: 0 10px; */ <br />} adentro de un bundle.css Si acá cambio el 10px por 0px se ve excelente, pero como puedo hacer eso en la plantilla? <br /> Muchas gracias, espero puedas ayudarme, mi blog es monkeymotor .netMartín F. Dagradihttps://www.blogger.com/profile/03331252202218745430noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-36945450465050160552014-04-11T01:21:19.367+02:002014-04-11T01:21:19.367+02:00Tienes una plantilla de las últimas (nuevo diseñad...Tienes una plantilla de las últimas (nuevo diseñador) y esas son complicadas de manejar. Para esas los cambios no son tan simples y hay que entender un poco de CSS. Por ejemplo, el primer problema o mejor dicho cambio importante está nada más empezar:<br />.content-outer, .content-fauxcolumn-outer, .region-inner {<br />min-width: $(content.width);<br />max-width: $(content.width);<br />_width: $(content.width);<br />}<br />Eso de $(content.width) es una variable que se toma de las primeras líneas que me pusiste y que en tu caso tiene un valor de 970px.<br /><br />Esas tres líneas de .content-outer etc. lo que hacen es fijar el ancho a un mínimo y a un máximo de 970px, así que realmente es un ancho fijo. Habría que quitar las tres líneas y poner directamente un width: 100% o lo que sea y seguir ajustando el resto de cajas de similar manera.<br /><br />Pero luego, esas plantillas tienen más cajas "extrañas", así que no sé si será bastante con ajustar ese trozo que me pegas.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-62294794449981438962014-04-06T17:22:57.627+02:002014-04-06T17:22:57.627+02:00Vaya, no sale... Aqui un pasteit con lo que no sal...Vaya, no sale... Aqui un pasteit con lo que no sale http://justpaste.it/ezw4<br />antoniohttps://www.blogger.com/profile/10664814969386285279noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-76799241374844287282014-04-06T17:19:04.305+02:002014-04-06T17:19:04.305+02:00Hola Oloman!
no consigo que mi blog se quede con ...Hola Oloman!<br /><br />no consigo que mi blog se quede con ancho variable. No encuentro la parte que pones aquí... he insertado eso en CSS y sigue sin funcionar. Te copio la parte de la plantilla en la que creo que está el problema...<br /><br /> <br /> <br /> <br /><br /> <br /> antoniohttps://www.blogger.com/profile/10664814969386285279noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-33484173914432684852013-06-18T21:55:42.793+02:002013-06-18T21:55:42.793+02:00Me temo que lo tuyo no tiene una solución fácil. P...Me temo que lo tuyo no tiene una solución fácil. Parece como si al trastear la plantilla hubieras cambiado algún cierre o apertura de sitio y por eso te salen todas las entradas dentro de la misma caja, cada vez más pequeñas. Lo más práctico es que intentes usar el nuevo botón "Plantilla de formato" e intentes ver cuál es ese div de más o de menos, aunque aún así es difícil. Casi mejor cambias la plantilla seleccionando después la misma que tienes ahora... pero virgen.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-37618018561386447742013-06-13T15:11:54.238+02:002013-06-13T15:11:54.238+02:00hola saludo cordial muy buenas todas tus anotacion...hola saludo cordial muy buenas todas tus anotaciones de como organizar nustros blogs, tengo una pregunta para que me colabores, edito mi sitio y subo una nueva informacion en entrada nueva, pero al final todo lo demas se convierte en una chorrera de letras en vertical, si al final le doy clic en alguna entrada me la deja ver con el ancho normal, pero sucede otra vez lo mismo al final de esa pagina todo es una chorrera de letras. QUE HAGO AYUDEME? GRACIASPastor Roberto H Aguirrehttps://www.blogger.com/profile/03457103112007961319noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-38724881532183436652013-03-16T14:39:51.598+01:002013-03-16T14:39:51.598+01:00Hola Jorge. Se trata de una plantilla adaptable (r...Hola Jorge. Se trata de una plantilla adaptable (responsive en inglés) pero cómo hacer una no es una cosa que se pueda explicar de manera general.<br /><br />De todas formas en <a href="http://www.oloblogger.com/2012/04/diseno-web-sensible-rwd-una-plantilla.html%22" rel="nofollow">este artículo</a> tienes unas breves nociones sobre el tema y una plantilla de ese tipo para Blogger. Viendo la plantilla por dentro podrás descubrir el uso de las <i>media queries</i> que son el "secreto" de cómo adaptar los anchos y la distribución de las columnas según el ancho de la pantalla del usuario.<br /><br /><a href="http://www.oloblogger.com/2012/12/responsive-imagen-tabla-videos.html" rel="nofollow">Aquí</a> también tienes unos apuntes para las imágenes, tablas y vídeos adaptables.<br /><br />Y gracias por el aviso del corte de la barra de la izquierda, pero por eso mi barra es algo corta y por eso puse ahí cosas que no son importantes para vosotros ;)Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-211909292638467602013-03-14T11:46:07.746+01:002013-03-14T11:46:07.746+01:00¿como lo has hecho para que en tu blog, si la pant...¿como lo has hecho para que en tu blog, si la pantalla es estrecha, la barra lateral izquierda salga como una cabecera arriba del todo, y si es aun mas estrecha no salga la barra de la derecha?<br />Aprovecho para decirte que, en ordenadores netbook donde la pantalla no es alta, en tu blog si que es importante, ya que la barra de la izquierda se corta en "sobre este blog". (http://oi45.tinypic.com/25fuh3r.jpg)Jorge MGhttps://www.blogger.com/profile/15099752159264104696noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-91338030523954626042012-09-12T23:57:52.139+02:002012-09-12T23:57:52.139+02:00¿Molestias? Ninguna. Un saludo.¿Molestias? Ninguna. Un saludo.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-77203881567884918912012-09-12T00:42:07.337+02:002012-09-12T00:42:07.337+02:00Listo Oloman! Encontré el problema, era lo del scr...Listo Oloman! Encontré el problema, era lo del script del iFrame. Fui a la interaz antigua y pude entrar a la plantilla, borré ese código y cambié a la nueva interfaz y ya pude entrar. Luego busqué en tu blog y vi que también habías escrito de lo mismo! No me di cuenta jeje, pero al menos pude solucionar lo mio solito, eso ya me da orgullo jajaja. Bueno te mando un abrazo y perdón por las molestias, un abrazoo!Tnc05https://www.blogger.com/profile/07758220202581807344noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-63254968355769383162012-09-12T00:12:40.849+02:002012-09-12T00:12:40.849+02:00Oloman, quería comentarte que tuve un problema y n...Oloman, quería comentarte que tuve un problema y nada tiene que ver con lo que me ayudaste a resolver anteriormente. Me sucedió que acabo de publicar unas entradas y luego quise entrar a mi Plantilla e ir a EDICION HTML y cada vez que entro luego de 2 segundos la pantalla se me pone en blanco. Esto me sucede sólo con un blog de esa cuenta porque si voy a los otros si puedo modificar la plantilla tranquilamente. No sé cuál será el problema. Te dejo una imágen para que puedas ver lo que me aperece. Yo veo eso y luego de dos segundos se pone todo blanco, no me da tiempo a restaurar la plantilla que tengo guardada! Queé puedo hacer??? Este es la imágen:<br /><br />https://lh4.googleusercontent.com/-A-vdsUyZGI0/UE-2Xxfpq7I/AAAAAAAACEk/8EcNa33IvzQ/s912/Problema%2520con%2520la%2520Plantilla.png<br /><br /><br />Gracias!!!Tnc05https://www.blogger.com/profile/07758220202581807344noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-49325101871368894332012-09-08T17:43:25.121+02:002012-09-08T17:43:25.121+02:00Ve probando cosas y observa qué hace cada cosa. Po...Ve probando cosas y observa qué hace cada cosa. Poco a poco descubrirás cómo cambiarlo todo, poco a poco... ;)Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-27350146320867066792012-09-06T00:37:43.627+02:002012-09-06T00:37:43.627+02:00Dios.. qué complicado se volvió esto. Tengo solo l...Dios.. qué complicado se volvió esto. Tengo solo la columna principal y una barra a la derecha.. probe poniendo varios valores pero siempre queda mal, lo voy a tener que hacer con mas paciencia, investigando mejor y probando... lo unico que me quede decir es QUE MAL QUE LA ESTOY PASANDOOO!!!!<br /><br />Saludos Oloman, gracias por tanta dedicación, hoy por hoy se valora muchísimo! :) Tnc05https://www.blogger.com/profile/07758220202581807344noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-23976378785829841952012-09-05T21:14:25.689+02:002012-09-05T21:14:25.689+02:00Dónde veas $(content.width), lo sustituyes por el ...Dónde veas $(content.width), lo sustituyes por el ancho total y con respecto al $(main.column.right.width); le pones el ancho de la barra lateral. Por ejemplo en el primer trozo: <br /><br /><![CDATA[<br />body {<br />min-width: 100%;<br />}<br /><br />.content-outer, .content-fauxcolumn-outer, .region-inner {<br />min-width: 100%;<br />max-width: 100%;<br />_width: 100%;<br />}<br /><br />En la barra derecha que ya hemos visto tienes que poner el porcentaje que quieres que ocupe sobre el total y el resto hasta ocupar lo que quieres, lo pones dónde aparezca $(main.column.left.width). Por ejemplo si la derecha tiene 20%, la otra debe tener 80%. Quizás algo menos si hay márgenes y eso para que no se solapen.<br /><br />De todas formas no va a ser fácil modificar bien esa plantilla, así que ¡suerte! :)Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-21224993634571803962012-09-04T21:51:25.828+02:002012-09-04T21:51:25.828+02:00Con respecto al segundo valor me aparece esto:
.m...Con respecto al segundo valor me aparece esto:<br /><br />.main-inner .columns {<br /> padding-left: $(main.column.left.width);<br /> padding-right: $(main.column.right.width);<br /> }<br /><br /> .main-inner .fauxcolumn-center-outer {<br /> left: $(main.column.left.width);<br /> right: $(main.column.right.width);<br /> /* IE6 does not respect left and right together */<br /> _width: expression(this.parentNode.offsetWidth -<br /> parseInt("$(main.column.left.width)") -<br /> parseInt("$(main.column.right.width)") + 'px');<br /> }<br /><br /> .main-inner .fauxcolumn-left-outer {<br /> width: $(main.column.left.width);<br /> }<br /><br /> .main-inner .fauxcolumn-right-outer {<br /> width: $(main.column.right.width);<br /> }<br /><br /> .main-inner .column-left-outer {<br /> width: $(main.column.left.width);<br /> right: 100%;<br /> margin-left: -$(main.column.left.width);<br /> }<br /><br /> .main-inner .column-right-outer {<br /> width: $(main.column.right.width);<br /> margin-right: -$(main.column.right.width);<br /> }<br /><br /><br /><br />Agradecería si me podés marcar dónde es que tengo que cambiar los valores así puedo entender mejor la plantilla :) de verdad mil gracias! si me sale esto me va a ayudar muchísimo!<br /><br />Te paso el blog para que veas cómo me queda:<br />www.cunaroja.blogspot.com<br /><br />Tnc05https://www.blogger.com/profile/07758220202581807344noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-70957974137106968772012-09-04T21:49:09.772+02:002012-09-04T21:49:09.772+02:00Oloman! Agradezco mucho tus molestias, de verdad :...Oloman! Agradezco mucho tus molestias, de verdad :) pero como verás, no soy un experto en el tema, y no entiendo lo que me estás diciendo, Dónde es que tengo que poner o reemplazar los valores. Probé de varias formas y queda todo igual. En mi notebook se ve bien el blog pero si voy a una pc de escritorio con otra resolución se sigue viendo mal. Esto es lo que me aparece:<br /><br /><br /> <![CDATA[<br /> body {<br /> min-width: $(content.width);<br /> }<br /><br /> .content-outer, .content-fauxcolumn-outer, .region-inner {<br /> min-width: $(content.width);<br /> max-width: $(content.width);<br /> _width: $(content.width);<br /> }<br />Tnc05https://www.blogger.com/profile/07758220202581807344noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-65797073180685433462012-09-04T21:16:11.277+02:002012-09-04T21:16:11.277+02:00(malditas plantillas nuevas...)
Bueno, he estado m...(malditas plantillas nuevas...)<br />Bueno, he estado mirando una plantilla de esas y aparece ligeramente distinto a como te dije. Sería $(content.width) e igual con la otra. <br /><br />En la que yo tengo para pruebas aparece enseguida en el BODY y el CONTENT-OUTER con min-width y max-width y luego hay más ocurrencias. Allí es dónde tendrías que poner el valor en %, pero ya sabes que después no podrás hacer cambios (de esos valores) desde el diseñador.<br /><br />Mejor por tanto que busques sin símbolos. Pretendía llevarte más directo pero me equivoqué y provoqué lo contrario. Lo sorry...Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-36146700614651789742012-09-04T00:30:07.264+02:002012-09-04T00:30:07.264+02:00$content.width y $main.column.right.width.
Eso no...$content.width y $main.column.right.width. <br />Eso no aparece en la plantilla. Sólo pude cambiar los valores de esto que te pasé anteriormente:<br /><br />b:variable default='960px' name='content.width' type='length' value='1150px<br /><br />b:variable default='310px' name='main.column.right.width' type='length' value='320px<br /><br /><br />Pero ahí es donde no me deja cambiar los valores poor el % porque me tira el error que te mencioné en el comentario anterior :(Tnc05https://www.blogger.com/profile/07758220202581807344noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-34235951544809128032012-09-03T21:30:54.641+02:002012-09-03T21:30:54.641+02:00Lo temía, por eso ya de expliqué una segunda opció...Lo temía, por eso ya de expliqué una segunda opción...Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-78165845898249305312012-09-03T21:06:15.134+02:002012-09-03T21:06:15.134+02:00O sea, serían los valores que te puse arriba. El p...O sea, serían los valores que te puse arriba. El problema es que yo cambio '1150px' por '115%' y me aparece esto:<br /><br />Invalid variable declaration in page skin: Length is invalid. Input: 115%<br /><br />Lo mismo para ambos valores..<br /><br />¿cuál será la solución?<br />Desde el diseñador no se puede cambiar el valor "px", ya está fijo.<br />Agradecería mucho tu ayuda porque esto es un problema que me tiene loco.<br />Tnc05https://www.blogger.com/profile/07758220202581807344noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-18121217533486723652012-09-03T20:57:41.815+02:002012-09-03T20:57:41.815+02:00Eso suena a plantilla del nuevo diseñador y es con...Eso suena a plantilla del nuevo diseñador y es conocida mi animadversión hacia ellas. En concreto, esa es la parte de variables. Si entras en el Diseñador posiblemente puedas cambiar esos valores en px por valores en %, pero nunca lo he probado.<br /><br />Si no funciona entonces tendrás que buscar en la plantilla por el nombre de las variables. Sería $content.width y $main.column.right.width. Cuando las encuentres sólo tendrías que sustituir esos nombres por valores en %Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.com