Um repositório de templates para blogs alojados no SAPO.
Quinta-feira, 19 de Julho de 2007
Transparente (versão 1.0)
Se gostaram do template do blog oficial do Estoril Open, com o seu efeito de transparência, então vão gostar deste. É possível utilizar qualquer imagem de fundo, sem necessidade de editar a imagem. As instruções para instalar o template, e alterar a imagem, seguem abaixo.
Nota: O efeito de transparência é aplicado a todo o conteúdo do blog (imagens, vídeos, etc).
Pré-visualizar este template.
Instruções para aplicar este template:
1. Na Personalização Básica, aplicar o template SAPO.
2. Seleccionar e copiar o código abaixo disponibilizado (no Internet Explorer, basta clicar em Seleccionar tudo).
3. Aceder à área de personalização avançada do blog e, nas Opções Avançadas, abrir o Editor CSS do blog.
4. Seleccione todo o código existente e cole o novo.
5. Guardar alterações.
Instruções para mudar a imagem de fundo:
1. Depois de instalar o template, logo nas primeiras linhas do código, procure a referência a "background".
2. Troque o endereço da imagem que consta dessa definição pelo endereço da imagem que pretende utilizar (pode alojar a imagem no Fotos Sapo, por exemplo, e utilizar o endereço dessa imagem).
Nota: A imagem deve ter como dimensões mínimas 800 por 600 pixels, de modo a preencher por inteiro o fundo do blog. As dimensões recomendadas são 1280 por 800.
Notas prévias:
- Implementar este template anula todas as alterações anteriores feitas ao grafismo do blog, ao nível dos fundos, cores, tipo e tamanhos de letra usados.
- Se quiser guardar essas alterações, para mais tarde poder restaurá-las, seleccione e copie o código CSS já existente para um ficheiro de texto do Notepad (aplicação comum do Windows).
- Para alterar aspectos desta template, como sejam os fundos, cores e tipos de letra utilizados, não é possível usar a Personalização Intermédia.
- Pode mudar de template a qualquer altura, através da Personalização Básica ou repondo o código CSS existente anteriormente (são os mesmos passos descritos acima).
- Note que, em alguns blogs já muito personalizados, é possível que o template não seja aplicado idealmente, devido à existência de componentes com dimensões maiores (imagens, scripts, players de música, etc) que aquelas previstas por este template.
Templates: transparente
De Dani a 20 de Julho de 2007 às 09:38
Uau, esse ta mt bom.. por acaso n se aceitam encomendas n? 
De Sílvia a 21 de Julho de 2007 às 00:11
Já instalei este template, mas, como tenho alguns slides no meu blog (criados no site slide.com), este template tornou-os mais lentos. Haverá maneira de resolver isto, ou é mesmo da velocidade da ligação à internet?
De Pedro a 21 de Julho de 2007 às 09:15
Bom dia Sílvia,
Receio que o problema seja mesmo do template e que não haja nada a fazer. Aquele efeito de transparência pode estar a tornar mais lenta a apresentação dos slides, uma vez que é aplicado a todo o conteúdo e isso pode atrasar um pouco a sua exibição.
Receio que o problema seja mesmo do template e que não haja nada a fazer. Aquele efeito de transparência pode estar a tornar mais lenta a apresentação dos slides, uma vez que é aplicado a todo o conteúdo e isso pode atrasar um pouco a sua exibição.
De Interessado a 29 de Julho de 2007 às 10:54
Alguem me podia dizer em que linha da css deste template, é que se muda a posição da barra lateral, ela está na esquerda e queria na direita!
De Interessado a 29 de Julho de 2007 às 10:56
Desculpem ela esta na direita e eu queria na esquerda. agradeço ajuda!
De Interessado a 29 de Julho de 2007 às 22:12
Eu não quero estar a chatear mas se me puder responder tudo num comentário, aquilo de mudar a posição da barra lateral e uma coisa nova que é o seguinte, eu gostava que as imagens que eu coloco nos posts não ficassem transparentes como o fundo.
Obrigado
Obrigado
De Pedro a 30 de Julho de 2007 às 09:55
Bom dia,
Não chateia :-)
Para mudar a coluna lateral para a esquerda:
- Procurar a tag #container e trocar o left por right
- Procurar a tag #extras e trocar o right por left
Quanto às imagens, receio que não seja possível. O efeito de transparência é aplicado a todo o conteúdo da coluna dos posts :-/
Não chateia :-)
Para mudar a coluna lateral para a esquerda:
- Procurar a tag #container e trocar o left por right
- Procurar a tag #extras e trocar o right por left
Quanto às imagens, receio que não seja possível. O efeito de transparência é aplicado a todo o conteúdo da coluna dos posts :-/
De PINKGLOSS a 21 de Julho de 2007 às 23:44
SIMplesmente ! um dos melhores trabalhos! ADOREI!
agr so preciso da imagem perfweita
agr so preciso da imagem perfweita
De Rui Barbosa a 2 de Agosto de 2007 às 15:28
Hmm :) Interessante...
Digam-me apenas uma coisa: para não tornar a exibição da imagem demasiado lenta, com são as definições ideais para aplicar à dita cuja, photoshopemente falando?
Digam-me apenas uma coisa: para não tornar a exibição da imagem demasiado lenta, com são as definições ideais para aplicar à dita cuja, photoshopemente falando?
De Pedro a 2 de Agosto de 2007 às 15:40
Olá Rui,
Depende muito da imagem e do grau de qualidade pretendido (e ainda do tipo de ligação à internet no qual se está a pensar). Não recomendaria utilizar imagens com mais de 120 kb (parece-me ser um limite razoável).
Depende muito da imagem e do grau de qualidade pretendido (e ainda do tipo de ligação à internet no qual se está a pensar). Não recomendaria utilizar imagens com mais de 120 kb (parece-me ser um limite razoável).
De Pedro a 2 de Agosto de 2007 às 16:36
Sim, é uma opção. A imagem só não deve ser demasiado pesada, de maneira a deixar a página em branco por muito tempo.
De khyos zhyboro a 16 de Agosto de 2007 às 02:44
Ups!
Surgiu um problema! A barra lateral estava na esquerda e foi para a direita. Sim, eu li em cima e consegui colocar tudo direitinho.
O problema mesmo é que a barra lateral ficou em baixo da área de posts. Eu queria que ela se mantivesse na mesma na esquerda, ao lado e não em baixo da área de post.
Como e o que fazer?
E quanto aos tipos de letra? Algum conselho ou para leigos como eu nestas andanças, é melhor estar quieto?
Abraço e obrigado por tudo.
Surgiu um problema! A barra lateral estava na esquerda e foi para a direita. Sim, eu li em cima e consegui colocar tudo direitinho.
O problema mesmo é que a barra lateral ficou em baixo da área de posts. Eu queria que ela se mantivesse na mesma na esquerda, ao lado e não em baixo da área de post.
Como e o que fazer?
E quanto aos tipos de letra? Algum conselho ou para leigos como eu nestas andanças, é melhor estar quieto?
Abraço e obrigado por tudo.
De Pedro a 17 de Agosto de 2007 às 11:25
Olá Khyos,
Pode indicar o blog no qual está a fazer essa alteração?
Pedro
Pode indicar o blog no qual está a fazer essa alteração?
Pedro
De khyos zhyboro a 18 de Agosto de 2007 às 02:07
http://khyos.blogs.sapo.pt
Agradeço a ajuda. Entretanto já mudei para o aspecto que tinha antes. Só para não parecer mal enquanto anda em obras...
Mas se for preciso deixa-lo assim, para ver qual é o problema, eu deixarei, é só dizer-me.
Abraço.
Agradeço a ajuda. Entretanto já mudei para o aspecto que tinha antes. Só para não parecer mal enquanto anda em obras...
Mas se for preciso deixa-lo assim, para ver qual é o problema, eu deixarei, é só dizer-me.
Abraço.
De Eu própria a 29 de Agosto de 2007 às 20:30
Diz que não é possivel alterar o tipo de letra,o tamanho e as cores. No entanto, no blog do estoril open, os titulos estão a uma cor diferente. Como é que é possivel?Obrigada
De Pedro a 29 de Agosto de 2007 às 21:40
Olá Inner Demon,
Não é possível alterar o tipo de letra, o tamanho e as cores deste template na Personalização Intermédia. Só o pode fazer na Personalização Avançada, explorando o código CSS que é fornecido e no qual tudo pode ser alterado. A diferença é que na Personalização Intermédia existe um interface simpático e simples, no código CSS é preciso familiarizar-se com cada definição, para descobrir o que faz.
Em todo o caso, se tiver alguma dúvida, estamos aqui para isso.
Não é possível alterar o tipo de letra, o tamanho e as cores deste template na Personalização Intermédia. Só o pode fazer na Personalização Avançada, explorando o código CSS que é fornecido e no qual tudo pode ser alterado. A diferença é que na Personalização Intermédia existe um interface simpático e simples, no código CSS é preciso familiarizar-se com cada definição, para descobrir o que faz.
Em todo o caso, se tiver alguma dúvida, estamos aqui para isso.
De Eu própria a 29 de Agosto de 2007 às 20:40
Quem diz mudar a cor também diz mudar o tipo de letra ou o tamanho. Se tal for possivel, por favor, explique-me...
De Eu própria a 30 de Agosto de 2007 às 00:20
O que são layers? Desculpem a ignorancia, mas é assim...
De Pedro a 30 de Agosto de 2007 às 11:11
Não tem que pedir desculpa. Ninguém é obrigado a saber o que são layers :-)
Neste contexto, layers são camadas de personalização do blog. Uma layer define o arranjo gráfico do blog, outra layer define os componentes que aparecem, etc.
A layer mais importante é aquela que pode ser alterada através do Editor de CSS, e que define coisas como as cores, tipos de letra, estrutura do blog, etc
Neste contexto, layers são camadas de personalização do blog. Uma layer define o arranjo gráfico do blog, outra layer define os componentes que aparecem, etc.
A layer mais importante é aquela que pode ser alterada através do Editor de CSS, e que define coisas como as cores, tipos de letra, estrutura do blog, etc
De hitany-fx a 3 de Setembro de 2007 às 15:10
Como é que eu mudo o background deste templante ? é que eu não sei como é que arranjo o código da imagem que quero para trocar pelo original.
De Pedro a 3 de Setembro de 2007 às 15:15
Olá Hitany,
Encontra-se tudo explicado no post. Primeiro, precisa de ter uma imagem alojada algures na internet. Pode utilizar o SAPO Fotos (http://fotos.sapo.pt) para alojá-la. A partir do momento em que ela estiver lá alojada, por trocar o endereço da imagem usada no template pelo da sua imagem (para saber o endereço da imagem, basta clicar com o botão direito do rato em cima da imagem e ver as propriedades ou copiar o endereço).
Encontra-se tudo explicado no post. Primeiro, precisa de ter uma imagem alojada algures na internet. Pode utilizar o SAPO Fotos (http://fotos.sapo.pt) para alojá-la. A partir do momento em que ela estiver lá alojada, por trocar o endereço da imagem usada no template pelo da sua imagem (para saber o endereço da imagem, basta clicar com o botão direito do rato em cima da imagem e ver as propriedades ou copiar o endereço).
De Poky!! a 7 de Setembro de 2007 às 21:58
No codigo nm axei a URL da imagem de fundo pra eu trokar por outra eu sei fazer templates mais keria testar sera q dda pra mudar ai essi fundo??
De Pedro a 7 de Setembro de 2007 às 22:13
O URL da imagem do fundo está logo na primeira ou segunda linha.
Para saber como instalar os templates aqui disponibilizados, clique em "Ver mais" no respectivo post.
Tentamos responder a todas as dúvidas que possam surgir, e que podem ser deixadas nos comentários do respectivo template :-)
This work is licensed under a Creative Commons Attribution 3.0 License.
Posts recentes
Pesquisar este blog
Templates
Arquivos
This work is licensed under a Creative Commons Attribution 3.0 License.
subscrever feeds
