24 de dezembro de 2013

Tutorial: Imagem ocupando toda a largura da postagem.

||
O que você quer ver aqui no blog? Participe desse formulário de perguntas sobre o blog, para ver se vocês estão felizes ou não. Link Aqui.

Olá amores, tudo bem com vocês? Bom, hoje de manhã eu fui ao hospital dos óculos para tirar um novo grau, e descobri que tenho um de miopia. Sério, eu só tenho onze anos. Enfim, eles colocaram três gostas de colírio que limparam os meus olhos e agora eu tô com uma  séria dor nos olhos, e mal consigo escrever. Então, possivelmente, amanhã retribuirei as visitas. 

Hoje, eu estou trazendo para vocês o tutorial de deixar a imagem ocupando toda a largura da área de postagem. Mas para que a foto não fique fora da área, ela tem que ser do tamanho do seu post (de largura, que é tipo, <>). Enfim, use somente imagens no tamanho da sua área de postagem ok? Tire o print dela, aí da para ver, se não conseguir me chame que eu ensino. Tá, vamos ao tutorial?

1°: Vá até o painel do seu blog, modelo, editar HTML e procure a seguinte tag: "/* Mobile", quando achar, cole ABAIXO dela o seguinte código:
.post img, table.tr-caption-container {
 max-width: 680px; /* Tamanho da Imagem*/
height: auto;
margin-left: -4px; /* Espaço entre a margem esquerda do post e a imagem*/
margin-right: -4px; /* Espaço entre a margem direita do post e a imagem*/
}
Em "max-widht", coloque o tamanho da largura de sua imagem, como eu falei antes. Enfim, depois é só salvar e pronto :3 Lembre de sempre alinhar a sua imagem para esquerda. Alinhar enquanto fizer o post tá? Bom, esse tutorial só foi possível porque a linda Marina do blog Chá Com Anjos me ajudou, então, créditos a ela e a mim se usarem ok? Até mais amores, sei que ainda não é natal, mas Feliz Natal <3 

27 comentários:

  1. Nossa, um grau de miopia, mas você ficará
    linda de óculos ^-^ O tutorial é muito legal e útil.
    Feliz natal pra você e toda sua família.

    Abraços || sevendays-official.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Eu já usava, mas esse é mais bonito, a armação :3 Obrigada, para você também <3

      Excluir
  2. Eu queria usar óculos, mas minha vista é ótima vou comprar um óculos sem grau talvez. Em fim eu não conhecia o tutorial eu usava as ilustras no tamanho do post normal. O tutorial ficou bem explicado irei salva-lo.

    FH★

    ResponderExcluir
    Respostas
    1. Não queira, é um pesadelo. Mas enfim, muito obrigada <3

      Excluir
  3. Eu queria usar óculos, acho bem legal, mas eu fico feiz :c Mas, você ficara linda de óculos >.< Tutorial bem útil pra quem não sabe igual eu não sabia, usava normal ç.ç Kiss,
    Wanted Dream Radioactive

    ResponderExcluir
  4. Bem legal, huehue :D
    Beijos, Lili ;3
    Clique aqui, e vá para o blog / Princesa Teen! Com layout novo!

    ResponderExcluir
  5. Esse tutorial é ótimo pra um layout organizado, estou usando um parecido pro lay novo, é perfeito *u*

    htmlandresources.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Que ótimo <3 Layout novo? Já? Esse tá perfeito <3

      Excluir
  6. Já conhecia o tutorial! É tudo de bom >w< , Te desejo um feliz natal!
    Aguardando sua visita | e-rrormarcy.blogspot.com

    ResponderExcluir
  7. Também tive miopia com 11 anos, começou com 1,25 graus, agora são 4,50. Tenta não ficar muito no PC. Esse colírio não é pra limpar os olhos, é pra dilatar a pupila, aí sempre que você vai na claridade seus olhos ardem, e fica horrível pra ver de longe. Já fui no oftalmologista tantas vezes que já até sei essas coisas :O Usar óculos é uma droga, não sei como tem gente que tem vontade...

    As imagens alinhadas assim ficam bem legais *-*

    ResponderExcluir
    Respostas
    1. CARA, sério? Nossa. Ficar longe do PC? Vish. Mas enfim, muito obrigada <3

      Excluir
    2. hahah pois é isso que causa a miopia! Quando eu disse ficar longe eu disse tanto no sentido de usar menos como o de se afastar. Segundo a minha oftalmo, o que causa a miopia é usar muito a visão pra perto, o que acontece quando a gente fica no computador. Mas tem outras causas também, é dificil de evitar =/

      Excluir
  8. Bem útil o post *w* deixa as imagens perfeitinhas 0/
    Feliz natal e.e

    geekegirlie.blogspot.com

    ResponderExcluir
  9. Eu qeria usar óculos, todos falam que fico linda .-. . Tava qerendo compra um de lente transparente sem grau . Mas tava mt caro .-. . O post não me interessa mt ! Mas...
    www.ourblackpen.blogspot.com || Facebook || Ask

    ResponderExcluir
  10. Adorei o tutorial, ele é ótimo! rs

    beijos, my dear adventures ♥

    ResponderExcluir
  11. Qual o problema de ter miopia com 11 anos? Eu tenho desde os 9, por aí. ;-; Eu já acostumei com colírio, uma vez tive que pôr mais de seis vezes, enquanto meu pai fazia o mesmo. q Não uso tutorial para a imagem ocupar toda a largura, só deixo a imagem "deslinkada" (wtf) que fica certinha. \o

    ResponderExcluir
    Respostas
    1. Não há nenhum problema, eu já tinha, só que é fraca. O colírio é do capeta.

      Excluir
  12. Eu te entendo, eu tenho miopia e é horrível, no começo eu me recusava a usar os meus óculos, mas agora eu já acostumei, por que sem eles eu sou completamente cega -q Nunca tinha visto este Tutorial, vou usar com certeza >3<

    ResponderExcluir
    Respostas
    1. Eu não sou completamente cega sem ele, na verdade, minha visão ainda é boa sem eles. O problema é a dor nos olhos. Enfim, obrigada <3

      Excluir
  13. Vish, minha amiga só tem 20% da visão dela.
    Usa 5 graus =/

    ResponderExcluir

Vai comentar? Obrigada Mas antes, leia por favor:

Os comentários são moderados para eu saber quem comentou, assim posso retribuir, somente por isso ok? Pode comentar o que quiser, até criticas e ofensas, mas mantenha o respeito.
Leia o post todo antes de comentar, não comente apenas para divulgar o seu blog.
Se for colocar o link do seu blog, coloque sem o "https://", pois o blogger considera spam.
Não precisa comentar "Seguindo, segue de volta?" Se eu gostar, eu sigo.
O resto pode fazer :3 Mas tenha respeito.

Obrigada novamente