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.

31/07/2013

Personalizar o Rodapé Abaixo do Título dos Posts

Olá *___*, agora vou ensinar como personalizar o rodapé abaixo do título das postagens. É bem fácil, e fica bem organizado. Clica aqui, para veres o resultado da personalização. Pronto *-*, vamos então ao tutorial.

No painel, vai a design → editar html → aperta F3 e procura pela seguinte tag:
]]>
Depois de a encontrares, cola antes dessa tag, o código abaixo.
.post-header, .dados {
   margin: 0; /* não alteres */
   padding: 1px 0 1px 12px; /* não alteres */
   border-top: 1px dashed #DCDCDC; /* borda acima dos dados */
   border-bottom: 1px dashed #DCDCDC; /* borda abaixo dos dados */
   text-align: center; /* alinhamento centralizado dos dados */
   text-transform: uppercase; /* dados em letra maiúscula */
}
Feito isso, altera o código ao teu gosto, de acordo com os comentários à frente de cada linha de código. Como vês, é super fácil :) . Se tiveres alguma dúvida, não hesites em perguntar. 

0 Comentários

« »