25/08/2012

Tutorial: Slide no cabeçalho


Hooy gatinhos de bigode! Aqui é Duda, a nova postadora \õ/
Eu irei postar sobre tutoriais.
Aqui meu blog | twitter | We Heart It
E meu primeiro tutorial, é meio complicado, mas o resultado fica perfeito... Muitos blog's já estão usando, mas eu, na preguiça não tenho coragem de fazer. Mas você pode, vamos aprender?


  1. Primeiro instale e siga este tutorial para botar o slide.
  2. Agora, no código para botar o slide, bote neste gadget.
  3. Agora procure por b:skin, onde ficou o estilo do slide e procure por: .main_view { .
  4. Encontrou, então agora já com o slide pociocionado no designer do modelo certinho e o seu cabeçalho com um espaço em branco para ele, faça assim:
  5. Substitua todo esse parágrado até a chave também, e coloque o seguinte código:
.main_view {
float: left; /* esta na esquerda, se o seu espaço for na direita bote: right; */
position: relative;
margin-top:-nºpx; /* Pra ele ir subir na altura do cabeçalho */
margin-left:23px; /* para ele ficar mais para a esquerda */
}

Ajustando as imagens do Slide:

  1. Agora, chegou a hora das imagens, procure por: .window {
  2. Depois que achar, tem uma instrução ao lado, você quem vai fazer as imagens e ajusta-las, lembrando que no passo cinco onde há o código e o left ou right também irão ajudar.
  3. Os estilos do container das imagens diz para não ajustar, mas é presciso para que os numeros ou fiquem lá em cima ou embaixo, siga este tutorial para  te ajuda
Espero que tenham gostado *--*
Grande Beijo ;*
Duda =)

6 comentários:

  1. (^u^)Esse efeito deve ser bem legal..Acho que vou tentar usar no meu próximo Layout!

    Te vejo na terra açucarada!
    ~~The Sugary Land~~

    ResponderExcluir
  2. Great Post Dear. I follow your Blog now.
    Please follow me.
    A.

    dramaticmode.blogspot.it

    ResponderExcluir
  3. É realmente mega complicadoo,kk.Bem vinda.ACC AFILIAÇÃO?


    (O blogger está excluindo blogs que comentam com o link, portanto se você for retribuir o comentário retire os parênteses do link. Clica no meu nome para ir a meu perfil;D Obrigada!)

    ResponderExcluir
  4. Fica muuito legal! Eu vou ver se uso em algum lay.
    Seguindo aqui

    Beijos ♥
    Sim Senhorita (Clique no perfil)

    ResponderExcluir
  5. Usei no meu blog,valeu!

    Seguindo,retribui?
    cherrygo.blogspot.com

    ResponderExcluir
  6. Eu sempre vejo nos blogs e tenho curiosidade como se coloca! Fica lindo né? Eu talvez use em algum lay! Seguindo aqui E me apaixonei pelo seu cantinho! Estou preparando meu novo lay estou loca para colocar no blog!

    Visita? se puder ssegue?

    sweetsecretfantasy.blogspot.com.br

    ResponderExcluir

. Não xingue!
. Comentários ofensivos serão excluidos.
. Não esqueça de deixar o link do seu blog para retribuição.