Novidades

19 agosto 2012

Tutorial - Slide no cabeçalho

Tumblr_m4341kbush1qhzv6oo1_500_large

Hello balas de cogumelo, bom passando pelo Blog Tutoriar.com achei esse tutorial super legal de como colocar um Slide no cabeçalho fica super Show o resultado e nem e tão difícil quer aprender basta fazer isso:




Tutorial:
  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 ajudar.
  4. Pronto, o cabeçalho é você quem faz, só que vai deixar um espaço pro slide e nada mais, espero que tenham gostado


Nenhum comentário:

Postar um comentário

Regrinhas!
1- aceito seguindo segue de volta
2- sem xingamentos! se expresse de uma maneira mais civilizada.
3- aceito criticas e Elogios