Hey gominhas, como estão ? ~ Hoje vamos aprender a personalizar o rodapé da postagem, deixando-o com o fundo e as bordinhas da cor que você quiser, e ainda arredondá-las <3
Vamos lá pessoinhas ♥
Vá até o HTML de seu blog, dê um CTRL+ F e procure pelo seguinte código:.post-footer {
Em seguida, cole abaixo (A-B-A-I-X-O) deste código, o seguinte :
background: #F5F5F5; /*** Cor do fundo ***/
border:1px dotted #FFE4E1; /*** Cor da borda ***/
box-shadow: 1px 4px 10px 2px #f3b9f5;
padding: 11px;
border-radius: 24px;
margin: .8em 0;
line-height: 1.6;
}
Ficará assim :
Agora, vamos personalizar para deixar do seu jeito.
Troque o código em rosa, pelo código da cor que você desejar que seja o fundo do rodapé.
O código em azul representa a cor das bordinhas do rodapé, troque pela cor que deseja.
O código em laranja representa um sombreado ao redor das bordas, sugiro que escolha cores suaves.
E o código em vermelho, representa o arrendondamento das bordas, quanto maior for o número, mais arrendondado ficará.
Agora é só visualizar, e se estiver tudo certinho, salve :3
border:1px dotted #FFE4E1; /*** Cor da borda ***/
box-shadow: 1px 4px 10px 2px #f3b9f5;
padding: 11px;
border-radius: 24px;
margin: .8em 0;
line-height: 1.6;
}
Ficará assim : Agora, vamos personalizar para deixar do seu jeito. Troque o código em rosa, pelo código da cor que você desejar que seja o fundo do rodapé. O código em azul representa a cor das bordinhas do rodapé, troque pela cor que deseja. O código em laranja representa um sombreado ao redor das bordas, sugiro que escolha cores suaves. E o código em vermelho, representa o arrendondamento das bordas, quanto maior for o número, mais arrendondado ficará.Agora é só visualizar, e se estiver tudo certinho, salve :3
Gostaram ?
Nenhum comentário:
Postar um comentário