viernes, 29 de marzo de 2013

Blogger Dynamic Views, lo voy a quitar en un futuro, algunos trucos.

Por diversos motivos me veo en la necesidad de quitar el diseño de vistas dinámicas en blogger (Dynamic Views) porque admito que no han sido las más acertadas para las funciones y propósitos del presente blog.
Me parece que para blogs en donde las imágenes juegan un papel importante es donde las dynamic views serian de mucha utilidad, por ejemplo: Portfolios virtuales de fotógrafos, comercializadora de productos diversos o simplemente como página simbólica de álbum de bodas. No hay límites para la creatividad. 

Algunas páginas con Dynamic views que me parecen muy bien elaboradas:

Publicidad: Great ads

Al final mi decisión fue volver al estilo clásico debido a ciertas incompatibilidades con navegadores y también porque no son muy flexibles estas vistas dinámicas al momento de personalizar entradas o elementos del menú lateral, aunque debo decir, cabe cierta personalización que hace más genial al blog, algunas de las cuales describo en seguida.

Mover la Barra de Gadgets de derecha a Izquierda: Útil en algunos caso en que esta barra se pone sobre la barra de desplazamiento del navegador:

Ir a Panel de control -> Plantilla -> Preferencias -> Avanzado -> Añadir CSS -> Pegar el siguiente código -> pulse Intro después del último carácter de la última línea} -> Aplicar al blog.

.gadget-container {
-moz-transition: left 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s !important;
-webkit-transition: left 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s !important;
-ms-transition: left 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s !important;
-o-transition: left 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s !important;
margin-right: 100% !important;
right: -100px !important;
left: 0px !important;
}
.gadget-container:hover, .gadget-item.ss:hover, .gadget-item:hover .gadget-container, .gadget-selected .gadget-container {
right: auto !important;
}
#gadget-dock:hover, #gadget-dock.gadget-notifying, #gadget-dock.gadget-opening{
left: 0px !important;
}
#gadget-dock {
-moz-transition: left 0.15s ease-in-out 0s;
-webkit-transition: left 0.15s ease-in-out 0s;
-ms-transition: left 0.15s ease-in-out 0s;
-o-transition: left 0.15s ease-in-out 0s;
left: -40px;
}

Cambiar el color de la barra de páginas: Por si se quiere personalizar el color de la barra de menús superior.

Ir a Panel de control -> Plantilla -> Preferencias -> Avanzado -> Añadir CSS -> Pegar el siguiente código -> pulse Intro después del último carácter de la última línea} -> Aplicar al blog.

#pages ul li a, .ss.menu-item{
color: yellow !important;
}

Donde dice yellow cambiar a cualquier color en inglés.

Forzar a los gadgets a estar visibles: Cuando no queremos que se escondan los menús de gadgets.

Ir a Panel de control -> Plantilla -> Preferencias -> Avanzado -> Añadir CSS -> Pegar el siguiente código -> pulse Intro después del último carácter de la última línea} -> Aplicar al blog.

#gadget-dock{
position: fixed !important;
right: 0px !important;
}

Si se cambió la barra de gadgets a la izquierda entonces se debe usar el siguiente código:

#gadget-dock{
position: fixed !important;
left: 0px !important;
}

Pues nada, ahí unos cuantos trucos para manejar los blogs con vistas dinámicas.

Atribución: Southernspeakers

No hay comentarios.:

Publicar un comentario