sábado, 22 de março de 2014

Passando Templete em PSD para o blog

 Acompanhe no video como se cria um templete em PSD
Click aqui para ver o video
As imagem que vou usa vão ser essas


Download desse templete em PSD x  Meu resultado x  Templete personalizado x
           Depois de ter feito isso faz um templete simples pra você ir treinando o tamanho e exato 890 x 779 eu acho não lembro direito o meu meio eu vou arruma ele ainda ele está todo desorganizado , o templete minima e meio difícil de mexer  , preste bem atenção nos códigos é muito importante beleza ..
           primeiramente vai no seu editor e digita
#header-wrapper {
Lá vai ter esses códigos em baixo dele é o que você faz e só mudar o tamanho e a imagem
width:trocapx;
  height: trocapx;
  background: url(seu topo aqui )no-repeat top left;
  margin:0 auto;
  }
em seguida o meio , na parte do meio é mais difícil de mexer ,  por isso procure #outer-wrapper {
e debaixo de padding você colocar
background:url(seu meio aqui)repeat-y;}
    E por ultimo você procura por #footer { e de baixo dele vai ter um código , ae você apaga é colocar esse aqui
#footer {
  width:trocapx;
height:trocapx;
background:url(seu final )no-repeat center bottom;
clear:both;
margin:0 auto;
padding-top:15px;}
  }
Mais como eu deixei já tudo adiantado pra vocês é só mudar o valor e a imagem , espero que tenha ajudado , pois foi muitos pedidos ...

Nenhum comentário:

Postar um comentário