Segunda-feira, 6 de Agosto de 2007

Template transparente nos blogs SAPO

 


imagem sexy de anna kournikovaHá 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).


 


 


 


paisagemMuito 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:



  1. Fazer login no vosso blog, e clicar em Entrar,

  2. Ir a "Gestão do blog", "personalização",  "básica",

  3. no template SAPO, clicar em "usar este template",

  4. Seleccionar e copiar o código abaixo (na caixa de texto ao fundo do post),

  5. passar à área "avançada", ainda na "personalização",

  6. em "Opções Avançadas",  abrir o "Editor CSS",

  7. marcar a caixinha "editar CSS do blog",

  8. seleccione todo o código existente na caixa (CTRL + A, após clicar com o rato dentro da caixa),

  9. cole o novo código que foi copiado daqui (CTRL + V).


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.


 



  1. guardar as alterações. (pode ficar por aqui, se quiser manter a imagem predefinida, para a mudar, continue a ler)

  2. localizar a expressão "background: url('http://css.do.sapo.pt/paisagem.jpg')", logo no inicio do código, e que define a imagem a usar como fundo,

  3. substituir o endereço da imagem actual, pelo endereço completo da imagem que se quiser utilizar (a imagem deve ter dimensões minimas de 800 x 600 pixeis, o recomendado é de 1280 x 800).


 


 


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


 


 

Publicado no Blog Frases Para Rir - Por Sergio Alex às 20:39
link do post | comentar
partilhar

Últimos posts

Template transparente nos...

Comentários

Realizamos diversas consultas de dados. Entrem em ...
CRAZZZYYYYY HAHAHAHAHAHAHAHAHAHAHAHHHHAHAAHHAAHHAA...
Procuro por Marli juvita Souza da Silva e ely sand...
Olá. Eu procuro a vó da minha esposa que é de Port...
Boa tarde Joana,O meu nome é Catherine Fraga e fal...
sim com o gabriel
Ola bom dia, procuro Serafim gonçalves dos Santos ...
diabo acredito em vc me responde por favor?quantas...
oi diabo gostaria de saber quantas pessoas tem no ...
ESSE CARA, A MAE DELE, E O PAI DELE SAO TRES MONTR...
links

Privacidade

Clicky Analytics

arquivos

Julho 2017

Setembro 2014

Agosto 2014

Julho 2014

Fevereiro 2012

Janeiro 2012

Dezembro 2011

Agosto 2011

Abril 2011

Fevereiro 2011

Dezembro 2010

Outubro 2010

Setembro 2010

Agosto 2010

Julho 2010

Junho 2010

Maio 2010

Abril 2010

Março 2010

Fevereiro 2010

Janeiro 2010

Dezembro 2009

Novembro 2009

Outubro 2009

Setembro 2009

Agosto 2009

Julho 2009

Junho 2009

Maio 2009

Abril 2009

Março 2009

Fevereiro 2009

Janeiro 2009

Dezembro 2008

Novembro 2008

Outubro 2008

Setembro 2008

Agosto 2008

Julho 2008

Junho 2008

Maio 2008

Abril 2008

Março 2008

Fevereiro 2008

Janeiro 2008

Dezembro 2007

Novembro 2007

Outubro 2007

Setembro 2007

Agosto 2007

Julho 2007

Junho 2007

Maio 2007

Abril 2007

Março 2007

Fevereiro 2007

Janeiro 2007

Dezembro 2006

Novembro 2006

Outubro 2006

Setembro 2006

Agosto 2006

Julho 2006

tags

todas as tags

subscrever feeds

pesquisar