Procurar
Últimos assuntos
Nosso Banner
Gostaria de Parceria?
Se você quer ser nosso parceiro, pegue nosso banner abaixo e cole em seu fórum!
Clique - Crie parceria
Para parceria, é necessário seu registro no VisualArts!
Se você quer ser nosso parceiro, pegue nosso banner abaixo e cole em seu fórum!
Clique - Crie parceria
Para parceria, é necessário seu registro no VisualArts!
Web: Como criar um favicon para seu site.
Página 1 de 1
Web: Como criar um favicon para seu site.
Favicons são pequenos ícones que ficam na barra de endereço do browser
quando um determinado site é visitado, hoje em dia praticamente todos
os sites possuem favicons, abaixo podemos ver alguns favicons bem
conhecidos.
Vamos ver como criar um destes para seu site, caso você não tenha site
ou não mexa com web este tutorial não terá muita utilidade,
principalmente porque iremos citar alguns trechos de código html mais a
frente.
01. Pressione Ctrl+N para criar um novo arquivo, defina um tamanho de 64x64 pixels
(mais adiante iremos diminuir seu tamanho para 16x16 pixels) e 72 dpi´s
e pressione Ok, abra uma foto qualquer (no caso o logo que você queira
como favicon) pressione Ctrl+A, e depois Ctrl+C, volte ao documento do
favicon e pressione Ctrl+V, depois pressione Ctrl+T para abrir a caixa
de Free Transform
e redimensione a figura para o tamanho do documento, clique em uma das
pontas e arraste segurando o Shift para manter a proporção.
02. Agora pressione Ctrl+Alt+I ou vá em Image> Image Size e diminua o tamanho para 16x16 pixels, para salvar seu favicon pressione Ctrl+Shift+S ou vá em File> Save As..
e salve no formato .JPG porém na caixa de saída dê o nome de
favicon.ico , pois a extensão .ico é lida pelo browser e só assim o
favicon irá aparecer.
Agora faça o upload do favicon para o diretório raiz de seu site (deixe
o favicon no mesmo diretoria de sua página index) e na sua página index
inclua este trecho de código entre as tags [head] e [/head] (trocando
[] por <>).
[link rel="Shortcut Icon" href="/favicon.ico"] trocando [] por <>
Depois que isso for feito faça o teste entrando em seu site, caso seu
favicon não apareça experimente dar um refresh na página ou colocar um
'?' no final da url isto faz com que o browser pense que a página
carregada é uma página nova forçando ele a baixar todo o conteúdo da
página novamente.
Alguns problemas comuns.
No Internet Explorer IE 6 o favicon não aparece enquando a página não
for incluída no favoritos e no Safari para Mac ele não aparece até que
se limpe o cache do browser.
quando um determinado site é visitado, hoje em dia praticamente todos
os sites possuem favicons, abaixo podemos ver alguns favicons bem
conhecidos.
Vamos ver como criar um destes para seu site, caso você não tenha site
ou não mexa com web este tutorial não terá muita utilidade,
principalmente porque iremos citar alguns trechos de código html mais a
frente.
01. Pressione Ctrl+N para criar um novo arquivo, defina um tamanho de 64x64 pixels
(mais adiante iremos diminuir seu tamanho para 16x16 pixels) e 72 dpi´s
e pressione Ok, abra uma foto qualquer (no caso o logo que você queira
como favicon) pressione Ctrl+A, e depois Ctrl+C, volte ao documento do
favicon e pressione Ctrl+V, depois pressione Ctrl+T para abrir a caixa
de Free Transform
e redimensione a figura para o tamanho do documento, clique em uma das
pontas e arraste segurando o Shift para manter a proporção.
02. Agora pressione Ctrl+Alt+I ou vá em Image> Image Size e diminua o tamanho para 16x16 pixels, para salvar seu favicon pressione Ctrl+Shift+S ou vá em File> Save As..
e salve no formato .JPG porém na caixa de saída dê o nome de
favicon.ico , pois a extensão .ico é lida pelo browser e só assim o
favicon irá aparecer.
Agora faça o upload do favicon para o diretório raiz de seu site (deixe
o favicon no mesmo diretoria de sua página index) e na sua página index
inclua este trecho de código entre as tags [head] e [/head] (trocando
[] por <>).
[link rel="Shortcut Icon" href="/favicon.ico"] trocando [] por <>
Depois que isso for feito faça o teste entrando em seu site, caso seu
favicon não apareça experimente dar um refresh na página ou colocar um
'?' no final da url isto faz com que o browser pense que a página
carregada é uma página nova forçando ele a baixar todo o conteúdo da
página novamente.
Alguns problemas comuns.
No Internet Explorer IE 6 o favicon não aparece enquando a página não
for incluída no favoritos e no Safari para Mac ele não aparece até que
se limpe o cache do browser.
Tópicos semelhantes
» Como criar um Background para o Twitter.
» Como criar, salvar e reinstalar uma Layer Style para aplicação de bordas em suas fotos com apenas um clique.
» Como usar uma foto como background para ela mesma.
» Como criar uma capa de DVD.
» Como criar uma estrela.
» Como criar, salvar e reinstalar uma Layer Style para aplicação de bordas em suas fotos com apenas um clique.
» Como usar uma foto como background para ela mesma.
» Como criar uma capa de DVD.
» Como criar uma estrela.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Qui maio 26, 2011 10:02 pm por cooker
» 1000 Brushes para Download
Qui Abr 01, 2010 3:51 pm por x SparTan
» [Fonte]Game Logos
Qua Mar 31, 2010 2:41 pm por Gouveia -
» Ranks-Habbundo
Ter Mar 30, 2010 11:17 am por Ronoroa ~
» [Fonte]Coca-Cola
Qua Mar 17, 2010 5:52 pm por Hink
» [Fonte] Battlestar (Galactica)
Sáb Dez 12, 2009 6:14 pm por Aurora
» [Fonte]Team Spirit
Sáb Dez 12, 2009 6:07 pm por Aurora
» [Fonte] Aardvark Cafe (Hard Rock Café)
Sáb Dez 12, 2009 6:05 pm por Aurora
» [Fonte] Allstar
Sáb Dez 12, 2009 4:53 pm por Aurora