Olá pessoal,
Estou desenvolvendo uma aplicação web usando o Tomcat e gostaria de alterar o ícone exibido na barra de endereços do navegador, normalmente fica aparecendo aquele ícone do Tomcat com um gato…
Como faço isso? Tem como alterar para toda a aplicação, tipo algo no web.xml, ou eu tenho que alterar em todas as páginas?
Obrigado!
Eu já usei isto e funcionou.
a extenção tem que ser .ico, e o nome deve ser favico.ico deve ter o tamanho 16x16 24 bit color.
<html>
<head>
<title>TITLE</title>
<link rel="shortcut icon" href="/favicon.ico" />
</head>tudo bem… mas como fica em JSP?
Do mesmo jeito ou colocando o favicon.ico na raiz do projeto, quando fizer o deploy basta verificar se ele tá na pasta de seu projeto.
isso eu entendi… mas nao entendi como colocar um html no meu codigo jsp. segue código.
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="2.1" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:webuijsf="http://www.sun.com/webui/webuijsf">
<jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
<f:view>
<webuijsf:page binding="#{geral$index.page1}" id="page1">
<webuijsf:html binding="#{geral$index.html1}" id="html1" lang="pt-BR">
<webuijsf:head binding="#{geral$index.head1}" id="head1" title="Portal MIS Florianópolis - 2008">
<webuijsf:link binding="#{geral$index.link1}" id="link1" url="/resources/stylesheet.css"/>
</webuijsf:head>
<webuijsf:body binding="#{geral$index.body1}" id="body1" style="-rave-layout: grid">
<webuijsf:form binding="#{geral$index.form1}" id="form1">
<webuijsf:image binding="#{geral$index.image1}" id="image1" style="left: 0px; top: 0px; position: absolute" url="/resources/brt.jpg"/>
<webuijsf:image binding="#{geral$index.image2}" id="image2" style="left: 0px; top: 72px; position: absolute; z-index: 501" url="/resources/azulsup3.gif"/>
<webuijsf:image binding="#{geral$index.image3}" id="image3" style="left: 0px; top: 96px; position: absolute; z-index: 502" url="/resources/azulinf4.gif"/>
<webuijsf:image binding="#{geral$index.image5}" id="image5" style="left: 768px; top: 72px; position: absolute; z-index: 503" url="/resources/verdesup.gif"/>
<webuijsf:image binding="#{geral$index.image6}" id="image6" style="left: 768px; top: 96px; position: absolute; z-index: 504" url="/resources/verdeinf4.gif"/>
<webuijsf:image binding="#{geral$index.image8}" id="image8" style="left: 600px; top: 0px; position: absolute; z-index: 500" url="/resources/fudobrt.gif"/>
<webuijsf:image binding="#{geral$index.image4}" id="image4" style="left: 192px; top: 144px; position: absolute" url="/resources/login_verde5.gif"/>
<webuijsf:image binding="#{geral$index.image10}" id="image10" style="left: 192px; top: 168px; position: absolute" url="/resources/logo_verde2.gif"/>
<webuijsf:textField binding="#{geral$index.usuario}" id="usuario" style="left: 408px; top: 288px; position: absolute; z-index: 509"/>
<webuijsf:passwordField binding="#{geral$index.senha}" id="senha" style="left: 408px; top: 312px; position: absolute"/>
<webuijsf:messageGroup binding="#{geral$index.messageGroup1}" id="messageGroup1" style="height: 94px; left: 192px; top: 360px; position: absolute; width: 238px"/>
<webuijsf:button actionExpression="#{geral$index.logar_action}" binding="#{geral$index.logar}" id="logar"
style="height: 24px; left: 455px; top: 360px; position: absolute; width: 120px; z-index: 503" text="Acessar"/>
<webuijsf:staticText binding="#{geral$index.staticText1}" id="staticText1"
style="color: orange; font-family: 'Verdana','Arial','Helvetica',sans-serif; font-size: 24px; font-weight: bold; height: 54px; left: 360px; top: 24px; position: absolute; width: 432px; z-index: 499" text="PORTAL MIS FNS"/>
<webuijsf:hyperlink actionExpression="#{geral$index.hyperlink1_action}" binding="#{geral$index.hyperlink1}" id="hyperlink1"
style="color: rgb(0, 73, 117); font-size: 12px; font-style: normal; left: 96px; top: 576px; position: absolute; text-align: center; width: 646px"
text="Fale conosco. Clique aqui" url="/faces/geral/faleConosco.jsp"/>
</webuijsf:form>
</webuijsf:body>
</webuijsf:html>
</webuijsf:page>
</f:view>
</jsp:root>Testou isso que falei acima? Coloca o arquivo na raiz de seu projeto no tomcat, levanta sua aplicação e navega em algum browser (não vale IE < 7, pois eles não tem esse recurso de mostrar o favicon do lado da url).
não deu certo, ficou com o icone do IE normal… não precisa adicionar nenhum codigo no meu projeto?
Você precisa verificar se o arquivo está acessível da seguinte forma:
Digamos que sua aplicação está hospedada em http://www.guj.com.br.
Então você digita http://www.guj.com.br/favicon.ico e vê se aparece uma imagem no browser (não na linha de endereços). Se aparecer, então está acessível.
Note que se houver 200 aplicações diferentes, todas terão o mesmo ícone, porque favicon.ico deve estar na aplicação raiz (no caso do Tomcat, procure a aplicação “ROOT”).
Para começar vc está usando JSF e para isso tudo que você colocar entre <f:view> para usar HTMl comum tem um jeito feio, colocar entre essas tags…
<f:verbatim>
TAGS HTML
</f:verbatim>
galera obrigado. consegui passando o caminho completo da imagem…
assim…
<f:verbatim>
<html>
<head>
<link rel="shortcut icon" href="http://localhost:81/portal_fns/resources/favicon.ico" />
</head>
</html>
</f:verbatim>ah… e como dito acima, eu consigo desta forma para cada aplicação do tomcat uma imagem diferente. tenho duas aplicações no tomcat, cada uma com sua imagem.
ah… já sobre este assunto, tem um site que transforma qualquer imagem em ico… http://www.html-kit.com/favicon/
abraços