Curta Nossa Página do Facebook!


  • Desenvolvido Por Iago Melanias

    Tutorial:Programando um Layout - parte 2

    xega mais,vamos fazer a segunda parte do tuto hoje....colocar as imagens do header,outher e footer.



    desculpe não colocar as tags nas caixas de ode,pq quando eu coloco , ta dando bug ¬¬

    lembrando quais são as imagens:

    Topo:
    http://4.bp.blogspot.com/-ocBatoEYd8Y/UASSquNuBnI/AAAAAAAAANk/-VLWRdS8-CA/s1600/topo.png

    meio:
    http://1.bp.blogspot.com/-UY4aEl24PqQ/UASSjyM6VQI/AAAAAAAAANc/d-KQFVIWO6M/s1600/meio.png

    rodapé:
    http://1.bp.blogspot.com/-3bmEQCM2_CY/UASS0b0f3pI/AAAAAAAAAN0/fAJpYiJsLTo/s1600/footer.png

    primeiro procure por :

    #header-wrapper


    abaixo acrescente :

    background:url(o url da imagem do header)no-repeat;
    height:XXpx;


    altere o "XX" pela altura da imagem
    e o width,pela largura

    da um visualizar e veja o header ja instalado

    vamos agora procurar por

    #outer-wrapper


    abaixo acrescente :

    background:url(url da imagem do outher)repeat-y;

    altere o width para a largura da imagem.

    OBS:Não coloque o height ,por que a imagem vai repetir.

    por fim,procure por:

    #footer


    abaixo acrescente :

    background:url(imagem do footer)no-repeat;
    height:XXpx;

    troque o "XX" pela altura
    e no width,troque pela largura.

    extra : vou colocar como retirar aquelas bordas das sidebares e do post

    procure por :

    border-bottom:1px dotted $bordercolor;


    apage essa linha.

    agora procure novamente por essa linha,e apague outra vez...

    agora visualize,e veja que esta sem as bordas.


    só isso ^^,na próxima aula ensinarei como instalar os gadgets ,colocar as publicidades e talz....

    por favor pessoal,peço que deixe nos comentarios o url de onde esta sendo programando o seu template,para ver se vocês estão seguindo corretamente o tutorial


    3 comentários:

    1. Olá! aprincipio estou seguindo corretamente o tutorial mais nao consegui deixar alinhado o layout
      o porque nao sei pode dar uma olha para mim e me ajudar a arrumar... aguardu sua resposta..

      blog é>> http://meustestessss.blogspot.com.br/

      ResponderExcluir
    2. Mano fiz normal mas apenas a header deu certo o outer e o footer não

      ResponderExcluir
    3. o meu deu tudo certo olhem http://testetestetestetesteteste123490.blogspot.com.br/

      ResponderExcluir