24.8.17

Destaque na primeira letra do post


No layout atual do Caixa de surpresas estou a usar um efeito que permite destacar a primeira letra do post, permitindo aumentá-la e ficar com alinhamento à esquerda, ou seja, a primeira linha começa a ser escrita a partir do topo da letra inicial, daí diferindo de como ficaria se aumentássemos apenas a fonte. É um efeito bastante intuitivo, mas eu tive a ideia graças ao antigo Cherry Bomb, agora chamado Jingimon: www. Aqui está o tutorial, personalizem como quiserem, vou também divulgar o meu modelo:

Prévia: www
Tutorial

Procurem por /b:skin e colem acima:
big {
font-size: 50px; 
font-style: bold;
color: #ff1b72; 
line-height: 30px;
float: left;
}

Se quiserem um modelo igual ao da prévia, aqui está o código: www - vale lembrar que têm de incorporar a fonte Berkshire Swash no vosso blog, procurando por <head> e adicionando em baixo:
<link href="Berkshire+Swash" rel="stylesheet" type="text/css">

Para adicionar, basta irem ao editor de texto da postagem, clicarem no editor de "HTML" que está por baixo do título do blog, procurarem pela primeira palavra do vosso texto e colocarem a primeira letra entre <big></big>, assim:
<big>O</big>lá! Hoje vamos falar sobre livros.
Já está ^^

5 comentários:

  1. Olá Anilyan tudo bem? você só posta sobre html aqui? Se não podia fazer um post falando sobre quais editores de imagens você usa, adoraria um post assim.
    Beijos.

    ResponderEliminar
  2. Hey Anilyan! ♥️ Como vai?

    ~Apesar de conhecer o blog há um certo tempo acho que é minha primeira vez comentando aqui!

    Gostei bastante do tutorial, dá um estilo bonito na postagem, e ele me lembra alguns livros que possuem essa letra maior no início dos capítulos!

    Eu não sou muito de fazer layouts mas eu certamente usaria esse tutorial se resolvesse fazer algum, eu já fiz um a um certo tempo, quem sabe eu não acabo fazendo outro? Mas sinceramente, eu sou realmente péssima em HTML e nessa questão o seu blog me ajuda muito!
    Amo seus tutoriais!! ^^

    Kissu & Sayonara!! | https://blog-rainydays.blogspot.com.br/

    ResponderEliminar
  3. Nice Information. Thanks for sharing such a nice information.
    exams
    healthcare
    lifestyle
    ---------------------------------------------------------------------------------
    Nice Information. Thanks for sharing such a nice information.
    competition /
    engineering /
    law /
    mba /
    school /
    medical /

    ResponderEliminar
  4. Awesome blog and article! Would like to thank you for sharing your views with us and here is some more information about everything in general, you might like too.
    Thyroid Cancer Symptoms Causes and Treatment
    Tobacco Side Effects on Health
    World’s Most Mysterious and Unexplained Photos
    what is Bitcoin and How Does Bitcoin Work

    ResponderEliminar