14/4/13

[Tutorial]Barra lateral estatica


Holaaaaaaa  oh no es domingo buaa mañana otra vez a clases  y esta tarde a estudiar Sociales  bueno aqui estoy yo tan alegre como es posible y bueno encontre un tuto muy interesante y ese tuto es de barra lateral o sidebar estatica  da un efecto tumblr os dejo un ejemplo
Pixely
Si os apetece me seguis bueno como veis
clic agrandar
Bien pues ese es el efecto que le daremos a nuestro blog

  • Plantilla
  • Edicion HTLM
  • Buscas:
Si tu sidebar esta al lado derecho
main-inner .column-right-outer

Si tu sidebar esta al lado izquierdo
main-inner .column-left-outer

Ahora todo lo que encuentres entre las llaves hay que borrarlo y cambiarlo por esto
Lo que esta en gris hay que borrarlo en el caso de que tengas una plantilla Picture Windows como tengo yo si no lo que este entre llaves {
Y lo cambiáis por esto
margin-top:-10px;margin-left: 550px;position:fixed;
Rojo:Son los espacios que debes aumentar o disminuir según a tu gusto

Si no has encontrado ese código busca este
sidebar-wrapper 

Y entre las llaves coloca este código
margin-top:-5px;
margin-left: 640px;
position:fixed; 
Esto es todo espero que os haya gustado el tuto cualquier duda ya sabes lo pone en la firma
creditos {x}

23 comentarios:

  1. arigato x el tuto
    esta muy interesante :D

    ResponderEliminar
    Respuestas
    1. gracias ghaaby siento no pasarme tanto por tu blog

      Eliminar
  2. Esta super geniial el tuto, pero no creo que funcione en mi blog >.<!

    Esta reeeee Hermoso tu blog!! *.* ♥

    ResponderEliminar
    Respuestas
    1. oh se me olvido comentar que queda bien con blogs que tengan poco gadget 2 o 3

      Eliminar
  3. Interesante *O*, tendré que ponerlo a prueba cuendo tenga un ratito :3

    ResponderEliminar
  4. Gracias por el tuto ;)

    Saludos y Cuidate!!

    ResponderEliminar
  5. Muchisimas gracias por el tutorial, es lindo.. de seguro lo ocupo en un futuro proximo ^w^
    Saludos y disfruta el domingo~

    ResponderEliminar
  6. buen tutorial :DDDD como siempre me encanta tu blog ^^

    ResponderEliminar
    Respuestas
    1. gracias como siempre eres la best blogger

      Eliminar
  7. Waaw! buen tuto lo aplicare mas adelante con una nueva plantilla! sigue asi ^^

    ResponderEliminar
    Respuestas
    1. gracias n.n me alegra que te haya gustado

      Eliminar
  8. Lo amee♥♥ Muy buen tutorial !! ;3 lo agregare luego en la siguiente plantilla :3 ♥

    Colored Kisses!!

    ResponderEliminar
  9. este tuto me encanto realmente esta precioso!!!

    ResponderEliminar
  10. que lindo aporte gracias :3
    Saluditos Kumy n,n

    ResponderEliminar
  11. Respuestas
    1. kumy me podrias pasar el codigo de como poner bordes redondos a tus entradas?(como yo tengo lo gadgets de mi blog)
      pero por gmail?

      Eliminar
  12. Lo voy a usar para mis próximos Layouts! <3

    Gracias!

    ResponderEliminar
  13. hace tiempo que me preguntaba como es que lo hacían para que se quedara estático ^^
    gracias por el tito!! ^v^

    besos kumy!!! ^-^

    ResponderEliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com