Quarta-feira, 8 de Agosto de 2007

Criando banners e favicons...

 


imagem do banner do tecno blog Como o blog ainda está a começar a sua existência, há certos pormenores que vão sendo tratados a pouco e pouco.


Hoje criei o banner dele, para aquelas pessoas que preferem linkar usando banners, em vez de links de texto. Lá está ele, acabadinho de polir, na barra lateral.


 


Também criei o Favicon para ele. Para quem não sabe o favicon é o ícone dos blogs ou sites, que aparece nos favoritos, e ao lado do nome do blog, na barra de endereço do navegador, ou no separador/aba, para quem usar um navegador com separadores.


 


Ah, e também personalizei as cores das barras de scroll (as barras que se deslocam para percorrer a página, quando esta é maior do que o tamanho do ecrã), e vou dizer como fazer isso, mais á frente no texto.


 


Em relação ao favicon, como o SAPO ainda não tem, que eu saiba, uma opção na área de personalização, que permita inserir um favicon (o ideal seria apresentar vários ícones, para o utililzador escolher aquele que lhe agradasse mais, ou permitir escolher o endereço externo da imagem a usar, como se faz para escolher uma imagem de fundo, por exemplo), vou mostrar como inseri aqui o meu, para quem também quiser usar um favicon no seu blog do SAPO, e não souber como fazer.


 


 


Como usar um favicon nos blogs do SAPO:


 



  • criar uma imagem, ou usar alguma existente, de pequenas dimensões (máximo recomendado: 32x32 pixeis),

  • enviar a imagem para uma página que se tenha nas Homepages do SAPO (ou em qualquer outro lado),

  • ir à área de personalização intermédia, no blog onde se quer inserir o favicon,

  • escolher uma das caixas de componentes (pode usar-se uma que já tenha algum outro componente em uso),

  • inserir o código

    <head>
    <link REL="SHORTCUT ICON" HREF="http://endereço_completo_do_favicon">
    </head>



  • no separador Posições, activar a posição, se não estiver já activa

  • guardar alterações.


Actualizar a página do blog, e deverá aparecer já com o novo ícone.


 


Nota: como tudo nos blogs deve ser optimizado para permitir um uso o mais fácil possível para os utilizadores, e menores tempos de carregamento das páginas, etc., também se deve ter em atenção o tamanho do ficheiro da imagem a usar como favicon.


 


 


Como alterar as cores das barras de scroll:



  • repetir o processo anterior, e numa das caixas de componentes, inserir o código

    <STYLE>
    html {scrollbar-Face-color: #9E9E9E;
        scrollbar-highlight-color: #000000;
        scrollbar-shadow-color: #000000;
        scrollbar-3dlight-color: #9E9E9E;
        scrollbar-arrow-color: #000000;
        scrollbar-track-color: #FFFFFF;
        scrollbar-darkshadow-color: #000000;}
    </STYLE>




imagem do programa colorcop Nota: alterar os valores hexadecimais para as cores (o número após o símbolo cardinal), os que estão no código que mostrei, são os que usei. Um bom programinha gratuito, e que eu uso,  para trabalhar com códigos de cores é o Color Cop.


 


 


Explicação dos nomes de componente da barra:


 


   scrollbar-Face-color: a cor da face da barra


    scrollbar-highlight-color: borda esquerda e superior


    scrollbar-shadow-color: borda direita e inferior


    scrollbar-3dlight-color: rodeando a borda esquerda e inferior


    scrollbar-arrow-color: cor das setas nos 2 extremos


    scrollbar-track-color: cor da área por onde a barra se desloca


    scrollbar-darkshadow-color: rodeando a borda direita e inferior


 


 

Publicado no Blog Frases Para Rir - Por Sergio Alex às 18:14
link do post | comentar
partilhar
6 comentários:
De catia a 8 de Agosto de 2007 às 18:59
Criei o meu blog há pouco tempo e também já personalizei o meu espaço.
A tua dica do favicon era algo que eu queria adicionar ao meu blog também e como o SAPO ainda não em esta opção implementada dou-te os parabéns por teres dado a explicação aqui no teu blog. Vou já implementar no meu.
Obrigada!
Passa no meu estaminé quando quiseres, estás convidado :)
De Sergio Alex a 8 de Agosto de 2007 às 21:20
Obrigado, Cátia

Vou já ver o teu blog.

Acabo de reparar que cometi um pequeno erro, quando disse que se devia ir à personalização avançada, quando na verdade era personalização intermédia. Já corrigi.
Espero que isso não te tenha confundido.

