domingo, 23 de março de 2014

Promoção hehe Layout free , templetes free e themes


     Bom como eu tinha  prometido vou fazer uma promoção de layout e templetes free !
     Mais o que é free ? pra nos e como se fosse gratuito sem  ser pago  , mas aqui comigo vão ter que compre umas coisinhas , vocês acha que seria só chegar aqui e já ganha ? kk´s claro que não né sempre tem uma coisinha que vocês vão ter que fazer como ...
 Seguir o nosso blog atrevidinha mesmo , curti minha panface : Fun capas  em PSD  a panface do blog :Atrevidinha Mesmo    e seguir nosso twitter :@brunaccarolinye 
é falar o motivo que deseja ganhar os prêmios , a frase mais criativa vai ser vota  pelo o Público é em breve estarei estando em contato com a ganhadora   , é os prêmios são
Primeiro ganhador :1 templete  é 2 layout free  é 1 theme
Segundo ganhador :  1 templete é 1 layout free
Terceiro ganhador :1 layout free
Bom é só isso galerinha até a próxima é não se esqueça de  participar

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 ...