Cabeçalho

O Blog Html e Css tem como objetivo esclarecer todas as tuas dúvidas sobre design, codificação e personalização de blogs. Pede um tutorial, ou tira as tuas dúvidas. Estou aqui para te ajudar e faço-o de bom grado. Sugestões e perguntas são sempre bem-vindas. Obrigado pela visita e volta sempre.
- Zé Pedro Silva.

30/07/2013

Arredondar as Bordas do Template (Modelo Viagem)

Olá *-*, neste tutorial vou ensinar, como arredondar as bordas do teu template. Este código resulta para o modelo viagem e para os demais lançados no mesmo ano (os novos modelos).

No painel, vai a design → editar html → aperta F3 e procura por:
.main-inner .column-center-outer {
Esse código é o responsável pela área de postagens do blog. Abaixo disso, cola o código seguinte:
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
Altera 10px pelo valor que quiseres, de acordo com o arredondamento que queres. Agora procura por:
  • Barra Lateral à Direita:
 .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  • Barra Lateral à Esquerda:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
Após encontrares o código referente à sidebar do teu blog, copia o código seguinte e cola abaixo do código da tua sidebar:
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
E pronto *-*, como vês é muito fácil e fica muito bem.

2 Comentários:

  1. Bom [...] não consigo localizar o ".main-inner .column-center-outer {"
    A única coisa mais perto, da qual já cheguei a achar foi ".main-inner .column-center-inner {" Será que tem alguma diferença? v: [Detalhe: Sou iniciante em blogger]

    - And

    ResponderEliminar
    Respostas
    1. Está a usar o Modelo Viagem? Tente procurar outra vez, porque a tag existe! :o

      Eliminar

« »