Curta Nossa Página do Facebook!


  • Desenvolvido Por Iago Melanias

    Tutorial:Programando um Layout - parte 1 (começando do zero)

    fala "garela" Hoje vou ensinar a programar um Layout(Só que vou fazer o tuto completo)
    por isso esqueçam aquele tuto do meu querido Anon.vamos ao trabalho:



    1ª passo : cortar o template

    nessa etapa você terá que cortar o template(óbvio,o titulo ja dizia) eu ja cortei pra vocês,ta ai as imagens :

    Topo:
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3egPbBJVxSchJMkloTGcdl_KRhgKe4O8i8jc4lcxmYMWf6W3C5B5XxSBE0KpsKSdatBXfioc79NHitYfmInOVaDQsV1Q8FgkXI_IOGZ7asajW0LO2d7MW44hMk-cFILDsFJBshlZPR5g/s1600/topo.png

    meio:
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjriB9is758UmPSucEFUfJdBrxOVdzVTbhtn54OJNOGr2_pTozTyr3xy_Z8BijsUyOvPu3rySAoHyBdvH5MEL4KmzlU6FU1fUAvARjM0IKLKzFUjPCEiwwrLVPSUkKPUZYaWale-9phjH8/s1600/meio.png

    rodapé:
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHLoEwV5gZnvwDFn_uAiLjHAE_YnIu1Ye2jPPTs2sdQJoaTBc7yoSFx_pWhwtPwAR5OapOTjvPBLNQcFHRz6rgZAuHQXO75E1nLtXZBJ1shHAqCkMFqjFEbKUPef5YUa-RD_C1G5p3-Eo/s1600/footer.png

    2ª passo : instalar o minima no blogger

    nessa etapa você tera que instalar o template minima,que é o template base para que vocês comecem fazer seu System,façam o download dele no link abaixo:

    Download do minima

    depois que fizerem o download,instalem o minima no seu blog(sugiro que faça seu system em um blog de teste,ou desativado,pois se você errar,não perde todo o conteúdo do seu blog original)

    3ª passo : começando o system (finalmente ^^)

    agora com o template cortado,minima instalado,vamos começar o system.

    PRIMEIRO,veja se a opção "Expandir modelos de widgets" está marcada.Se está DESMARQUE-A.

    procure por:

    a:link {

    acima,provavelmente você encontrou o seguinte code :

    body {background:$bgcolor;margin:0;color:$textcolor;font:x-small Georgia Serif;font-size/* */:/**/small;font-size: /**/small;text-align: center;}

    a parte "center" substitua por:

    $StartSide

    agora,vamos tirar toda aquela borda que envolve o cabeçalho.procure por :

    border:1px solid $bordercolor;

    apague essa linha até chegar á

    */outher-wrapper
    -------------------------------------------------/*


    vamos retirar a navbar agora,então procure por :

    ]]>

    acima dessa linha coloque:

    .navbar{display:none;}

    próxima vai ser como colocar as imagens no system.

    se não entendeu , me contate no XAT,falou?

    tchau

    2 comentários: