sexta-feira, 8 de fevereiro de 2013

Tutorial: Imagem no topo da área das postagens

Madrugueiras de plantão! 
É, acabei de abrir o blog. Passei á tarde inteira terminando o nosso layout surpresa :l
Espero que tenham gostado!
Mas calma que esse não é o motivo de nossa postagem! Me lembro que á algum tempo alguém me pediu para fazer um tutorial de como colocar uma imagem no topo da área das postagens.

É bem simples, vamos ver?

Para área das postagens juntas:

1. Abra seu html, aperte CTRL+F e pesquise por:  .main-inner .column-center-outer {

2.  Logo após achar esse código, você vai encontrar algo assim:
.main-inner.column-center-outer {
background: $(post.background.color) $(post.background.url) repeat scroll top left;
background-image: none;

}
3. Exclua toda essa parte em itálico no código do passo 2, e cole isso no lugar dele:
background: #fff url(LINK_DA_IMAGEM) no-repeat top;
Agora você apenas coloca o link da sua imagem e prontinho!
Agora vamos ver para área das postagens seperadas:

1. Abra seu html e pesquise por: post-outer {

2. Assim que achar esse código cole isto abaixo dele, antes de {
background: #fff url(LINK_DA_IMAGEM) no-repeat top;

11 comentários:

  1. Já conhecia o Tuto ;D Mas mesmo assim ele é Útil! O Novo Layout ficou tão Kawaii >.< todos os seus Lay's são Kawaii,não tem como negar nada ;D *----*

    ~Chu,Have-Things.Com

    ResponderExcluir
    Respostas
    1. Pois é, fica super fofo! Dá um charme á mais pro lay *u* Awwn muiito obrigada ~ *o* Psé, adoro fazer lays kawaiis! KKKKK' *u*

      Bjs ^_^

      Excluir
  2. OMJ, que lindo seu lay *-* Amei o efeito do banner hover *-* Bem legal esse tutorial, super útil, até salvei nos favoritos :3

    poisonhtml.blogspot.com

    ResponderExcluir
    Respostas
    1. Awwwn mt obrigada *u* Adoro hover rsrs KKKK' Obrigada, que bom que gostou! ~ *u*

      Bjs ^_^

      Excluir
    2. Eu também hahaha.' Então, eu aceito afiliação sim, gatinha :3 Assim que me linkar, me avisa ?

      Beijos ;*
      poisonhtml.blogspot.com

      Excluir
  3. Por favor , eu mudei de URL segue ?
    http://c-being-myself.blogspot.com.br/
    e queria perguntar se podia divulga e me por nas afiliadas , ai te coloco nas minhas.

    ResponderExcluir
  4. Muito útil esse tutorial , seu blog é muito lindo *O*.

    Beijos
    rufflescom-chocolate.blogspot.com.br

    ResponderExcluir
  5. Rô-sua-diva!
    O tutorial é muito, muito util *u*
    Estava olhando o novo layout, e ficou a sua cara! Divo tipo você o/
    Beijos ~

    ResponderExcluir
    Respostas
    1. Leeh *u* Pois é, ainda bem que gostou ^.^
      AUSHAUSAU' Bem á minha cara mesmo KKK' Awn thaanks ~ :3

      Bjs ^_^

      Excluir

- Comente a vontade, eu retribuo ^3^
- Palavras de baixo calão, xingamentos e outros tipos de ofensas não são permitidos. Para quê tanto ódio no coraçãozinho, gente? c: