Há um novo template para os blogs do Sapo!!
Ok, ok, há muitos novos templates para os blogs do Sapo, até os que são usados no blogger também podem ser usados no Sapo, mas este é especial, porque, pelo que julgo saber, é o primeiro que permite, que qualquer utilizador possa, facilmente, colocar TODO o blog, incluindo texto de posts, e conteúdo das barras laterais, de forma transparente, ou seja, permitindo ver a imagem que estiver em fundo.
E ainda permite rolar o texto da página, mantendo a imagem "parada" (atributo "fixed"), o que sempre dá um efeito catita.
Tudo isto é feito usando a personalização avançada do blog, alterando as definições de estilo no CSS (Cascading Style Sheets).
Muito boa a imagem escolhida como predefinição para o template, hein?
(estou a referir-me à segunda imagem...)
E ainda lembra vagamente a imagem predefinida do Ambiente de Trabalho no Windows XP.
Bem, chega de esforçar a vista a olhar para a imagem... (sim, para a segunda), aqui está o guia que mostra, como usar o template.
Como usar o template, com uma imagem de fundo:
Nota: para guardar este código para referência ou uso futuro, guarde-o num documento TXT, ou CSS (recomendado, sobretudo se usar um editor de texto com distinção de comandos por cores), no seu computador.
Dicas:
Trabalhar com CSS
Como a janela que mostra o código CSS é muito pequena, sugiro a que, quando se queira fazer alterações ao CSS, se copie todo este código para o editor de texto preferido (eu uso o Notepad++), de forma a poder trabalhar mais confortavelmente nele. Depois é só colar o código alterado de volta para a caixa.
Imagens cortadas
Se a imagem que quiser usar ficar "cortada", por exemplo ao usar uma imagem, sei lá, da Anna kournikova, por exemplo (quem quereria usar uma imagem da Anna kournikova?), e ela aparecer "sem cabeça", pode alinhá-la, de outra forma (a predefinição é ela ser alinhada a partir do fundo, do lado esquerdo).
Para mudar para o topo esquerdo, por exemplo, altere "fixed bottom left", que está na mesma linha do endereço da imagem a usar, para "fixed top left".
Diminuir espaço em branco no topo do blog
Esta está no blog dos templates, e mostra como reduzir o espaço que fica entre o título do blog e o conteúdo do post do topo, sobretudo nos blogs que não mostram uma descrição por baixo do título:
Na janela do Editor de CSS, localizar a primeira ocorrência da tag "header", e alterar o valor "height" (altura), de 160 pixeis, para um valor inferior, por exemplo, 80. Gravar as alterações.
Ah, e aqui está o link para a página do Estoril Open, que, ao que parece, esteve na origem da criação deste template.
Código CSS para o template transparente:
Fonte: Templates do Sapo