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>

24 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?

Responder
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

Responder
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?

Responder
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

Responder
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"

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

Responder
www.santoverdinegro.com  

Jmiur te envie un mail con ejemplos graficos.
Saludos
gracias

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

Responder
www.santoverdinegro.com  

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

Responder
Pozo+10™  

Gracias JMiur ahora si se ve :D

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

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

Responder
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

Responder
JMiur  

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

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

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

Responder
Deybi  

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

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

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

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

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

Responder
www.santoverdinegro.com  

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

Responder
Lileka  

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!

JMiur  

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.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

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

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

 
CERRAR