tag:blogger.com,1999:blog-33571139.post189025178135336256..comments2023-11-05T08:41:52.609-03:00Comments on Vagabundia: Tratando de entender el Header (1)JMiurhttp://www.blogger.com/profile/16731144451681787753noreply@blogger.comBlogger52125tag:blogger.com,1999:blog-33571139.post-75492217994303648852014-01-21T15:54:35.998-03:002014-01-21T15:54:35.998-03:00El contenido lo puedes quitar buscando y borrando ...El contenido lo puedes quitar buscando y borrando el div cuya id es sidebar-wrapper<br /><br />De todos modos, eso no resolverá el tema ya que la igen de fondo del blog muestra dos columnas:<br /><br />http://3.bp.blogspot.com/-JeyFtNxNLN8/URQtJAge2QI/AAAAAAAACRc/sGF_IS8uQi4/s000/container_bg.jpg<br />JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-62000506870152592552014-01-21T07:50:01.895-03:002014-01-21T07:50:01.895-03:00Muchísimas gracias, ya conseguí solucionarlo. Tal ...Muchísimas gracias, ya conseguí solucionarlo. Tal vez también podrías ayudarme en lo siguiente: quiero eliminar la columna de la derecha ( en diseño no puedo hacerlo por ser una plantilla modificada ) y agrandar el cuerpo principal..dónde lo hago en html? Gracias. Un saludoAnonymoushttps://www.blogger.com/profile/07129193092640189269noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-68771343015331511312014-01-20T14:40:06.029-03:002014-01-20T14:40:06.029-03:00Es porque estás poniendo una cantidad enorme de pa...Es porque estás poniendo una cantidad enorme de padding y no hay necesidad alguna; ahora dice algo como:<br /><br />#header-wrapper #blog_title {<br /> font-size: 3em;<br /> padding: 82px 200px 0 339px;<br /> text-align: left;<br />}<br /><br />y debería decir : <br />#header-wrapper #blog_title {<br /> font-size: 3em;<br /> padding: 82px 0 0;<br /> text-align: center;<br />}<br /><br />Lo mismo con la descripción:<br /><br />#header-wrapper h2 {<br /> font-size: 1.5em;<br /> padding: 0;<br /> text-align: left;<br />}JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-62245609996634237362014-01-20T09:28:35.259-03:002014-01-20T09:28:35.259-03:00Hola !!! He probado a cambiar el Css y también he ...Hola !!! He probado a cambiar el Css y también he modificado el html pero no consigo que el título y la descripción me salgan centrados ( al contrario...salen más centrados utlizando left en vez de center ) podrías ayudarme ? http://sixlooks.blogspot.com.es/ Muchas graciasAnonymoushttps://www.blogger.com/profile/07129193092640189269noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-14476510590993546272013-09-13T14:04:56.054-03:002013-09-13T14:04:56.054-03:00No sé cuál es el blog al que te refieres.No sé cuál es el blog al que te refieres.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-90296802694107593812013-09-13T12:19:47.113-03:002013-09-13T12:19:47.113-03:00Hola me encanto el post y fue de mucha ayuda pero ...Hola me encanto el post y fue de mucha ayuda pero me podrias ayudar? esque estoy renovando mi blog y quiero que la imagen de cabecera quede encima de mi menu o sea que la imagen de mi cabeceraUnknowhttps://www.blogger.com/profile/07539994664390442934noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-47047162491052108452013-09-11T06:23:44.463-03:002013-09-11T06:23:44.463-03:00En este momento, en ese blog, se ve el widget Head...En este momento, en ese blog, se ve el widget Header nornal con texto.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-16096993198500143432013-09-11T03:41:44.834-03:002013-09-11T03:41:44.834-03:00Gracias por la respuesta, pero ya he realizado ese...<br /> Gracias por la respuesta, pero ya he realizado ese paso y al eiminar el widget no me aparece ni en versión pc ni móvil. Lo restauro con el widget "Cabecera" de blogger y me vuelve a aparecer en la versión móvil pero no en la versión de pc que sigue saliendo el espacio sin texto en la cabecera.santimentalhttps://www.blogger.com/profile/11130200133959200907noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-65482927721810551112013-09-10T16:10:57.496-03:002013-09-10T16:10:57.496-03:00Imposible saber cuál es el problema. Simplemente, ...Imposible saber cuál es el problema. Simplemente, elimina el widget Header, guarda y vuelve a colocarlo; de ese modo, se restaurará el widget original de Blogger.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-10225693272556575102013-09-10T04:11:20.581-03:002013-09-10T04:11:20.581-03:00Hola, tengo el siguiente problema, al insertar una...Hola, tengo el siguiente problema, al insertar una imagen para el blog en la cabecera (desde Diseño) y no salir como quería la eliminé pero ahora me sale el espacio sin datos, es decir, sin el título ni descripción del blog, pero en sólo desaparece en la versión de pc en la versión móvil si sale ¿?.<br /><br />Te agradecería si me puedes ayudar, mi blog es http://dondecomesanti.blogspot.com.es/<br /><br />Gracias.santimentalhttps://www.blogger.com/profile/11130200133959200907noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-16938857651908216242011-03-09T19:06:38.255-03:002011-03-09T19:06:38.255-03:00El estilo está definido en tu plantilla, dice algo...El estilo está definido en tu plantilla, dice algo así:<br /><br />.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,<br />.BlogList .item-thumbnail img {<br />padding: 2px;<br />background: transparent;<br />border: 1px solid transparent;<br />-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);<br />-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);<br />box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);<br />}<br /><br /><br />Basta quitar todo eso de:<br /><br />-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);<br />-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);<br />box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-22554773722728170792011-03-09T17:38:25.387-03:002011-03-09T17:38:25.387-03:00Alguien me puede decir, como quitar el efecto de s...Alguien me puede decir, como quitar el efecto de sombra alrrededor de las fotos que subo ? muchas gracias.Mauro Ferreyrahttps://www.blogger.com/profile/06621439883364198965noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-25824632140389673152010-04-08T17:33:48.327-03:002010-04-08T17:33:48.327-03:00¿Es un menú que reemplazaría al que ya existe?
Ne...¿Es un menú que reemplazaría al que ya existe?<br /><br />Necesitaría verlo puesto para decirte qué modificar. Para que la prueba no perturbe al blog, colócalo y ocúltalo con CSS; por ejemplo si estará en un div, escribe algo así:<br /><br /><div id="NUEVOmenu" style="display:noen;"><br />......... y aqui pones el menú nuevo<br /></div><br /><br />De ese modo, no se erá pero podré hacerlo visible y revisarlo.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-70130363523420427662010-04-08T08:49:03.532-03:002010-04-08T08:49:03.532-03:00Lo he intentado todo durante varios días, pero no ...Lo he intentado todo durante varios días, pero no hay manera, cualquier intento de colocar un menú horizontal bajo la cabecera del blog y por tanto sobre el main wrapper, hace que este se sobreponga sobre el main y la sidebar. Creo que es problema del diseño de la plantilla que como novata no se muy bien donde puede estar esta condición. Si me pudieses ayudar te lo agradecería.<br />Muchísimas gracias por todo.<br />Un saludo de nuevo<br />CristinaAnonymoushttps://www.blogger.com/profile/15398885485398420905noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-90739258653211298592010-03-31T18:18:46.210-03:002010-03-31T18:18:46.210-03:00Tendría que verlo aplicado pero, ahí, ahora hay un...Tendría que verlo aplicado pero, ahí, ahora hay un DIV donde se ve un menú:<br /><div id="menu-module"><br /><br />Podrías coloar tu nuevo menú allí mismo, reemplazando el contenido o bien, crear otro DIV con otro ID y copair y pegar las propiedades del anteriro. Si lo colocas justo debajo , deberías ver uno tras otro:<br /><br /><div id="menu-module"><br />.........<br /></div><br /><div id="NUEVOmenu"><br />.........<br /></div>JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-86950842535045730132010-03-31T04:35:32.863-03:002010-03-31T04:35:32.863-03:00Muchísimas gracias J.Miur, se solucionó el problem...Muchísimas gracias J.Miur, se solucionó el problema, que alivio. Ya solo me queda una pregunta más sobre esa plantilla para comenzar a optimizar el blog. Me gustaría eliminar las pestañas que venían debajo de la cabecera y colocar en su lugar un menú horizontal desplegable, el caso es que lo he intentado varias veces, pero el menú se coloca sobre las entradas y la sidebar, desplazando ambos contenedores. Lo mismo me ocurre si intento crear una página estática se coloca sobre el título del primer post. Hay alguna manera de solucionar este problema. Gracias de nuevo por tu ayuda, no sabes lo mucho que lo agradezco.<br />Un saludoAnonymoushttps://www.blogger.com/profile/15398885485398420905noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-41210527714439971262010-03-29T18:35:35.896-03:002010-03-29T18:35:35.896-03:00Cristina:
A ver si es esta parte, un color "c...Cristina:<br />A ver si es esta parte, un color "celeste" arriba a ambos lados del header. Si es eso, es una imagen de fondo que está acá:<br /><br />#head-top {<br />.......<br />background: transparent url(.... header.gif) repeat-x scroll left top;<br />}<br /><br />Si eliminas esa propeidad, desaparecerá. Allí también hay un margen; eso lo puedes dejar, modificar o eliminar.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-22782890266358996202010-03-29T06:53:28.286-03:002010-03-29T06:53:28.286-03:00Hola de nuevo.
Eliminé el elemento pero continúa e...Hola de nuevo.<br />Eliminé el elemento pero continúa el color detrás de la cabecera que medirá unos 50px. Este color ya estaba en la plantilla cuando hice las modificaciones puesto que dentro estaba el texto de la cabecera original. Como digo ha pesar de cambiar las medidas no consigo que desaparezca. La plantilla es de Techbuzz.<br />Gracias de nuevo<br />Un saludoAnonymoushttps://www.blogger.com/profile/15398885485398420905noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-72629737417007676912010-03-27T18:39:18.690-03:002010-03-27T18:39:18.690-03:00No estoy seguro si te refieres a esto pero, hay un...No estoy seguro si te refieres a esto pero, hay un color de fondo definido para el header que puede quitarse si buscas esto:<br /><br />#header-wrapper {<br />.......<br />background:#2E94AB;<br />}<br /><br />Y eliminas esa propeidad de background que puede no decir eso exactamente pero, es indiferente, simplemente, elimínala y sólo se verá la imagen que ahs colocado.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-51253182410924824642010-03-27T10:51:18.247-03:002010-03-27T10:51:18.247-03:00Hola.
Soy muy novata en esto y aunque gracias a tu...Hola.<br />Soy muy novata en esto y aunque gracias a tus turoriales he modificado prácticamente toda mi plantilla, tengo una problema. He cambiado la cabecera por un diseño propio que he introducido con la herramienta del Blog para sustituir la que venía por defecto. Le he dado mas margen de alto pero no consigo que desaparezca un tramo de otro color que pertenecía a la plantilla. No sé como hacer para que desaparezca. Si me puede ayudar se lo agradecería enormemente.<br />Mi blog es redecohogar.blogspot.com<br />Muchísimas gracias<br />Un saludoAnonymoushttps://www.blogger.com/profile/15398885485398420905noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-47159812718558418942010-01-29T23:30:21.237-03:002010-01-29T23:30:21.237-03:00Perfecto, me alegra que encontraras una solución s...Perfecto, me alegra que encontraras una solución satisfactoria.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-9964962494309431462010-01-29T18:50:44.525-03:002010-01-29T18:50:44.525-03:00Jmiur.
Muchas gracias, he colocado el borde gris y...Jmiur.<br />Muchas gracias, he colocado el borde gris y a mi parecer a quedado perfecto :)<br /><br />Muchas gracias!Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-33571139.post-90811164997154820772010-01-29T15:57:21.802-03:002010-01-29T15:57:21.802-03:00Fero:
El tema de las sombras en IE es compeltamen...Fero:<br /><br />El tema de las sombras en IE es compeltamente distinto, es un filtro que existe desde hace mucho pero, tiene sus limitaciones y para que se asemeje, hay que usar magia :D<br /><br />Los detalles no pdría dártelos porque los desconozco, sólo lo he usado de manera muy limitada pero, ellos tienen bastantes explciaciones y ejemplos, tal vez <a href="http://msdn.microsoft.com/en-us/library/ms533086%28VS.85%29.aspx" rel="nofollow">esta página</a> sirva de ayuda.<br /><br />Ahora bien, dado el tipo de sitio que estás armando, yo, aconsajearía usar hacks de tal modo de diferenciar la forma en que se verá el blog en IE y en el resto de los navegadores. Eso se hace colocando condicionales así:<br /><br /><!--[if IE]><br /><style><br />... estas propeidades sólo se aplicarán a Internet Explorer ...<br /></style><br /><![endif]--><br /><br />De esa manera, podrías seguir usando la sombra y en IE, si no encuentras un método que te guste, colocar un borde. Ese borde iría en el mismo lugar. Un ejemplo simple:<br /><br />#outer-wrapper {<br />.......<br />border:1px solid #CCC;<br />}JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-90066740815610609772010-01-29T09:24:46.889-03:002010-01-29T09:24:46.889-03:00Jmiur!
Gracias! ha quedado tal cual como deseaba q...Jmiur!<br />Gracias! ha quedado tal cual como deseaba que quedara!<br />Eres un genio.<br /><br />Tengo una consulta mas si no es mucha molestia:<br />Tal como lo has expresado en tu entrada llamada "sombras nada mas..." la diferencia de las sombras en los navegadores me esta volviendo loco.<br /><br />En Chrome, se ve muy bien el efecto de sombra alrededor del outer-wrapper, pero en Explorer no me queda el mismo efecto. <br />Entiendo que hay diferencias.<br />Pero, ¿hay alguna forma de que en IE la sombra sobresalga por todos los bordes como si estuviese detrás de las entradas? O, si no es posible, <br />¿como hago para colocar una linea alrededor gris de tal manera que quede como un cuadro con sombra paralela?<br /><br />Muchas gracias por tu amabilidad.<br />Saludos<br /><br />http://dhesc.blogspot.comAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-33571139.post-69627863654401279392010-01-28T19:09:07.872-03:002010-01-28T19:09:07.872-03:00Ahora si, Fero :D
Centrado en la pantalla, será c...Ahora si, Fero :D<br /><br />Centrado en la pantalla, será complicado o imposible a menos que uses JavaScript porque, debería calcularse la altura libre que variará con la resolución de la pantalla de cada visitante y con el navegador que utilice o cómo lo tenga configurado. Además deberá calcularse la altura de eso que se mostrará.<br /><br />Lo razonable sería establecer un margen superior e inferior para que se despegue de los bordes del navegador; eso, lo resuelves fácilmente cambiando la propiedad margin de outer-wrapper que ahora dice:<br /><br />#outer-wrapper {<br />.......<br />margin:0 auto;<br />}<br /><br />Por algo así:<br />margin:30px auto;<br /><br />eso dejara ún margen de 30 pixeles arriba y abajo; si sólo lo quieres arriba, usas esto:<br />margin:30px auto 0;<br /><br />claro, el valor de 30px es el que quieras; cuanto más alto sea, más "bajará".JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.com