Muchos de los que usan las plantillas hechas a través del Diseñador de plantillas de Blogger eliminan la Barra de navegación (navbar) y al hacerlo descubren que queda un espacio vacío donde estaba la navbar y piensan que algo han hecho mal.
La realidad es que no han hecho nada mal ni se trata de un error, es simplemente que muchos de los diseños de esas plantillas así fueron hechas y pensadas, o sea que es parte de su diseño original, sólo que no habíamos notado que existía ese espacio porque la navbar estaba encima y nos tapaba ese espacio.
CON LA NAVBAR
SIN LA NAVBAR
Bueno, sin importar si es parte del diseño o no siempre me preguntan cómo quitar ese espacio en la parte superior de la plantilla, y en realidad es muy sencillo, sólo basta agregar un margen con valor negativo para que suba la estructura del blog.
Sólo hay que entrar en Diseño | Edición de HTML y agregar antes de ]]></b:skin> lo siguiente:
.content {
margin-top:-30px !important;
}
Y con eso se habrá subido la estructura de la plantilla desapareciendo ese espacio en la parte superior.
Este ajuste aplica para las plantillas Sencillo, Etéreo, Travel y algunos de Picture Window que son las que tienen estos espacios vacíos.
En el segundo estilo de la plantilla Picture Window el espacio es mayor por lo que se deberá aplicar un margen de -60px.
Ciudad Blogger
Excelente, aunque ya lo había hecho.
ResponderEliminarPotro, sabrias ayudarme en como dividir la cabecera del blog, no en dos, sino en tres partes?
En primer lugar, agradecerte mucho la ayuda extraordinaria que ha supuesto este blog tuyo para mí.Llevo realizando blogs durante un tiempo, para mis clases y mis alumnos y "chupando de tus conocimientos"...Muchas gracias.
ResponderEliminarSugerencia: para novatos como Yo, es cómodo usar la tecla F3 cuando estás en Diseño | Edición de HTML, al poner la palabra que buscas en la ventanita emergente aparece automáticamenete. Se gana mucho tiempo y vista....Un saludo
Estaba buscando algo como esto. Gracias, mi problema se solucionó.
ResponderEliminarQuizás sea un disparate...pero ¿sería posible eliminar en un blog la barra superior del navegador ,donde aparece la dirección del mismo?. Gracias..
ResponderEliminarUna consulta... en mi blog, que es este:
ResponderEliminarhttp://desolydelluvia.blogspot.com/
En la parte de abajo tengo enlaces a blog que recomiendo, pero se ven muy desordenados... ¿Tendrás un post o alguna recomendación? para que queden de una manera más... ordenada y armoniosa.
Gracias, aunque no me puedas ayudar jajaja... haz hecho mucho por mí... acumulo la deuda que tengo contigo.
Rocío.
Hola Harry,
ResponderEliminarClaro, sólo deja la pregunta en la entrada que corresponde agregando la dirección del blog donde deseas hacerlo para ayudarte con mayor facilidad.
Saludos.
Hola matiasascanio,
ResponderEliminarNo sabía que con F3 se podía hacer eso o.O?
Yo siempre uso las teclas CTRL+F, pero gracias por el tip.
Respecto a lo de la barra de direcciones sólo puede hacer al abrir una ventana popup, pero el blog en sí me parece que no hay modo.
Un saludo y muchas gracias por tu amable comentario.
Toptrucos/Emilio, gracias a ti por tu visita!
ResponderEliminarhola potro gracias por tu ayuda... como puedo eliminar el espacio o reducirlo entre la entrada y el sidebar de las plantilla nuevas.
ResponderEliminarHola OWNNER - CHEOFLOW - CONTACT : 829-303-6918,
ResponderEliminarComo mencioné en la entrada estos códigos son sólo para las plantillas hechas a través del Diseñador de plantillas de Blogger.
La tuya no es del Diseñador, pero igual puedes pegar el código del margen debajo de:
#outer-wrapper {
Saludos.
Genial!
ResponderEliminarGracias!
Llevo tiempo intentando ajustar mi blog al total de la página, es decir quitar los márgenes, es la plantilla simple nueva y creo que esto me servirá de ayuda, poniendo margin-left etc podré quitar todos los márgenes?
ResponderEliminarGracias por tu ayuda.
Rocío, una opción sería ponerlos de manera horizontal. Esto lo puedes hacer colocando los códigos uno detrás del otro sin dar saltos de línea. De esa manera se colocarán en forma horizontal.
ResponderEliminarFanatico, esa sí te la voy a deber, aún no sé tanto con estas plantillas :/
Potro me gusto mucho tu menu de arriba y lo quise probar asi que indague en tus codigos y lo extraje pero cuando lo pongo en mi blog para ver que tal donde deberai decir menu donde se despliega el menu no me baja no se porque
ResponderEliminara y disculpa si te molesta que te allá extraído el menú es solo para ver que tal se ve porque tengo un menu que me gusta mucho disculpa si te molesta eso
ResponderEliminarGracias Potro, lo estaba esperando.
ResponderEliminarUn saludo.
Quedo exelente Potro era mucho el espacio vacio yo uso la Picture Window.. muchas gracias por los trucos (:
ResponderEliminarSi no es molestia pasa por el blog y comentame que tal lo vez.. esta hechho gracias a ti ;)
ResponderEliminarSaludos
Sad! no me resulto!! queda igual...
ResponderEliminarALC Alicante Airport, pues no lo he intentado pero podrías probar guiándote con el ejemplo y quizás tengas suerte.
ResponderEliminarDexmax, más adelante compartiré cómo se hace ese menú pero por el momento tengo otras entradas pendientes por publicar.
Gorbeia, ojalá te sea de utilidad. Saludos!
A mí tampoco me resultó :( y tengo la plantilla Simple, mira http://valeriakarina.blogspot.com
ResponderEliminarJosé I. Cantú Alvarez, me alegro que todo haya salido como esperabas :)
ResponderEliminarRocío, según el código fuente de tu plantilla sigue teniendo saltos de línea y por eso se queda uno debajo del otro. Por si las dudas quizá quieras probar usando una tabla, es un poco más de código pero los resultados serán mejores.
VALERIAKARINA, no sé a qué te refieres porque en ese blog no hay ningún espacio en la parte superior del blog, o sea que lo veo completamente bien con el código que añadiste.
ok muchas gracias potro la verdad es que lo necesitaba para el viernes porque tengo un proyecto escolar y de verdad quiero poner ese menu en mi blog pero tendre que colocar otro,igual muchas gracias,esperare tu entrada
ResponderEliminarPD: soy dexmax pero estoy en la cuenta de mi novia
Excelente y útil truquillo Potro; lo apliqué en mi plantilla (que es básica) y con -15 me quedó perfecta. Gracias.
ResponderEliminarpotro me leíste la mente, hace unos días había quitado esa barra y ahora gracias a esta entrada ya pude eliminar ese espacio, muchas gracias.
ResponderEliminarYo sigo viéndolo con el espacio...qué raro ¿Será porque uso IE?
ResponderEliminarSí, sí, era por eso, pero he actualizado el código para que funcione en Internet Explorer; prueba con el código nuevo.
ResponderEliminarBuenisimo! :D
ResponderEliminarMuchas gracias
Hola Potro
ResponderEliminarEstaba haciendo unos pequeños cambios en la apariencia de los comentarios de mi blog cuando sin querer modifique una etiqueta y cuando probaba los comentarios me salia este error:
http://img163.imageshack.us/i/comentarioi.png/
Lo que yo queria era que el nombre del comentarista aparezca en negrita y que la imagen para las personas no registradas o anónimas sea una que yo eliga.
Gracias, Potro
Tampoco me funcionó con el código nuevo :(
ResponderEliminarPero muchas gracias por tu ayuda y amabilidad
Stuka,
ResponderEliminarMira esta entrada de Rosa que explica cómo poner una imagen distinta a los comentarios anónimos y no registrados:
http://elescaparatederosa.blogspot.com/2008/11/icono-delante-del-autor-del-comentario.html
VALERIAKARINA,
ResponderEliminarNo veo que hayas puesto el código nuevo en tu blog.
Prueba hacerlo otra vez, ese código lo he verificado con la misma plantilla que usas y sí ha funcionado sin problemas.
Muy bien potro desde lo mas complejo a lo mas sencillo, como cuantos anos tienes trabajando con los codigos y blogger?
ResponderEliminarPoco más de tres años, aun hay mucho por aprender :)
ResponderEliminarbuenísimo!!! ya lo pude hacer. una pegada realmente
ResponderEliminarAhora sí me funcionó!! Muchísimas gracias!!:) me ayudas tanto!
ResponderEliminarHola Potro: pasa por mi blog (http://gatopardo3puntoson.blogspot.com) hay algo para ti....porque siempre ofreces
ResponderEliminarGRANDES E INNOVADORAS soluciones.
Un saludo,
Te lo agradezco mucho Pat.mm recién vengo de verlo y me regreso con una sonrisa de oreja a oreja :D
ResponderEliminarSaludos!
Gracias Potro, Me encanta este blog
ResponderEliminarMe da gusto que así sea Stuka :)
ResponderEliminarFíjate que como me gustó como se aprovecha el espacio de arriba, pensé como podría quitar el espacio bajo la cabecera para que los pos quedaran más cerca. Igual aplicaría para el espacio entre las entradas y el footer.
ResponderEliminarPara tí ha de ser fácil; yo he intentado quitar algunos pix de paddin y margin del header y del footer y nada.
Gracias y que pases un buen fin de semana.
Para el espacio de las cabeceras se puede aplicar un margen que suba el contendor que contiene (valga la redundancia) el área de las entradas y la sidebar. Eso se hace agregando este estilo (en la plantilla Mínima que es la que usas):
ResponderEliminar#content-wrapper {margin-top:-30px;}
Sólo hay que revisar que en Internet Explorer esto no traiga un descuadre pues usualmente cuando se ajusta esa área Internet Explorer suele desalinear algo (cuando no...)
En el caso del footer ahí sí es casi una tarea imposible al menos en la plantilla Mínima.
Igualmente que tengas buen fin de semana.
Excelente, sin dudas eres un as. Justo lo que quería. Saludos.
ResponderEliminarHola Potro,
ResponderEliminarTe queria hacer una pregunta..
Como puedo dejar mas espacio entre La fecha y el titulo de una entrada?>
Un saludo y muchas gracias.
Tu seguidor fiel,
Jose
Hola Jose,
ResponderEliminarBusca esta parte de tu plantilla y agrega lo que está en negrita:
h2.date-header {
padding-bottom:20px;
Saludos.
Siiiiii!.. Funciona!.
ResponderEliminarMuchisimas gracias, Potro..
Te lo agradezco..
Tu seguidor fiel,
Jose
genial... te quiero preguntar si se puede hacer lo mismo pero ahora eliminar el espacio de abajo de la cabecera..?¿ saludos y sigue asi..;)
ResponderEliminarporcierto mi blog es este-->> http://www.tumultitec.blogspot.com
ResponderEliminarSupongo que sí debería de poderse:
ResponderEliminar.main-outer {margin-top:-30px;}
bien..si se pudo eliminar pero no el espacio q yo queria..xp pro = esta bn..xp
ResponderEliminaroie potrillo..xp pues quisiera preguntarte fuera d este tema..de como se puede modificar las pestañas de sidebar para que quede como el de esta pagina www.aplicacionesnokia5800.com saludos..;)
ResponderEliminarMira esta entrada.
ResponderEliminarSaludos.
Potro, excelente blog, me has servido de mucha ayuda para el armado de mi blog el cual es http://twoforcinema.blogspot.com , espero que te guste. Quisiera saber si queres intercambiar nuestros links para, mi blog en el tuyo y el tuyo en el mio, saludos amigo. Gracias por todo.
ResponderEliminarGracias twoforcinema aunque no participo en intercambios de enlaces, pero me da gusto que este sitio te esté siendo de ayuda para la creación del tuyo ;)
ResponderEliminarConsulta sobre esta temática. Mi blog tiene un espacio indeseado en la parte inferior. Creo yo que es un espacio que me da blogger para agregar un gadget. Pero yo quiero borrar ese espacio. Como puedo hacerlo? mi blog es hetunegri.blogspot.com debajo de la imagen notarás que sobra mucho espacio blanco. Eso quiero eliminar. Podrás ayudarme?
ResponderEliminarSi no tienes ningún gadget ahí es como si no tuviera nada, es decir que no te cuenta ningún pixel aun cuando el contenedor exista.
ResponderEliminarEsos espacios son parte "normal" de la plantilla pues es parte de los mismos contenedores, así que eliminarlos es casi imposible.
Bueno, gracias de todos modos!
ResponderEliminarMe quede pensando y por ahi esto sí se puede. Porque creo que lo que me deja ese espacio indeseado en blanco es el bloque de "añadir un gadget" que tengo en la parte inferior del blog. puedo eliminar este bloque? Porque cuando entro al sitio, puedo sombrearlo al pasar el cursor, y noto que hay espacio libre que podría ser borrado. Lo toma como si hubiera puesto parrafos vacíos. hetunegri.blogspot.com (fijate que debajo de donde dice unicorn birth::2011 queda demasiado espacio en blanco a comparacion con la cabecera. eso es lo que quiero eliminar)
ResponderEliminarPues quizá se reduzca un poco nada más. Si quieres quitarlo elimina desde <footer> hasta </footer>
ResponderEliminarNo me ha funcionado :( Al borrarlo incluso sigue apareciendo el bloque "añadir un gadget".
ResponderEliminarPues en una plantilla de prueba lo he hecho así y se han eliminado las áreas que dicen "Añadir un gadget" pero la verdad es que no se ha reducido ese espacio que mencionas pues como te decía, si no hay ningún gadget es como si no existiera.
ResponderEliminarLo que se me ocurre que puedes hacer es aplicar a esa área un margen superior con valor negativo para que lo obligue a subirse un poco.
Prueba poniendo debajo de .footer-outer { esto:
margin-top:-300px;
no tengo esa parte en mi plantilla. incluso hice click en expandir artilugios pero no está. de footer solo tengo esto
ResponderEliminar/* Footer
----------------------------------------------- */
#footer {
width:960px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
En que parte debería poner el codigo que me dijiste?
Disculpa, estaba con la idea de que usabas una plantilla del Diseñador.
ResponderEliminarEntonces puedes ponerlo debajo de #footer {
Lo probé pero no cambió nada. Igual deja. No es tan grave. Era de detallista. Te agradezco mucho, todo el sitio te lo debo a vos.
ResponderEliminargracias dios te bendiga me siervio de mucho te lo agradesco
ResponderEliminarBuenas tardes Potro.
ResponderEliminarPara mi el problema es que me queda el titulo debajo mismo de la nueva barra fija y queria bajarla un poco ( por motivos esteticos) con el fin de separarlos.
He probado dandole mas espacios a los top que encuentro ... y nada que sigue en su sitio...
Resumiendo , como hago para bajar el titulo y separalo de la barra superior en
http://nuevosparatos.blogspot.com/
Y como siempre.. AGRADECIDO DE ANTEMANO SANPOTROJOB ( hay que ponerte este titulo ).
Aqui en España se dice a los que tienen mucha paciencia ...
tienes mas paciencia que el Santo Job.
Prueba haciendo el mismo procedimiento pero en lugar de poner valores negativos pon valores positivos más altos, por ejemplo:
ResponderEliminar.content {
margin-top:60px !important;
}
Lo del alter ego se lo diré a mi ex novia porque a su opinión dice que lo que menos tengo es paciencia, jaja.
Saludos.
Gracias de nuevo, ya me funciono jeje....
ResponderEliminarHola, Potro.
ResponderEliminarIntenté aplicar el código que nos das, pero no me funcionó.
Pero me diste una pista para solucionar eliminar ese espacio perdido de las plantillas nuevas sin navbar y te lo pongo aquí por si sirve.
Busqué Margin Top en el HTML de la plantilla y vi que tenía asociados dos valores en pixels. El primero, "default" no hizo nada, pero el segundo "value" lo cambíe de 30px a -20px, consiguiendo el efecto deseado.
Muchas gracias por darme la pista para hacer que mi blog se vea más bonito.
Un saludo.
Saludos amigo, me paso como comenta el amigo Valentín, seguí la sugerencia que el dejo y guala! desapareció ese espacio, gracias a todos ustedes, mi blog se ve ahora de la siguiente manera http://geologiavenezolana.blogspot.com/
ResponderEliminarQué gusto que al final todo salió bien ;)
ResponderEliminarSaludos Rafael.
hola Potro
ResponderEliminarmuchas gracias por este tutoria
este blog esta completo ^^
Gracias a ti Mausic por tu visita.
ResponderEliminarhuaaaaaaaaaaaajajajaja, llore cuando vi ke desaparecia es maldito espacio de mi blog, tras un par de semanas buscado solucion a mi problema, depues de intentar miles de formas distintas, tras visitar cientos de blogs, porfin un truco k funciona!!!!!!!,
ResponderEliminargracias!
Qué gusto que te ha servido Robin11-2-93, y que al fin pudiste eliminar ese espacio :)
ResponderEliminarHola potro, espero estes bien, y buen trabajo dandonos unos trucos y consejos para nosotros los novatos. Mira, tengo un problema con mi Blog, la direccion es esta:
ResponderEliminarhttp://enlavidadehakuu.blogspot.com/
Como puedes ver, hasta abajo de este me aparecio un gran vacio, y no importa lo que intente, no puedo quitarlo, pero lo mas extraño es que Solo sucede este problema en Internet Explorer y Firefox, pero no en Opera.
Quisiera saber si podrias ayudarme por favor, y de antemano gracias!
Hola Hakuu Aikawa,
ResponderEliminarRevisa la plantilla, por esa área tienes unos gadgets de AdSense y parece que una tabla HTML, esos dos elementos son los que generan ese espacio, si los eliminas desaparecerá.
Saludos.
Este comentario ha sido eliminado por el autor.
ResponderEliminarTe parecera raro, pero paso esto:
ResponderEliminarEntre a editar la plantilla en "Elementos de pagina" y no me aparecia nada, hice lo mismo en IE y Firefox, y no aparecia nada.
Ahora mismo, lo volvi a intentar, y extrañamente, me aparecieron los AdSense que me estaban causando los problemas, asi que los removi y me soluciono el problema, mas el contador de visitas me mostro UNDEFINIDED, lo movi de lugar, y se reparo... Extraño, no crees?
De igual forma, muchas gracias por tu ayuda y espero estes muy bien.
Y el comentario anterior, lo borre por una falta de ortografia xD
Extraño, pero qué bueno que finalmente ya has podido solucionarlo. Saludos!
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminar...me kachis... no me salió, lo que pasó es que subió la cabecera del blog y se super-puso con la barra...la verdad es que debe de ser fácil pero yo soy un poco desastre en estos asuntos. De tus consejos he probado alguno de lo facilitos, el resto del tiempo leo tus entradas y ando perdidaaaaaa en este oceano de información.
ResponderEliminarMe gustaría poner la opción impresora, tu me puedes decir algo.
Gracias!
No te preocupes, con el tiempo irás entendiendo más los códigos y cuando menos te des cuenta sabrás manejarlos a tu antojo ;)
ResponderEliminarSobre la opción de imprimir mira esta entrada:
http://ciudadblogger.com/2009/02/agregar-opcion-de-imprimir-post.html
Saludos!
N-O-P-O-D-E-S-S-E-R-T-A-N-C-A-P-O!!!!!!!!
ResponderEliminarGracias gracias gracias!!!!
Gracias a ti por tu visita!
ResponderEliminarNo me funcionaaa :( puedes ayudarme? http://silkvenezuela.blogspot.com/
ResponderEliminarNo veo ningún espacio de sobra, pero tampoco que uses una plantilla del Diseñador de plantillas.
ResponderEliminarGracia me ha quedado muy bien
ResponderEliminary para eliminar el espacio inferior y quede la plantilla igual arriba y abajo como se hace, que esa parte me a dado dolores de cabeza XD my buen blog de ayuda el suyo
ResponderEliminarDe la misma forma, sólo agrega ahí mismo debajo de:
ResponderEliminarmargin-top:-30px !important;
Esto:
margin-bottom:-40px !important;
muchísimas gracias por la ayuda
ResponderEliminarHola Potro, ¿se podría hacer esto mismo en el pie del blog?; En resumidas cuentas, me gustaría algo similar a como lo tienes tu. (el mismo margen libre abajo que arriba).
ResponderEliminarUn saludo.
Hola Vindi, mira dos comentarios arriba del tuyo, ahí está la indicación para eliminar espacio en la parte de abajo.
ResponderEliminarHola Potro, lo que quiero es que haya un eapacio abajo igual que lo tengo arriba de la cabecera ahora mism. Como te decia antes, igual que lo rienes tu.
ResponderEliminarPerdona Potro el mensaje anterior lo escribí desde el móvil, y me he colado con las letras.
ResponderEliminarComentaba, que lo que quiero es tener espacio abajo, osea el efecto contrario al de los comentarios de arriba.
Me gustaría que exista un margen similar al que tu tienes (por ejemplo).
El mismo espacio libre que tengo arriba ahora mismo, me gustaría tenerlo abajo.
Prueba de la misma forma pero a la inversa, es decir, que el valor del margen no sea negativo:
ResponderEliminar.content {
margin-bottom:40px !important;
}
Potro, esto mismo lo intenté antes de consultarte y no resultó (algo haría mal), pero ahora ha funcionado perfectamente.
ResponderEliminarMuchísimas gracias;
Un abrazo genio.
Posiblemente la primera vez que lo pusiste faltó un cierre o algo. Qué bueno que ya está resuelto :)
ResponderEliminarHola de nuevo Potro, estoy haciendo pruebas pero no consigo subir un poco más la zona de abajo del todo "el vigilante de seguridad" ¿Cómo puedo hacerlo?. Quería un pequeño margen igual que lo tienes tu, para probar una temporada si me gusta.
ResponderEliminarUn saludete.
Hola Vindi,
ResponderEliminarPara subir el contenido del blog que está debajo de la cabecera sólo tienes que agregar debajo de:
.main-inner .columns {
Esto:
margin-top:-20px;
Hola, lo que quiero subir es lo de abajo del pie de la página. Al igual que tienes tu "ciudadblogger".
ResponderEliminarAhí mismo en el DIV donde tienes encerrados los créditos puedes ponerle en los estilos, después de text-align:center; un padding, por ejemplo:
ResponderEliminarpadding-bottom:15px;
Sino resulta quita de nuevo el script que deshabilita el botón derecho para que haga mis pruebas desde acá.
Potro ha resultado perfecto.
ResponderEliminarEres genial, ¡¡Mil Gracias! :)
Potro necesito tu ayuda! quise hacerlo pero achicando el espacio inferior, ya que el superior ya lo habia hecho (gracias a tu tutorial obvio) pero ahora antes de la etiqueta ]]> me sale esto: #Attribution1 {display:none; visibility:hidden;}.content {
ResponderEliminarmargin-top:-0px !important;
}table#RedesSociales{
position:fixed;
top:320px;
left:6px;
z-index:200;
Que paso? Me ayudas?
antes de esta etiqueta quise decir, se me corto. ]]>
ResponderEliminarSe corto de nuevo! Uff no entiendo mas nada!!!
ResponderEliminarEs que ya antes habías agregado ahí otros estilos, en ese caso parece que eliminaste los créditos de la plantilla y agregaste los botones de las redes sociales, por eso te aparecen esos códigos ahí. Pero no importa sólo agrégalo cuidando no eliminar nada al ponerlo.
ResponderEliminarNo me salio. Puso abajo de esto: margin-top:-60px !important; esto: margin-bottom:-60px !important; pero no cambio nada... era ahi donde lo tenia que poner?
ResponderEliminarEn ninguno de mis dos blogs me sale lo de achicar la parte inferior,que raro...porque con la parte superior me salio de una, sin ningun problema .(
ResponderEliminarEn ninguno de tus dos blogs veo que tengas ese código. ¿En cuál lo has puesto y cuál es exactamente el código que has usado?
ResponderEliminarLo puse y al ver que no cambiaba nada lo saque de nuevo. Lo puse debajo de .content {
ResponderEliminarmargin-top:-30px !important;
}
Lo veo pero está en -0px y no en -30px
ResponderEliminarPon ese valor, sino te resulta entonces prueba ponerlo arriba de:
/* Headings
----------------------------------------------- */
Me debes odiar con tantas preguntas, pero no entiendo lo que me decis... Ahora me decis que lo ves al codigo pero yo lo saque asi que no se bien a que te referís. En que parte específicamente de mi plantilla tengo que poner el código? Y perdon de nuevo!
ResponderEliminar/* Headings
ResponderEliminar----------------------------------------------- */ No aparece en mis plantillas...
Hola Bren,
ResponderEliminarSe vuelve confuso cuando no especificas el blog donde pones los códigos. Yo lo he visto en Cerquita Mío, el código que tienes es este que te digo que está en 0px:
#Attribution1 {display:none; visibility:hidden;}.content {
margin-top:-0px !important;
}table#RedesSociales{
position:fixed;
top:320px;
left:6px;
z-index:200;
}
La otra línea que te digo sí está, está en todas las plantillas hechas con el Diseñador de plantillas de Blogger.
Saludos.
disculpa potro pero este codigo a mi no me funciono correctamente: mi blog :http://coloombia.blogspot.com/ gracias!
ResponderEliminarsolo la primera parte
ResponderEliminarotra pregunta como hago para quitar espacios entre gagets??
gracias de nuevo
Hola EDGER,
ResponderEliminarEs que en los estilos tienes unos caracteres que invalidan lo demás:
_______________________________
barra
_________________
Elimina eso para que funcione. Aquí hay más información al respecto:
http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html
Potro: Encontre finalmente la linea que decis: /* Headings
ResponderEliminar----------------------------------------------- */ y lo puse arriba de eso y no pasa nada.
Modifique el valor en la linea margin-bottom:0px !important; probe con 40, con 60, con -40 y con -60. Si subo el valor el margen se agranda, pero si lo bajo no cambia nada. sera que no se puede "achicar" mas? las pruebas fueron en el blog http://www.cerquita-mio.com.ar/
Pues sigo viendo el código en el mismo lugar, así que no sabría decirte.
ResponderEliminar¿Qué quieres achicar, la parte superior de la plantilla, o la de abajo?
Y donde lo tengo que poner??? Puse margin-bottom:-40px !important; abajo de margin-top....
ResponderEliminarQuiero achicar la parte de abajo. Me quedan las letras super arriba :(
Ah ok, ok, es que parece que teníamos ideas diferentes. Ese código que te estaba dando es para las plantillas que tienen un espacio "vacío" abajo, y con eso se sube, pero en la tuya no es un espacio vacío, así que el procedimiento es otro.
ResponderEliminarAgrega antes de ]]></b:skin> esto:
.content-outer, .region-inner {margin-bottom:-40px !important;}
Ahora si, con razon no nos entendiamos!:P
ResponderEliminarIgual tuve un problemita...puse el codigo con el valor que decis, pero se me "levanto" el contenido del blog y se me encimo con la imagen de la cabecera :( ahora deje el codigo con 0px (que no modifica nada) asi lo ves y si se puede hacer algo. Gracias! Y no me odies en serio!!!
Jajaja, no hay razones para odiarte, de eso se trata este blog, descuida ;)
ResponderEliminarProbemos entonces cambiado esa línea por esta otra:
.footer-fauxborder-left {margin-bottom:-40px !important;}
Ahora siiiiiiiiiiiiiiiiiiiiiiiiiiiii! Gracias!!! Siempre me salvas! Y mil gracias por la paciencia, en serio. es que a veces me cuesta explicrte bien por escrito cual es el problemita :P Un abrazo!!
ResponderEliminarAhora lo quise hacer en mi otro blog http://www.amosermama.com.ar/
ResponderEliminary no...lo mismo, me deja subir las letras pero no bajarlas... Igual me quedo re tranqui que vios me lo vas a solucionar seguro! :)
En ese blog probemos con esto:
ResponderEliminar.footer-inner {
padding-top: 0px;
padding-bottom: 0px;
}
No cambio nada. lo deje puesto igual asi chequeas si lo puse bien. Potro a vos te carga lento mi blog Amo ser Mama?
ResponderEliminarY tengo otra consulta: En Cerquita Mio agregue una imagen arriba de la cabecera y me aparecieron unas lineas grises que antes no estaban... Tenes idea como las saco? busque la opción desde el diseñador de plantillas pero no encontré la manera. quiero que se vea blanco el fondo. Gracias de antemano!
ResponderEliminarPues yo ya lo veo sin ese espacio alrededor del texto, a menos que te refieras a otro espacio.
ResponderEliminarLa imagen que dices no la he visto, y el blog me carga como siempre, quizá ande lenta tu conexión.
Saludos.
Tal vez no se entendio porque te hable de los 2 blogs... "En cerquita mio" puse arriba de la cabecera (que son fotos ahora) una imagen con el nombre del blog, y si ves a los costados de ambas (nombre del blog e imagenes de cabecera) aparecio un color gris. antes no estaba asi.
ResponderEliminarCon respecto al blog que carga lento es "Amo ser mama" y me lo dijeron varios... tal vez tengo muchas cosas en las sidebar :( y en ese blog es que no pude lograr que el texto del margen inferior quede mas abajo, como si pudimos conseguir en el otro blog.
Te debo marear porque te hablo de varias cosas. perdon! Saludos!
Gracias por los detalles, así me es más fácil entender :)
ResponderEliminarEn "Cerquita mío", busca en tu plantilla debajo de:
.tabs-outer {
una línea que empiece por:
background:
Y elimínala, eso deberá quitar ese fondo gris, aunque desaparecerá ese efecto de sombreado que tiene el menú, pero es necesario hacerlo.
El blog "Amor ser mamá" me sigue cargando rápido, pero si de todas formas puedes eliminar lo que no necesites será mucho mejor.
Saludos.
Quedo genial!!! Muchisimas gracias Potro!
ResponderEliminarAhora en Amo ser Mama, habrá algun otro codigo para probar si se pueden bajar el texto de abajo? Como me quedo en Cerquita Mio o como lo tenes vos: Las letras pegaditas al borde inferior. Saludos!
ResponderEliminarPodría reducirse el espacio, pero si se hace de creará un espacio vacío debajo y ese no creo que se pueda subir :/
ResponderEliminarNo se si entendi bien como quedaria...pero probemos no? Siempre se puede deshacer :)
ResponderEliminarTal vez sí se pueda arreglar (tal vez), probemos así:
ResponderEliminar.footer-inner {
height: 90px;
}
.content {
margin-top:-30px !important;
}
A donde lo pongo el codigo? y tengo que sacar algo de lo que ya puse?
ResponderEliminarNo, no tienes que sacar el otro, este es independiente pues es para modificar otra cosa.
ResponderEliminarTodos los estilos como el que te di van siempre antes de ]]></b:skin>
no...no sale... Se achica lo que seria la caja esa pero las letras siguen en el mismo lugar...
ResponderEliminarA eso me refería con que se haría más chica pero que no quedaría bien todo lo demás :/
ResponderEliminarHola Potro, me gustaría reducir el espacio de arriba, para que sea exactamente igual que el de pie de página.
ResponderEliminarAntes de ]]> tengo este código para el margen de abajo:
}.content {
margin-bottom:2px !important;
Para reducir el margen de arriba, ¿como hago?
Hola Vindi,
ResponderEliminarJustamente esta entrada intenta explicar eso, cómo quitar el espacio de arriba.
Potro no quiero quitar el espacio, solo reducirlo.
ResponderEliminarNo se como hacer, para poner el mismo espacio que tengo en el pie de la página.
He probado también a poner los códigos que indicas, y no veo ninguna modificación al darle a vista previa.
ResponderEliminarEs igual sólo que con otro valor, por ejemplo, en esta entrada dice que le pongas un margen superior de -30px, eso hace que la plantilla se suba -30px arriba, pero sino quieres que suba todo entonces sólo debes usar un valor más pequeño, por ejemplo -10px
ResponderEliminarSi lo pones y no queda, guarda los cambios y me avisas para que le eche un ojo y vea qué pudo haber sucedido.
Ya lo tengo Potro, cuando puedas le echas un vistazo, he colocado el valor -10px, "no aparece ningún cambio"
ResponderEliminarEs que al ponerlo has eliminado la llave de cierre de los estilos de arriba y eso ha hecho que se invalide. Mira esta entrada:
ResponderEliminarhttp://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html
Potro lo estoy mirando, pero veo todas las llaves cerradas, no logro encontrar ninguna que le falte el cierre.
ResponderEliminar¡¡Potro, creo que ya lo tengo!!
ResponderEliminarAl menos ya veo los margenes de igual medida, debe ser que ha funcionado.
Muchas gracias.
Potro tengo este código para reducir el margen del pie de página, pero he comprobado en vista previa que si no lo pongo, sigue respetando el margen que quiero, ¿no es necesario ponerlo?
ResponderEliminar.content {
margin-bottom:2px !important;
}
Ya veo que arreglaste lo de la llave de cierre :)
ResponderEliminarEl otro, si has visto que no es necesario quítalo, pero si ves que no queda como quieres lo pones de nuevo.
Buen fin de semana.
Ok Potro. Muchas gracias, que lo pases muy bien ;)
ResponderEliminarHola! He podido arreglar la plantilla pero no puedo arreglar el texto que tengo publicado. Me hago un lío y no tengo ni idea de cómo editar el html para suprimir el espacio que queda entre el título y el texto una vez está publicado.
ResponderEliminarMuchas gracias!!
Hola Melba,
ResponderEliminarEse espacio está ahí mismo dentro de la entrada. Si ingresas a editarla y miras no en la pestaña Redactar sino en la de Edición de HTML verás que antes del texto aparecen códigos con espacios, si los eliminas se resolverá el problema.
Saludos.
Saludos Potro, cosa rara, el código que diste sólo me funcionó en un blog y en el otro por más que lo intenté nada... sin embargo lo he solucionado con lo que dice Valentin VN en el comentario 73.
ResponderEliminarGracias a todos por compartir.
Esa es la maravilla de los comentarios, que la información sigue creciendo y sirve de ayuda a otros :)
ResponderEliminarYo sigo con mi margen inferior rebelde en mi blog Amo ser Mama...Lo quiero sacar al demonio! (perdon por la expresion) No se puede sacar directamente Potro? Ni siquiera puedo ponerlo del color de las sidebar. :(
ResponderEliminarCambiarle el color de fondo sí, agregando estos estilos donde siempre:
ResponderEliminar.footer-outer {
background: #A76A9B !important;
}
Genial, por lo menos pude ponerlo del mismo color que la sidebar. Potro vos sabes como puedo averiguar cual es el codigo de color ese? el que me quedo ahora y que tenia en la sidebar. Porque no es el color del codigo que yo elijo en el diseñador de plantillas, no se si me explico, pero mi plantilla es media rara con los colores.
ResponderEliminarPues ese es el color que aparecía en tu plantilla. Lo que pasa es que al mismo tiempo hay una imagen negra transparente, por eso antes se vería más oscuro.
ResponderEliminarSi lo pones así verás que se oscurece el color:
.footer-outer {
#A64D79 url(http://www.blogblog.com/1kt/travel/bg_black_50.png) repeat scroll top center !important;
}
y se puede sacar esa imagen negra transparente? eso es lo que me molesta, y hace que los colores no sean los que son.
ResponderEliminarSí, pero recuérdame cuál plantilla usas para decirte qué eliminar.
ResponderEliminarCreo que es picture windows, si mal no recuerdo...donde me fijo para estar segura?
ResponderEliminarDentro de la Edición de HTML de la plantilla dice el nombre, pero tú lo has eliminado.
ResponderEliminarNo parece ser la Picture Windows, tiene más cara de una Viajes; intentemos con esto.
Busca esta parte, (si es que la tienes) y elimina lo que está en negrita:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
margin-left: $(content.padding);
background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left ;
}
.main-inner .column-left-inner {
margin-right: $(content.padding);
}
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
margin-right: $(content.padding);
background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left ;
}
Sos un genio Potro! y tenias razon, era la que vos decias :) Ahora como hago lo mismo con el fondo de las pestañas y la parte de abajo (que no se como se llama) Para sacarle ese color negro transparente tambien :)
ResponderEliminarEsa parte está aquí:
ResponderEliminar.tabs-inner .widget ul {
padding: 0;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center ;
}
Genial! ahi pude modificar el color de las pestañas, falta la parte de abajo nada mas. se puede?
ResponderEliminarEs verdad, me equivoqué de área entonces. Cambia esto:
ResponderEliminar.footer-inner {
background: transparent $(footer.background.gradient) repeat scroll top center;
}
Por esto:
.footer-inner {
background: #A64D79;
}
no me sirvio D: http://mtvmundial.blogspot.com/ lo coloque donde dijiste , sucede algo?
ResponderEliminarLo que no consigo es poder elegir que la pestaña seleccionada quede transparente, es decir, que quede del mismo color que las demas. Y prometo que no hincho mas :)
ResponderEliminarJordan Lyrics, sí, sucede que como dice al inicio de la entrada, el truco es para plantillas hechas a través del Diseñador de plantillas de Blogger.
ResponderEliminarBren, no he entendido, ¿quieres que la pestaña seleccionada no tenga la imagen negra semitransparente?
ResponderEliminarEso se quita acá:
.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
position: relative;
z-index: 1;
background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
color: $(tabs.selected.text.color) ;
}
Ay Potro no se como agradecerte! Sos un idolo !!!!
ResponderEliminarCon tu visita es más que suficiente ;)
ResponderEliminarBuenas noches (para mi) Potro, te cuento, no consigo que el borde superior sea igual en la página del blog y en las páginas estáticas. Si ves el blog y luego entras en cualquiera de las pestañas verás lo que pasa con la parte superior.
ResponderEliminar¿Doctor, esto tiene solución o tengo que seguir consumiendo aspirinas para dar con ello?
Espero tus noticias agarrado al frasco.
Ahora en serio, gracias como siempre.
Patapalo
PD. ¿Cómo va todo en la vida? espero que bien. Saludos.
Perdoooooonnnn, el blog es:
ResponderEliminarwww.traderpirata.com
Ejem! el alzheimer, ya sabes .....
Estimado paciente,
ResponderEliminarMe temo que deberá seguir tomando aspirinas con la debida precaución de no exceder más de la dósis recomendada, o quitar el Intro del blog, ya que es éste el que causa que la portada pierda ese espacio superior; esto es porque el Intro tiene la instrucción de eliminar esos espacio a razón de que cubra por completo la pantalla del navegador, de lo contrario habría partes del blog que serían visibles estando en el Intro.
Saludos!
Estimado doctor,
ResponderEliminarGracias por su diagnóstico. Comprendo que mi dolencia se va a convertir en una enfermedad cronica pero lo asumo con santa resignación.
Reciba muchos recuerdos de este paciente que le admira.
Saludos y ....... !abajo los curanderos¡
Patapalo
Hola Potro,
ResponderEliminarEn primer lugar, decirte que te sigo desde hace mucho, y quería darte las gracias por todo lo que me has enseñado ;)
Y ahora mi consulta, que no está relacionada con esta entrada, pero no encontré otra forma de contactarte, espero no te importe.
El caso es que tengo un blog abandonado desde hace mucho, pero se actualiza solo casi diariamente, es decir, escribe entradas en mi nombre, suelen ser reseñas hacia otras webs... Tengos varios blogs en blogger y sólo me sucede con ese, ¿qué puede ser? Dudo que sea un intruso porque no he visto nada raro salvo eso.
Gracias de antemano por tu tiempo
Patapalo, "!abajo los curanderos¡" jajajajajaja qué carcajada me has sacado :D
ResponderEliminarAdmin, qué gusto que seas seguidor de este blog de tiempo atrás :)
ResponderEliminarEl blog no puede actualizarse solo, es probable que tiempo atrás hayas hecho autor o administrador a otro usuario y sea él quien está redactando esas entradas. Entra en Configuración > Permisos, y ahí verás si hay otro autor, en caso de que lo haya puedes eliminarlo si ya no deseas que él participe en el blog como autor.
Saludos.
Hola soy yo de nuevo, te habia mandado un mail pero me salio como que falló el envió asi que no estoy segura de que te haya llegado por las dudas te comento acá.
ResponderEliminarMira estoy haciendo este blog http://alegriahogar.blogspot.com/
El problema que estoy teniendo es que cuando hago click en una sección del menu de pestañas la cabezera (que ahora lo tengo con un fondo negro) y el menu de pestañas se bajan, lo notás? porque pasa eso? probe de todo pero no sale :(
Este comentario ha sido eliminado por el autor.
ResponderEliminarAhi recibí tu respuesta! jaja bueno al parecer si llegó el mensaje jaja.
ResponderEliminarSe solucionó! te agradesco mucho!
Ahora tengo un nuevo dios al que adorar...DIOS POTRO! jajaja
Jajaja, eso no Curu-Curu o tendré que empezar a pedir sacrificios humanos :P
ResponderEliminarQué bueno que sí resultó el código que te di.
Saludos!
tarde mucho para encontrar este truquillo, gracias
ResponderEliminarTarde pero seguro Aarón ;)
ResponderEliminarSaludos.
Gracias me sirvio de mucho quedo asi, http://www.nba4players.com/
ResponderEliminarGracias ya me estaba preguntando si se podia hacer eso.. :D
ResponderEliminarPor suerte que has caído en esta entrada :)
ResponderEliminarGracias me ayudo mucho, pero me podrias ayudar ahora debajo del banner quiero hacer lo mismo, reducir el espacio, entre el bannner y el cuerpo donde se escriben las entradas. saludos
ResponderEliminarAgrega igual este código para reducir el espacio entra la cabecera y todo lo de abajo:
ResponderEliminar.main-outer {margin-top:-30px;}
Hola Potro, intento poner el codigo que indicas pero no hace nada, quiero eliminar el espacio en blanco que hay en la parte superior de la cabecera, te dejo mi blog:
ResponderEliminarhttp://networkmarketing-vicente.blogspot.com
Gracias por tu atencion y un saludo
Hola Vicente,
ResponderEliminarComo claramente se menciona en la entrada, este método es únicamente para plantillas hechas con el Diseñador de plantillas de Blogger. En tu caso, el código que debes poner es este:
.span-24, div.span-24 {display:none;}
Saludos.
Hola Potro, gracias por tu respuesta, pongo el dato que me indicas y me sube la imaqgen de cabecera hacia arriba, hasta ahi todo perfecto, el problema es que me ha desaparecido la barra de menus que tenia debajo de la cabecera, me puedes ayudar para que vuelva a aparecer la barra?
ResponderEliminarhttp://networkmarketing-vicente.blogspot.com
un saludo
ups, disculpa Potro no me habia fijado antes, tambien me ha desaparecido el pie de pagina que lo tenia divido en 3 columnas
ResponderEliminarEntonces en lugar de ese código pon este:
ResponderEliminar.span-24, div.span-24 {
margin-top: -40px !important;
}
Saludos!
Gracias Potro me sirvio ahora si queda bien, una consulta, el cuadro de busqueda de adsesnse es un gadget que me ocupa todo el ancho del blog 990px, quiero poner al lado izquierdo del cuadro de busqueda la fecha (05 de Diciembre de 2011) y al lado derecho del cuadro de busqueda los botones de las redes sociales para que me puedan seguir (RSS,twitter,facebook,youtube) me podrias explicar como hago esto.
ResponderEliminarhttp://networkmarketing-vicente.blogspot.com
Gracias y un saludo