Determinando novos elementos nas páginas estáticas

No post passado, eu havia ensinado como fazer para ocultar determinados elementos nas páginas estáticas. Mas você sabia, que neste mesmo código, você também pode definir elementos novos?

Por exemplo, eu queria que os títulos das minhas páginas estáticas fossem de um tamanho maior que os títulos da postagem.

Os títulos das minhas postagens são descritos assim:


.post h1, h1 {
color: #343434;
font-size: 16px;
font-weight: bold;
}

Nos títulos da postagem, o tamanho da minha fonte é 16 pixels, e eu queria que nas páginas estáticas, o tamanho da fonte fosse 25 pixels. O que eu fiz?

Não entendeu nada? Freud explica:

Dentro do mesmo código que usamos para ocultar elementos, repeti o código que uso para determinar os meus títulos e apenas acrescentei o tamanho que eu queria. Ficou assim:


<!-- Estilos das páginas estáticas Inicio -->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>

.post h1, h1 {font-size: 25px;}

</style>
</b:if>

<!-- Estilos das páginas estáticas Fim -->

Desta forma eu pude determinar o tamanho do título das minhas páginas estáticas sem ferir o código real.

Este foi só um exemplo. Você pode usar a sua imaginação para determinar melhor o estilo das suas páginas estáticas. ;)

Bella Felix

facebooktwitterlinkedin

Cursando Design Gráfico, blogueira, pseudo-escritora, viciada em RPG e animes, desenha e devora livros. Autora dos blogs Pink Skull Design e The Black Element.