Fica bem.
De caetano a 1 de Março de 2008 às 20:40
Pessoal, eu estou tentando inserir um favicon no meu site, já olhei e segui dicas de muitos fóruns mas ainda não consegui! Por favor me ajudem! Eu criei um favicon sem problemas em um site, fiz dowload do arquivo favicon.ico na pasta raiz do meu site, inseri entre as tags head, tudo certinho. Meu site ainda não está hospedado em um servidor, mas eu fiquei sabendo que mesmo com hospedagem local, o meu site deve apresentar o ícone com a logo q crie no meu navegador. Meu navegador é o IE 7 e ele apresenta todos os favicons automaticamente sem problemas em todo site por aí... menos o meu! Alguém consegue me ajudar?
Obrigado.

Caetano
De Sergio Alex a 3 de Março de 2008 às 01:47
Olá Caetano

Pode ver esta página que explica como criar o favicon no IE7 (em inglês):

http://www.5starsupport.com/info/ie7.htm#favicon (http://www.5starsupport.com/info/ie7.htm#favicon)


Abraço.
De Caetano a 7 de Março de 2008 às 18:48
Valeu pela dica Sérgio, mas por acaso não existe uma versão em português?

Valeu,
Abraços.
De Sergio Alex a 13 de Março de 2008 às 01:18
Olá Caetano

Fiz uma tradução rápida do texto para português. O que ele diz é isto:


1) Criar uma imagem .gif para usar como Favicon.

2) Usar um programa para converter a imagem num Favicon com a extensão .ico.
O autor sugere este:
http://www.chami.com/html-kit/services/favicon/ (http://www.chami.com/html-kit/services/favicon/), (ou pode usar qualquer outro ficheiro que já tenha a extensão .ico)

3) Depois de ter a imagem convertida para o formato .ico, pode fazer-se o upload da imagem para o directório raiz do site ou blog.

4) Isto deve ser o suficiente para fazer o Favicon aparecer no Firefox, mas pode ainda não aparecer nas versões do Internet Explorer acima da versão 5. Vamos continuar.

5) Colocar o ficheiro favicon.ico na pasta “imagens”. (ficando por exemplo assim: www.o-seu-site.com/imagens/favicon.ico)

6) Colocar a imagem Favicon no ficheiro index.html e verificando que o caminho completo para ela é www.o-seu-site.com/imagens/favicon.ico.

7) Depois de ter feito o upload dos ficheiros para o site, pode limpar-se a cache, da seguinte forma:

A. Abrir o Internet Explorer,
B. Ir a Ferramentas > Opções da Internet,
C. Apagar os Ficheiros Temporários da Internet (incluindo conteúdo offline),
D. Apagar o Histórico.

8) Pode ser necessário colocar um link indicando o caminho para o favicon, entre as tags < head > e < /head >.

9) Fechar o Internet Explorer, e depois reabri-lo. Agora escrever o endereço para o site onde colocamos o favicon.

Pode ser necessário premir a tecla F5 para actualizar a página e fazer aparecer o favicon.



Comentar post

Últimos posts

Como Apagar o Blog Primár...

Frases Engraçadas para Ho...

Coisas Engraçadas para Ri...

Palavras Engraçadas para ...

25 Frases Para Rir Que Nã...

Só Frases Para Rir

25 Frases de Amor e Outra...

25 Frases Diversas para R...

25 Frases para Rir de Fia...

25 Frases Boas para Rir

Frases de Rir até Dizer C...

Melhores Frases Para Rir ...

25 Frases Para Rir Bem

Diferenças Entre Homens e...

25 Frases Originais de Ho...

Lista de Frases Para Rir

25 Novas Frases Para Rir

25 Frases Para Rir Nunca ...

25 Frases Mais que Divert...

25 Frases e Pensamentos E...

Comentários

madrinha há muito tempo que não te vejo estou com ...
Para pesquisar pessoas no Brasil através do nome, ...
Estou procurando o Engenheiro Civil LUÍS ALBERTO S...
Estou a procura do meu pai Manuel do Nascimento Mo...
Procuro um senhor camado Joaquim morava nas barra...
Bobagemmm
Oque tou fazendo
Gostaria de saber informações de Antonio Manuel Va...
em qual filme (1 ou 2) é que o burro diz "eu sou u...
olá gostari a de encontra familiares do tio da mi...
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

mais comentados

subscrever feeds

pesquisar