collapse

* Posts Recentes

+ LASERs por dropes
[Ontem às 16:01]


Cerca eléctrica por SerraCabo
[14 de Junho de 2025, 23:26]


Alguém arranja motores? por almamater
[10 de Junho de 2025, 22:34]


Condensador 4.7uF 0603 por brunus
[09 de Junho de 2025, 15:52]


Lenovo IdeaPad 3 Não liga por jm_araujo
[07 de Maio de 2025, 19:10]


Identificar Diodo Zenner por filjoa
[01 de Maio de 2025, 23:07]


Meu novo robô por dropes
[18 de Março de 2025, 14:51]


JBL partybox On-The-Go por almamater
[21 de Fevereiro de 2025, 23:32]


Talking Reverse Engineering with an Absolute Legend! por SerraCabo
[13 de Fevereiro de 2025, 09:56]


Motoserra Stihl 120C por brunus
[11 de Fevereiro de 2025, 16:29]

Autor Tópico: Favicon - LusoRobotica  (Lida 9097 vezes)

0 Membros e 1 Visitante estão a ver este tópico.

Offline Kristey

  • Mini Robot
  • *
  • Mensagens: 783
Favicon - LusoRobotica
« em: 14 de Janeiro de 2014, 15:57 »
Bem como andei aqui a organizar os meus favoritos, e aqui a LusoRobotica não tinha uma coisa bonita como merece logo deixo aqui ao administrador.
A implementação é facil é só dentro do <head>
<link rel="shortcut icon" href="favicon.ico" />

Os ficheiros ja estão nas formas a usar *.ico e nas dimensões correctas.
http://cl.ly/1w3b2C2X3y3L

Estando o ficheiro na raiz do site / com o nome favicon.ico
Penso que pelo que pesquisei na altura para o meu site o nome tem de ser mesmo favicon, para os browser's interpretarem aquela imagem como a imagem para meter no bookmark.

Criei dois modelos:
Um branco com o fundo azul:


Outro branco com o sem fundo:

(este nao dará para utilizar em alguns browsers, porque nao se vai ver), mas se quiserem podem votar no que acham melhor)

Offline TigPT

  • Administrator
  • Mini Robot
  • *****
  • Mensagens: 5.378
    • Tiago Rodrigues
Re: Favicon - LusoRobotica
« Responder #1 em: 14 de Janeiro de 2014, 16:30 »
Agradeço, mas não gostavas do actual?
Código: [Seleccione]
http://lusorobotica.com/favicon.ico

Offline samc

  • Mini Robot
  • *
  • Mensagens: 442
Re: Favicon - LusoRobotica
« Responder #2 em: 14 de Janeiro de 2014, 17:30 »
Para mim o atual funciona muito bem por ser em preto e fazer contraste com as tabs em cinza.
A única sugestão que poderia existir para mim era fazer "favicons" para outros "sistemas" (windows 8, iOS). Este site faz o resize por nós www.iconj.com)
E retorna o código:
Código: [Seleccione]
<link rel="shortcut icon" href="http://www.iconj.com/ico/u/g/xxxxxxxxxx.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" sizes="57x57" href="/images/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/images/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/images/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/images/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/images/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/images/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/images/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="/images/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="/images/favicon-160x160.png" sizes="160x160" />
<link rel="icon" type="image/png" href="/images/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/images/favicon-16x16.png" sizes="16x16" />
<meta name="msapplication-TileColor" content="#9f00a7" />
<meta name="msapplication-TileImage" content="/images/mstile-144x144.png" />

Offline Kristey

  • Mini Robot
  • *
  • Mensagens: 783
Re: Favicon - LusoRobotica
« Responder #3 em: 14 de Janeiro de 2014, 17:35 »
Tig_PT nem fazia ideia que ja havia por isso criei (burro, podia ter isso ao codigo da pagina).
É que aqui nao abre...
Deve ser algum problema com o codigo!

