22/07/2013

Tutorial - Subir Sidebar (Barra lateral)


Oie minna!! Pois é, pediram-me este tutorial já há um bom tempão =.='
Desculpem a demora, mas mais vale tarde que nunca, né? ^^'
Então vamos lá aprender a fazer isto á Sidebar:


É bem simples, praticamente já o sei de cor, só precisam de estar com atenção, certo?
Antes de mais deixem que eu diga, que o template mais certeiro de funcionar é o modelo travel/viagem.
Vamos lá então:

Design depois Editar HTML e depois CTRL + F
A seguir colem conforme a vossa Sidebar.

Sidebar direita:
.main-inner .column-right-outer {

Sidebar esquerda:
.main-inner .column-left-outer {

E depois é só por isto abaixo:
margin-top: -100px;

E modifiquem o -100 como quiserem... quando maior mais alta a sidebar ficará. Anconselho a pré-visualizar antes de salvar, ok? ;)
Qualquer dúvida perguntem ^^

6 comentários:

  1. Há lays onde esse efeito fica simplesmente genial :3
    eheheh Bunny, mais vale tarde que nunca ;)

    Kissu!

    ResponderExcluir
  2. Oyahoo Bunny-chan pensava que o sidebar fazia-se junto com o template ,a final é só mudar no HTML >.<
    Etto... tenho aqui uma tag para ti ^^

    http://nyah-animeforever.blogspot.pt/2013/07/tag-conhecendo-o-anime.html

    ResponderExcluir
    Respostas
    1. É no HTML sim >-<

      Outra tag ahaha tenho tantas pra fazer ^^'
      Mas bigadas >-<

      Excluir
  3. Oie Bunny-chan, talvez voce nao se lembre mais de mim, mas eu sou a Cielo-chan (agora uso o nickname Ciel Phantomhive) mas em fim...depois da depressao eu voltei :) Estou montando a layout do meu blog e aproveitei pra usar esse tutorial que eu muito preciso XD Obrigada lindinha <3

    [http://pequenoconde.blogspot.com.br/]

    ResponderExcluir
    Respostas
    1. Ebaaa! Welcome back Cielo-chan >-<'
      Que bom que pude ajudar! vou ja expreitr esse seu cantinho U_U

      Excluir

Se queres comentar:
☾ Nada de palavras indecentes!
☾ Se eu te conhecer, no comentário anónimo podes assinar no fim, por favor?^^
☾ Se quiseres falar comigo no msn podes adicionar:
bunnytsukino5@hotmail.com
☾ Diverte-te e comenta sempre que quiseres!

©