Olá pessoal! Tudo bem com vocês?
Neste terceiro tutorial irei trazer para vocês algumas dicas como alinhar as imagens tanto para direita quanto para esquerda e centralizado + códigos HTML essenciais para nossos posts.
Para quem está iniciando e quer deixar seu post mais limpo e bem apresentável, nós usamos alguns artifícios e aqui veremos: como deixar mais espaço, como justificar um texto e como colocar links direto de imagens. Talvez você poderá perceber que eu trouxe novamente aqui alguma dica, mas como recordar é viver então não tem problema. E chega de papo e vamos para a ação!
Alinhando as imagens
Colocando esses códigos:
lado direito
<div class="pull-right">Sua imagem aqui</div>lado esquerdo
<div class="pull-left">Sua imagem aqui</div>
centralizado
<center>Sua imagem aqui</center>
Agora vamos centralizar a imagem:
Justificar texto
É muito importante visualmente um texto bem dinâmico e bem organizado. Com blocos e deixando um espaço para cada parágrafo. Vamos saber como se faz:
<div class=text-justify>
Seu texto aqui
</div>
Colocando espaço entre os textos
Por mais que você aperte no enter não consegue o espaço que tanto deseja. Seus problemas acabaram:
1 espaço
Seu texto aqui<br>Seu texto aqui
Seu texto aqui
Seu texto aqui
2 espaços
Seu texto aqui
<br>
<br>
Seu texto aqui
Seu texto aqui
Seu texto aqui
3 espaços
Seu texto aqui
<br>
<br>
<br>
Seu texto aqui
Seu texto aqui
Seu texto aqui
Colocando link direto em imagens/gifs
Lembrando que ainda coloco o
<center> e o </center> para centralizar suas(eus) imagens/gifs para ficarem mais organizadas então coloque assim:[sua imagem](o link da imagem)
Para essa imagem ele fica desse jeito:
<center>[](https://pixabay.com/pt/coiote-vida-selvagem-natureza-948817/)</center>
Ficamos por aqui pessoal e espero que eu tenha te ajudado, comente aí se gostou e se possível dê um upvote!
Fonte de imagem 1/design @coyotelation - imagem 2
Acompanhe as publicações anteriores
#pt é a nossa tag
Clique na imagem/gif para conhecer os projetos que apoiam nossa comunidade
@coyotelation Muito bom! Como você está colocando o index na base do post, é só substituindo nos favoritos. ;D
Excelente trabalhando sem sombra de dúvida!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
haha.. valeu @nascimentoab. O que dá pra melhorar irei sempre compartilhar e valeu pela presença!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Sem dúvida, vou experimentar. Obrigado pela ajuda, amigo!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Eu que agradeço! Abraço!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Me ajudou muito obrigado!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Valeu! Tamu junto!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Boas dicas. Um bocadinho de HTML para todos :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
hahaha valeu! Sempre é bom!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Parabéns, seu post foi votado e compartilhado pelo projeto Brazilian Power, cuja meta é incentivar a criação de mais conteúdo de qualidade, conectando a comunidade brasileira e melhorando as recompensas no Steemit. Obrigado!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Obrigado! Vamos em frente!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Congratulations @coyotelation! You have completed some achievement on Steemit and have been rewarded with new badge(s) :
Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here
If you no longer want to receive notifications, reply to this comment with the word
STOPDownvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Uhul! Menos uma bloqueada!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Muito bom cara, aposto que isso vai ajudar um monte de gente, e na real, que não vejo problema em se repetir certos conceitos, o importante é estarem expressados de diversas formas, podendo assim serem entendidos por uma variedade maior de pessoas, tem que veja algo simples e consiga executar, tem quem precise de exemplos, outras pessoas precisam de ouvir, de assistir, enfim, o importante é o compartilhamento desse conhecimento em todas as formas, e bom ver que tem quem faça isso!! Grato por compartilhar com a gente isso!!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Obrigado pela força Paulo! Sempre bom compartilharmos nossos conhecimentos aqui. Valeu!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Opa, de nada!! É essa a meta!! Grato pela resposta!!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Muito bom! Tem coisa que eu nem sabia e vai me ajudar bastante aqui!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Vai sim Paixão, arrocha!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Legal essas dicas, a de justificar estava atrás esses dias! Me ajudou, obrigada. Só uma dica que talvez seja bom para acrescentar no seu post. Como vc já está na terceira postagem sobre o assunto, acho que pode ser bom colocar o link das últimas no fim do texto.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Se eu te disser que eu iria fazer isso Letícia! hahahaha... mas como você percebeu eu não coloquei! Vou providenciar! Obrigado! :D
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Simples, direto e muito útil. Um post para referência em todas as horas. Obrigado por compartilhar!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Valeu @aldenio! Sempre em prol da comunidade! Obrigado!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Obrigado pelas dicas!vai me ajudar bastante a acrescentar também nos meus posts.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Vai sim! Não esqueça de ver os posts anteriores no final desse texto!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Muito útil o tutorial. Uma boa apresentação visual ajuda no conjunto da obra!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Obrigado pela força @riscadox! É muito bom a gente ler um bom post quando ele contém uma ótima apresentação e dá pra entendermos melhor.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Bom saber! Ainda não sabia que divs faziam parte da linguagem do steemit. Show de bola!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Fazem sim e ainda tem outras coisas rsrsrsrs... Valeu!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Fiz um post que não estava agradável aos olhos mas, com a sua ajuda, ele melhorou bastante, ainda não está 100%, mas chego lá.
Obrigado pela ajuda!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Eu conferi lá! Gostei muito! Só quando for "justificar" o texto, não deixe o
<br>próximo ao<div class=text-justify>ok? Porque deixando ele perto ele não ajusta o texto!Outra dica, caso tenha colocado o
<div class=text-justify>acima do seu texto, não esqueça do</div>no final. Por exemplo:<div class=text-justify>Seu texto aquiSeu texto aquiSeu texto aquiSeu texto aqui</div>Fazendo assim seu texto bem melhor do que já estar. Fico feliz que tenha gostado! Darei mais dicas em breve! Abraço.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Obrigada pelas dicas!!! Principalmente de como colocar links nas imagens/gifs :) Tenha uma Boa Noite!!!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Boa noite! Que bom que gostou! :D
Use sem moderação
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Post digno de ficar salvo nos favoritos! Obrigado pela colaboração.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit