11 junho 2015

#TutoriaisDaJaque: Fazendo meu Layout #3

Olha quem voltou com a parte 3 do Fazendo meu Layout õ/
 É tão bom ver que tem tanta gente curtindo esse serie, gente, cada comentário é um sorriso maior que dou. Cada vez mais quero ajudar vocês e caso vocês tenham duvidas referente a algo especifico, deixe aqui nos comentários que eu faço um post ;)

Agora vamos começa a parte dos códigos. Tudo o que esta na base do Layout que fizemos no Photoshop nos passaremos para o HTML aqui do Blog. Não tenha medo, sei que são muitos códigos e dá aquele frio na barriga, mas basta prestar atenção no Tutorial que você irá conseguir!


content-outer .content-cap-top {


.content-outer .content-cap-top {
height: $(content.imageBorder.top.space);
background: transparent$(content.imageBorder.top) repeat-x scroll top center;
}
.content-outer {
margin: 0 auto;
padding-top: $(content.margin);
}
.content-inner {
background: $(content.background);
background-position: left -$(content.imageBorder.top.space);
background-color: $(content.background.color);
padding: $(content.padding);

OBS: Não apague os ;. que ficam depois do que eu solicitei que apagasse! 

Após ter deletado tudo o que foi solicitado acima clique em "Salvar Modelo".

   Agora vamos colocar o Cabeçalho e o Background no blog.

body {


body {
padding:0px;
margin:0px;
background:url("LINK DO CÓDIGO DO CABEÇALHO") no-repeat; }
html {
background:url("LINK DO CÓDIGO DO BACKGROUND") repeat; }

Clique em "Salvar Modelo" e veja como ficou.

O seu blog estará assim:

    Lembrando que todos os materiais para fazer o seu Layout está neste post aqui ;)

Estou editando todos os posts de tutoriais aqui do OAB ♥ 04.01.2016




11 comentários:

  1. Ai, ai, ai. Quero maaaaais.
    Como eu posso fazer as modificações no meu sem perder tudo que já tenho?
    Meu medo é esse, rs
    Eu amo meu blog, mas quero colocar uma imagem ocupando o espaço todo do blog, mas todos os tutoriais que segui não deram certo. Não aparece o código ou eu não sei achar, buáá :(

    Dica de post: Ensina a colocar os botões de compartilhamento no fim do post. Tentei o AddThis, mas não dá certo no meu código.

    Estou amando a série. Sempre venho ver se tem algo novo.
    Eu Rabisco ♥

    ResponderExcluir
    Respostas
    1. Deyzeee, então, esse Tuto é como fazer uma Layout do zero, como você quer personalizar algumas coisas só você tem que ver direitinho o que você quer e modifica.
      Para você colocar uma imagem ocupando o espaço todo do blog você procura por
      body {
      e Substitua todo o código que está antes da chave } por isso:

      body {
      padding:0px;
      margin:0px;
      background:url(" LINK DO CÓDIGO DO CABEÇALHO ") no-repeat; }
      html {
      background:url(" LINK DO CÓDIGO DO BACKGROUND ") repeat; }

      Dependendo do Layout que você tem os códigos já foram trocados por outros, por isso que as vezes não dá certo :/ mas tenta esse. Torço para que dê certo *o*

      Vou preparar este tutorial e ensino aqui, obrigada pela diica e mil vezes muito obrigada pelo carinho, sua linda <3


      Excluir
  2. Tava prescisando muitooo desse tutorial! Você arraza! <3 Ansiosa pela parte 4, 5, 6 .. Enfim haha! Um beijo!

    ResponderExcluir
    Respostas
    1. Semana que vem sai a parte 4, Kay <3
      Três beijooos, sua linda :*

      Excluir
  3. Jaque não dá certo miga <3 Não direito </3

    ResponderExcluir
    Respostas
    1. Como assim não dá ceeerto? Logo essa primeira parte? nãããão aceito! vou falar contigo no particular pra tentar te ajudar

      Excluir
    2. Eliii, tentei entrar em contato com você mas teu blog tá privado :/
      Se voltar aqui entra em contato comigo por e-mail ou pela fan page do blog dai eu te ajudo! ;)

      Excluir
    3. Eu sempre tento e nunca NUNCA dá certo <3 A eu excluir o blog </3 E quero voltar! Vou flr pela fanpage, tá lora?

      Excluir
  4. Não consigo Jaque :/ Poxa tô super tristeee.. esse foi o tutorial mais explicadinho que eu já vi!!!Quando eu tento pesquisar esse primeiro código diz que não existe.

    ResponderExcluir
    Respostas
    1. Amoree, pra dar certo você tem que seguir TODOS os passos, viu? Vi que você está usando um template free, se você tentar fazer com ele não vai dar certo mesmo

      Excluir