Desculpa Tig_PT, mesmo assim se gostarem do "azul" podes aproveitar :D

Offline TigPT

  • Administrator
  • Mini Robot
  • *****
  • Mensagens: 5.378
    • Tiago Rodrigues
Re: Favicon - LusoRobotica
« Responder #4 em: 14 de Janeiro de 2014, 17:39 »
Experimentei esse auto generator mas ficam um bocado desfigurados, com fundos cinza e tal.

Mas a ver se faço então!

Offline Kristey

  • Mini Robot
  • *
  • Mensagens: 783
Re: Favicon - LusoRobotica
« Responder #5 em: 14 de Janeiro de 2014, 17:48 »
Eu estou a utilizar no safari. Ja experimentei e no firefox aparece.
Na minha pagina implementei assim:
Código: [Seleccione]
    <link  rel="icon" href="img/favicon.ico">
    <link  rel="shortcut icon" href="img/favicon.ico">

E funciona em todos os browsers e sistemas operativos.
Podes ver o codigo do site se quiseres Tig_PT:
www.chrisalvesdj.com

Offline TigPT

  • Administrator
  • Mini Robot
  • *****
  • Mensagens: 5.378
    • Tiago Rodrigues
Re: Favicon - LusoRobotica
« Responder #6 em: 14 de Janeiro de 2014, 18:06 »
Pois, talvez pelas cores do nosso icon não ficar bem gerado automaticamente, tenho que fazer as imagens e depois adiciono.

(Já tenho discografia para ouvir hoje. So far so good!)

Offline dvdt

  • Mini Robot
  • *
  • Mensagens: 1.248
  • David Teles
    • Site Pessoal
Re: Favicon - LusoRobotica
« Responder #7 em: 14 de Janeiro de 2014, 18:14 »
Pois não sabia que andavam DJ's por estas bandas :p Nao consegui abrir o site no chrome tive que ir com o safari
Engenharia Electrotécnica e Computadores (IST)
Analyst in a Big 4

Offline samc

  • Mini Robot
  • *
  • Mensagens: 442
Re: Favicon - LusoRobotica
« Responder #8 em: 14 de Janeiro de 2014, 18:27 »
O resize que essa página fez de um logotipo em png com alta resolução foi muito razoável na minha opção. Pelo menos poupou-me muito trabalho. Quanto à implementação desse código com todos os icones acho que faz apenas sentido na página principal (home page). Para quem usa windows 8.1 e quiser fixar num mosaico o link para o lusorobotica, o aspeto fica muito "profissional"

Offline Kristey

  • Mini Robot
  • *
  • Mensagens: 783
Re: Favicon - LusoRobotica
« Responder #9 em: 14 de Janeiro de 2014, 19:36 »
Pois não sabia que andavam DJ's por estas bandas :p Nao consegui abrir o site no chrome tive que ir com o safari
A serio? Aqui funciona sem problema :/


Como ja disse ao dvdt isto ate me deu uma ideia. Podiamos ter aqui uma seção em que pudessemos falar sobre as nossas actividades extra Robotica/Electronica.
O que achas TigPT?
« Última modificação: 14 de Janeiro de 2014, 19:38 por Kristey »

Offline dvdt

  • Mini Robot
  • *
  • Mensagens: 1.248
  • David Teles
    • Site Pessoal
Re: Favicon - LusoRobotica
« Responder #10 em: 14 de Janeiro de 2014, 19:39 »
Já funciona agora estranho antes dizia a carregar e nao fazia mais nada
Engenharia Electrotécnica e Computadores (IST)
Analyst in a Big 4

Offline TigPT

  • Administrator
  • Mini Robot
  • *****
  • Mensagens: 5.378
    • Tiago Rodrigues
Re: Favicon - LusoRobotica
« Responder #11 em: 14 de Janeiro de 2014, 20:09 »
Já meti os ícone todos no LR. Só me falta o do windows