El iconito de edición de Blogger

JMiur [E]

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.

.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>

22 comentarios:

Pozo+10™

Gracias JMiur!!! Ahora si lo pude acomodar :D
Otra consulta, en IE no se ve la imagen de la cabecera, como lo puedo arreglar?

Master1982

Hola muy bueno tu blog, quisiera pedirte porfavor si me pudieras dar el codigo que usas aqui en tu blogspot, sobre las descripciones, por lo que me e dado cuenta esque tienes una descripcion diferente para cada post y es eso lo que yo tanto he estado buscando.
muchas gracias de antemano y espero tu respuesta me ayudarias bastante con eso te dejo mi mail porsiacaso rovaldimix@hotmail.com

Albus Dumbledore

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?

www.santoverdinegro.com

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

JMiur

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"

JMiur

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.

www.santoverdinegro.com

Jmiur te envie un mail con ejemplos graficos.
Saludos
gracias

JMiur

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.

www.santoverdinegro.com

JMiur, ecxelente, pasa por el sitio y fijate, quedo muy bien, Como siempre gracias.

Pozo+10™

Gracias JMiur ahora si se ve :D

Albus Dumbledore

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...

JMiur

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'.

Empar

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

JMiur

Empar:
Supngo que te refieres a poner una barra de Administración pero ¿en que blog la has colocado?

Empar

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.

JMiur

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.

Deybi

A veces me hartan en sobremanera, pero de que son útiles; lo son.

Empar

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.

JMiur

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.

www.santoverdinegro.com

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.

JMiur

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%;
}

www.santoverdinegro.com

Gracias JMiur, como siempre, la verdad que seriamos sin Vagabundia.
Un gran Saludo.

¿Quiere dejar un comentario?

Hay varios métodos posibles.

Uno de ellos es el formulario de comentarios que tan generosamente nos ha regalado Blogger y que funciona sólo de tanto en tanto. Su uso es aconsejable sólo en caso de ser una de esas personas a las que les gustan los retos y los desafíos.
¿No quiere arriesgarse? Haga click para ocultarlo y utilice las otras opciones.

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

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 ...

Los comentarios están siendo moderados y serán publicados a la brevedad.

 
CERRAR