Icone de aplicação web

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!

JavaChild Membro desde: 23/06/2006 13:36:04 Mensagens: 108 Offline

http://pt.wikipedia.org/wiki/Favicon

http://en.wikipedia.org/wiki/Favicon

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.

tudo bem... mas como fica em JSP?

hopster wrote: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.

This message was edited 1 time. Last update was at 13/08/2008 09:54:59

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>

rafaelglauber wrote:ou colocando o favicon.ico na raiz do projeto, quando fizer o deploy basta verificar se ele tá na pasta de seu projeto.

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?

Moderador Membro desde: 29/07/2004 16:10:13 Mensagens: 17543 Offline

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").

This message was edited 3 times. Last update was at 13/08/2008 10:46:39

Para começar vc está usando JSF e para isso tudo que você colocar entre para usar HTMl comum tem um jeito feio, colocar entre essas tags...

This message was edited 1 time. Last update was at 13/08/2008 14:01:08

galera obrigado. consegui passando o caminho completo da imagem..
assim..

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

Notícias, artigos e o maior fórum brasileiro sobre Java