Tutorial - Personalizando Área dos Comentários

 


Yoo Amiguitos ~

Eu trouxe um tutorial de como personalizar a área dos comentários parecidas com a daqui, é bem fácil mesmo. Estou muito feliz pois é meu primeiro tutorial que estou postando aqui no KW ^3^ .

O tutorial é bem fácil mesmo e simples, uns 2 minutinhos você já faz o tuto. Bora conferir meus anjos ?

Let's Go ~



Vá em seu querido HTML, dê um CTRL + F  e procure por:

#comments {

Vocês vão encontrar algo mais ou menos assim:

#comments {
  background: $(comments.background);
  padding: 15px;
}

Depois disso é só substituir o código acima, por esse:


#comments {
border: 2px solid #000000; /*Cor da Borda, espessura e tipo/*
background: #ffffff; /*cor de fundo/*
padding: 15px; /*espaçamento/*
}

Mude as cores utilizando uma tabela de cores. Caso queira bordas arredondadas, logo abaixo de padding: 15px; /*espaçamento/* , cole o seguinte código:

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

Salve. Prontinho :3


Nenhum comentário:

Postar um comentário