jueves, 28 de marzo de 2013

Barra lateral estática mas Look at Me (blog)

Hola mis retoños Lamento tanto la ausencia! aunque estoy de vacaciones de invierno tuve problemitas con el computador! bueno a lo que vine .-. Hoy les mostrare como dejar la barra lateral del blog sin movimientos es decir cuando bajas en el blog lo unico que se mueven son las entradas. Es un efecto muy visto en el tumblr pero poco visto en el blogger. un ejemplo es el blog de Joshua Peterson Bueno es algo parecido! Mostrare dos maneras de hacerlo. Para utilizar este tutorial debes de tener el área de las entradas separada de la columna lateral por lo tanto no funciona con la plantilla simple! pero si funciona con la plantilla travel (la que yo utilizo) y otras plantillas con la columna lateral separada. Este efectito es ideal para las personas que tienen pocos elementos en la barra lateral, pocos pero importantes. ATENCIÓN: Trabajaras con tu html y debes tener una copia guardada por si no funcione. Ve a editar html, preciona f3 y busca el codigo de tu barra lateral: si se encuentra del lado derecho: main-inner .column-right-outer Si se encuentra del lado izquierdo: main-inner .column-left-outer Todo lo que encuentres entre las } llaves deberás borrarlo y sustituirlo por: margin-top:-10px; margin-left: 550px; position:fixed; Debe quedarte asi: .main-inner .column-right-outer { margin-top:-10px; margin-left: 550px;position:fixed; } Debes de aumentar o disminuir los valores de: margin-top y margin-left: pues son los espacios de arriba y de la izquierda. cámbialos de acuerdo a tus gustos. si no encontraste los códigos puedes buscar: sidebar-wrapper y estre las llaves coloca el siguiente codigo: margin-top:-5px; margin-left: 640px; position:fixed; También debes disminuir o aumentar los valores de margin-top y margin-left Espero que os haya gustado mi consejo :D

No hay comentarios:

Publicar un comentario