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

 

 

por Sergio Alex às 20:39
link do post | comentar | favorito
Telemóveis Nokia

Telemóvel Nokia N95

Telemóvel Nokia 1208

Telemóvel Nokia E65

Telemóvel Nokia 2600 Classic

Telemóvel Nokia E51

Telemóvel Nokia 5200

Telemóvel Nokia 6120 Classic

Telemóvel Nokia E61i

Telemóvel Nokia 2630

Telemóvel Nokia 6233

Telemóvel Nokia 2310

Telemóvel Nokia 6110 Navigator

Telemóvel Nokia 3120 Classic

Telemóvel Nokia n82

Telemóvel Nokia 5000

Telemóvel Nokia 5320 Xpress Music

 

telemóveis Blackberry

Telemóvel BlackBerry Pearl 8110

Telemóvel BlackBerry Curve 8310

 

telemóveis LG

Telemóvel LG KG800

Telemóvel LG KE800 Chocolate Premium

Telemóvel LG KG275

Telemóvel LG KF600

Telemóvel LG KE970 Shine

Telemóvel LG KP100

Telemóvel LG KU380

Telemóvel LG KP235

Telemóvel LG KP130

Telemóvel LG KF510

 

telemóveis Motorola

Telemóvel Motorola V8

Telemóvel Motorola Q9

Telemóvel Motorola V8 Luxury

Telemóvel Motorola U9

 

tlemóveis HTC

Telemóvel HTC TyTN II

Telemóvel HTC Touch Cruise

Telemóvel HTC Touch Dual

Telemóvel HTC P3600

Telemóvel HTC Touch Diamond

 

telemóveis Sony Ericsson

Telemóvel Sony Ericsson S500i

Telemóvel Sony Ericsson T303i

Telemóvel Sony Ericsson W300i

Telemóvel Sony Ericsson K550i

Telemóvel Sony Ericsson W200i

Telemóvel Sony Ericsson P990i

Telemóvel Sony Ericsson Z250i

Telemóvel Sony Ericsson Z555i

Telemóvel Sony Ericsson W380i

Vídeo Review do Telemóvel Sony Ericsson P1i

Telemóvel Sony Ericsson P1i

Telemóvel Sony Ericsson K770i

Telemóvel Sony Ericsson K530i

Telemóvel Sony Ericsson W880i

 

telemóveis Para Crianças

Telemóvel Imaginarium Cam1

Telemóvel Imaginarium Mo1 | Telemóvel para Crianças

 

outros posts sobre telemóveis

Wallpapers para Telemóveis MoboPic

Revistas de Telemóveis

Despir Pessoas com o Telemóvel

Imagens de Bonecos para o Telemóvel

Como Saber Modelo de Telemóvel

Telemóvel Winx para Meninas na Optimus - Portugal

Programas para Desbloquear Telemóveis

Telemóvel ZTE Mobile F230

Códigos para telemóveis

Desbloquear telemóveis facilmente

posts recentes

Como Apagar o Blog Primár...

Vodafone 555 Azul - O Nov...

Caixas de Correio Tipo Am...

Perfumes Importados Femin...

Experimentos Caseiros

 

links interessantes

TMN

Optimus

Vodafone

Blog da Pinkinha

Jogo Vida Melhor

comentários

estou procurando valdir vieira desde 2002 ele é...
gostava de desbloquear nokia lumia 520 esta bloque...
Oi. Ainda bem que já tem seguidores. Aí está uma v...
Oi,Sergio. Obrigada pelo comentário no meu blog. T...
Tenho um blog no Sapohttp://mensagensdedonetzka.bl...

pesquisar