17 outubro 2015

Coluna fixa

| |
Olá! Uma linda alma (obrigada) fez um pedido na minha ask (lembrando que não precisa ser registrado para pedir) e aqui estou eu. 

Esse é um tutorial bem simples e, ao mesmo tempo, um pouco difícil de achar. Digo isto por experiência própria.


Vamos ao tutorial <3






Se a sua coluna for do lado esquerdo, procure por .main-inner .column-left-inner { e substitua o código inteiro por:

.main-inner .column-left-inner {
 margin-right: $(content.padding);
margin-left: 10px; /* Mova para a esquerda ou para direita */
margin-top: -5px;  /* Move para cima ou para baixo */
background: white; /* Cor do background */
text-align: justify; /* Justificado */
z-index: 9999999999; /* N altere */
position: fixed; /* N altere */
height: 100%; /* N altere */
}

Se a sua coluna for na direita, substitua o left por right.

...

E... é isso. Espero que tenham gostado. Qualquer dúvida, vá na minha ask.

6 comentários:

  1. Esse é um dos melhores tutoriais... Amo fazer layouts usando esse tipo de tutorial <3
    /paradise

    ResponderExcluir
  2. Foi a anonima aqui que pediu HUEHEUEHEU Obg ♥

    ResponderExcluir
  3. Quando eu quero deixar a barra fixa eu faço um monte de coisas, mas agora eu não preciso mais, pois você me salvou. ^^ Até a próxima!

    Bye, xoxo

    Studio-Help.blogspot.com.br

    ResponderExcluir
  4. Olá, Isa~ Ah, acho que irei pedir algo na sua ask, certo?
    Teve um dia que fiquei um bom tempo procurando por esse tutorial... Já salvei nos favoritos, muito obrigada ♥

    d-ouleurs.blogspot.com.br

    ResponderExcluir
  5. Oi *-*
    Eu já tinha ouvido falar de seu blog, mas nunca pensei em entrar. Mas, aqui estou eu u.u Sinceramente, adorei o seu conteúdo é bem simples e bem eficaz, docinho!

    Eu adorei o tutorial! É verdade que é bem complicado de achar esse tutô, pelo menos eu só vi nesse bloguito :3

    E esse é um ótimo blog, para quando eu for precisar de algo (e claro os créditos :3) Amei, docinho!

    Seguindo, poderia fazer o mesmo? ^^

    † † M O O N L I G H T † †

    ResponderExcluir

« »