15/02/2012

8

Barras laterias para acima no modelo Travel


Oi oi gente! Cá estou eu (Paty) depois de muito tempo! Como vocês viram no post anterior a Stephaie não poderá postar com tanta frequência como antes devidos aos problemas com a internet,então para não deixar o Sweet Girl desatualizado por muito tempo,irei postar mais aqui! Enfim,vamos ao o que interessa que é o tutorial não é mesmo?! Então clique em ''Leia Mais''  





  Para realizar esse tutorial em seu blog,primeiro o modelo dele deve ser o Travel(viagem). O resultado será o mesmo que o do meu blog ,veja:




Vá em Design - Editar HTML - pressione Ctrl + F e procure por:

.main-inner .column-left-outer {      (Se sua coluna for do lado esquerdo)        


main-inner .column-right-outer {       (Se sua coluna for do lado direito)


Se sua coluna estiver do lado esquerdo estará mais ou menos assim:
                                                                                                               
        .main-inner .column-left-outer {
        width: $(main.column.left.width);
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

  Caso sua coluna for do lado direito estará maos ou menos assim:  

        .main-inner .column-right-outer {
        width: $(main.column.right.width);
        margin-right: -$(main.column.right.width);





  Então coloque o código a seguir logo abaixo:


margin-top: -150px;




Então todos os gadgets devem subir.


E para fazer subir junto o fundo fundo de Ctrl + F e pesquise por:


.main-inner .fauxcolumn-left-outer {  (caso a coluna seja no lado esquerdo)

.main-inner .fauxcolumn-right-outer {  caso a coluna seja no lado direito 


E logo abaixo de  
width: $(main.column.right.width); ( caso tenha a coluna no lado direito) ou  
width: $(main.column.left.width); (caso esta for no lado esquerdo)

Adicione novamente  margin-top: -150px; 

  E agora é só visualizar e veja se está todo ok! Caso você queira ajustar os valores de margin-top para ficar na altura que quiser. 


(Lembrando que aprendi a fazer esse tutorial no blog Go Imagine.)


  Então é isso aí pessoal! Espero que tenham gostado do tutorial! Bjs

8 comentários:

  1. Vc pode votar no Fan For Fan?? http://ingridsakamotodossantos.blogspot.com/ Muito obrigada!! Beijos...
    Adorei o Blog, já to seguindo!!

    ResponderExcluir
  2. Oi! Desculpe a demora pela a imagem dos afiliados... é que eu tô meio perdida! Lê lá o post que facilita! (hehe) Pode dar sua opinião? Beijo!

    bibiworldfun.blogspot.com

    ResponderExcluir
  3. Oi,amei seu blog,muito lindo!
    Da uma olhadinha no meu?
    http://estiloehtml.blogspot.com/

    ResponderExcluir
  4. otimo tutorial, muito bom mesmo. eu adoro esses tutoriais.
    #Bezos Rawr -----> Bikoti.blogspot.com

    ResponderExcluir
  5. amei as dicas =]
    mas nem conigo fuçar em html kkk
    flor obgda por me seguir la no blog t seguindo vc tbm seja bem vinda e volta sempre tá?
    beijinhos amiga =]

    http://priscilalirow.blogspot.com/

    ResponderExcluir
  6. Oi amore quer afiliar-se??
    http://selenatoresnaweb.blogspot.com/

    ResponderExcluir
  7. Oi stephanie tem uma tag la no meu blog para vc bjão
    http://myhdream.blogspot.com/

    ResponderExcluir
  8. Adorei!! A dica vou usar na próxima atualização!! Amor só quero pedir um tuto para saber como você personalizou seu menu (páginas)

    Act parceria??

    ResponderExcluir

Podem comentar a vontade , qualquer dúvida leia as coisinhas abaixo

Não seja mal educado
Respondo todos os comentários
Só aceito comentários falando do post

Enfim alguns símbolos para copiar e colar . Não se esqueça de deixar o link de seu blog para que eu possa vê-lo

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