05/06/2013

Sidebar Fixa


Ayoo ~~

Estou muito empolgada para variar com a abertura do blog, como podem ver temos 6 Seguidores que para muitos é pouco mas para mim é muito. Quem dormiu hoje a tarde? Eu dormi e muito, para vocês terem uma noção dormi das 3:14 até 17:41 acordei já faz duas horas e fiz minha lição de casa que estava muito chata.

Como disse acima fiquei muito feliz com os nossos 6 Seguidores, resolvi já começar com um Tutorial bem útil, também amei os 2 Comentários que deixaram para mim obrigada meninas! Apenas uma pequena parte do tutorial é mais difícil (somente para os iniciantes) mas como tem pessoas mais informadas vamos dizer assim sobre Html resolvi postar!

Lets Go!
1. No seu Html, aperte Ctrl + F e procure por .main-inner .column-right-inner {, caso queira editar a sidebar direita ou .main-inner .column-left-inner {, para editar a sidebar da esquerda

2. Apague tudo que se encontra entre { e }

3. A seguir cole isso sobre as chaves
margin-top: 20px; /* Distancia do topo, apague se não quiser */ width: 200px; /* Tamanho da Sidebar */ margin-left: -48px; /* Distancia da esqueda, apague se não quiser */ position: fixed; /* Sidebar fixa */
Edite como quiser e depois salve!

Créditos ()

Xoxo :3

6 comentários:

  1. Legal, gostei.
    Parabéns pelo blog!
    Visita?
    http://morango-sabor.blogspot.com.br/

    ResponderExcluir
  2. Já conhecia esse tutorial, bem útil!
    e--mpire.blogspot.com

    ResponderExcluir
  3. Esse tutorial é muito legal, a sidebar fica linda assim >o<
    Bem vinda, seguindo aqui flor *-*
    Beijo
    ill-help-you.blogspot.com

    ResponderExcluir
    Respostas
    1. Nossa uma deusa aqui no meu blog o3o ~~ Ele é muito bom, fica mesmo. Ownt obrigada diwa

      Excluir