Blogger ha hecho algunos cambios en el CSS que agrega de manera automática. No sé cuales son con exactitud pero, uno que es evidente es el que afecta a los íconos de edición; la imagen que se agrega debajo de cada widget y que sólo es visible para el administrador del blog:
http://www.blogger.com/static/v1/widgets/XXXXXXXXXX-widget_css_bundle.css
No es nada grave, sólo afecta la parte estética y en lo personal los mantengo siempre ocultos porque me molestan a la hora de nodificar la plantilla o hacer alguna clase de ajuste. Para eso, utilizo una serie de enlaces que me permiten acceder a un panel de control organizado según mis propias necesidades.
Lo que Blogger ha hecho es agregar propiedades a ese ícono, reduciendo su opacidad y estableciendo un margen tal que ahora se superpone levemente con el widget mismo.
http://www.blogger.com/static/v1/widgets/XXXXXXXXXX-widget_css_bundle.css
No es nada grave, sólo afecta la parte estética y en lo personal los mantengo siempre ocultos porque me molestan a la hora de nodificar la plantilla o hacer alguna clase de ajuste. Para eso, utilizo una serie de enlaces que me permiten acceder a un panel de control organizado según mis propias necesidades.
Lo que Blogger ha hecho es agregar propiedades a ese ícono, reduciendo su opacidad y estableciendo un margen tal que ahora se superpone levemente con el widget mismo.
.widget-item-control {
float: right;
height: 20px;
margin-top: -20px;
position: relative;
z-index: 10;
}
.widget-item-control a {
opacity: .5;
}
.widget-item-control a:hover {
opacity: 1;
}Como dije, esto no afecta en nada a la forma en que los visitantes ven el blog pero, nada impide modicarlo; para eso basta agregar las reglas de estilo en la plantilla y sobrescribir las propiedades usando !important o agregarlo después de <body>:
<style>
.widget-item-control { ....... }
.widget-item-control a { ....... }
.widget-item-control a:hover { ....... }
</style>
21 comentarios:
JMiur yo por aquí te nuevo dando lata, esta vez tengo un problema con los gadgets resulta que cada vez que quiero agregar un elemento HTML/JavaScript que se inicie con script (style="text/javascript") y termine en (/script) cuando le doy a guardar me aparece en la parte superior GUARDANDO... y sólo pasa eso pueden pasar horas y el gadget no se guarda... Por qué ocurre esto? Como sabras esto me impide colocar algunas cosas interesantes por ejemplo el script de últimas opiniones no lo he podido agregar. Por cierto mi navegador es Mozilla Firefox 3.6.9 y tengo activa la opción Permitir JavaScript, con Internet Explorer también me ocurre lo mismo... Qué puedo hacer?
Hola JMiur, estoy teniendo un inconveniente con los marcos para las fotos que coloco en las entradas, es como que las fotos se meten debajo del sidebar y se pierde un costado de marco, si puedes pasar a ver y orientarme ya que no doy pie con bola. gracias
Saludos
Pozo:
Probablemente, porque hay un error en al regla de estilo:
background: url(http://img685.imageshack.us/img685/698/cabeceraplanetagrandt.png)no-repeat;
falta un espacio de separación entre el cierre del paréntesis y la palabra no-repeat
Master1982:
Eso l opuedes ver en esta entrada.
Albus Dumbledore:
No sabría decirte. No debería haber problema alguno; en todo caso, lo único errado es que no es style="text/javascript" sino type="text/javascript"
www.santoverdinegro.com:
No veo nada de eso en este blog http://www.santoverdinegro.com/
Muéstrame un ejemplo a ver si descubrimos el problema.
Jmiur te envie un mail con ejemplos graficos.
Saludos
gracias
www.santoverdinegro.com:
OK, ya entiendo a qué te refieres.
Lo que ocurre es que la columna donde están las entradas tiene definido un ancho de 595 pixeles:
#main-wrapper {
......
width:595px;
}
A eso, le debes restar paddings y márgenes así que quedan unos 583 pixeles y como algunas de las imágenes son más grandes que eso, se cortan porque no hay sufiente espacio para mostrarlas.
La solución de fondo es empelar imágenes que no superen cierto ancho y, para resolverlo de manera automática, podrías agregar algo en el CSS, si buscas esta parte:
.post img {
..................
max-width:575px !important;
}
Con max-width le estamos diceindo que cualquier imagen colcoada en una entrda no supere ese tamaño y que si lo hace, se redimensione. Los 575 son un valor aproximado ya que también hay que restarle el padding y el borde del marco pero, puedes cambiarlo e ir probando valores.
JMiur, ecxelente, pasa por el sitio y fijate, quedo muy bien, Como siempre gracias.
Jmiur esto es lo más EXTRAÑO del mundo, puedo agregar cualquier Gadget pero ninguno tipo 'Script' estoy intentando agregar este pero no pasa nada, NO LO GUARDA, te envio el código de mi plantilla para que por favor le eches un ojo a ver si hay algo en ella que me impida colocar los gadgets de tipo script... Te advierto que mi plantilla es un desorden total... Te voy a enviar a tu correo mi usuario y contraseña para ver si a ti te lo deja agregar... Espero por favor me ayudes...
Albus Dumbledore:
Entrar a otra cuenta es algo que no voy a hacer. De todos modos, eso que te pasa no puede ser problema de la plantilla ya que ahí, no puede haber nada que impida agregar un gadget de ningún tipo siempre que la opción esté disponible en la pantalla de diseño.
En todo caso, puedes fijarte si hay secciones o widgets bloqueados y para eso, basta que mires el código HTML sin expandir y busques cosas como locked='true'; si las encuentras colócalas como locked='false'.
Hola. A ver si me puedes ayudar con este tema. Personalmente he puesto el código básico en un widget debajo del menú que tengo, pues de momento l que quiero es eliminar el navbar. Veo los enlaces, pero todos aquellos que tienen el ID con la numeración no funcionan. Se copian con el ID en mayúscula, pero cuando guardo en widget cambian a minúscula, no sé tiene algo que ver para que no funcionen los enlaces. He intentado poner el código que indicas en la plantilla, pero la mía no tiene div id:'content-wrapper'. Cosa de las nuevas plantillas?. Supongo que habrá algun lugar dónde poner el código para que se coloque al principio de la página. Gracias por compartir tus conocimientos. Empar
Empar:
Supngo que te refieres a poner una barra de Administración pero ¿en que blog la has colocado?
Perdona, pero puse el comentario en esta entrada. Efectivamente me refiero a los enlaces para acceder al panel, pues quiero eliminar el navbar. Estaba intentando ponerlos en este http://historiaenpresent.blogspot.com/ y si me aclaro ya lo hago en otro. He puesto el código html en un widget (para tenerlos al principio de la página) copiando el número en cada enlace, pero no funcionan porque al guardar el widget, las letras ID las cambia a minúscula (los otros enlaces que no llevan estas letras, sí funcionan). Entonces aparece el error de página con encontrada. Cambio en la barra las minúsculas por mayúsculas y aparece la página. Es por eso que deduzco que se debe a lo que te comento. Bien, no es urgente (ni necesario, diría) y con la diferencia horaria que tenemos (y de estación), puede esperar. Gracias por tu atención.
Entiendo y sí he escuchado quejas respecto a que a veces, en un elemento HTML, cuando se escribe un enlace donde hay mayúsculas, este cambia a minúsculas.
No he logrado reproducir ese error, no debería ocurrir y claro, si eso cambia, el enlace no funcionará. Muchos me han dicho que lo mismo les ocurre con las etiquetas. Lo que no sé es por qué ocurre.
Una posible solución es escribir directamente el código en la plantilla. Si buscas el widget que has agregado, eliminas esto:
<data:content/>
y en su lugar colocas el código de los enlaces.
A veces me hartan en sobremanera, pero de que son útiles; lo son.
Sobre el código de enlaces para acceder al panel, gracias. Intentaré ponerlo en la plantilla pero en la mia no hay div id='content-wrapper' y no sé dónde ponerlo para verlo al principio de página.
Puede ponerse donde quieras, por ejemplo, podrías ponerlo justo antes o después de esto:
<div class="main-outer">
o agregar un elemento HTML desde Diseño, ubicarlo y luego, usar ese elemento.
La ubicación no influye para en nada en su uso. En ese sentido, es lo mismo cualquier lado.
Hola GMiur te envie un par de graficos por un problema sobre mi menu horizontal, en IE no se ve, pero en firefox se ve, que puede ser?
Gracias
Saludos.
En IE8 eso no ocurre, debes estar viendolo en una versión inferior o en modo compatibilidad. No ves el menú porque la altura gel geader está definida. Cambia el height:148px acá:
#header-wrapper {
.......
height:100%;
}
Gracias JMiur, como siempre, la verdad que seriamos sin Vagabundia.
Un gran Saludo.
hola Jmiur, a mí lo que me ha ocurrido es que esta herramienta para editar y poder acceder directamente al post para arreglar cualquier fallo o para lo que sea ME HA DESAPARECIDO. ¿a qué crees que se debe o cómo puedo arreglarlo? me ha ocurrido en todos mis blogs por ej. http://libroscolgados.blogspot.com.
gracias!
No sabría decirte cómo arreglarlo. Lo que es seguro es que el código está allí porque lo veo así ique no es un problema de la plantilla. Trata de borrar la caché del navegador a ver si eso lo resuelve.
¿Quiere dejar un comentario?
recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...
Nota: sólo los miembros de este blog pueden publicar comentarios.
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...