• Super User

    [Risolto] favicon

    Salve. Qualcun potrebbe essere cosi gentile a dirmi come si inserice un favicon? Grazie. :ciauz:


  • Super User

    Devi innanzitutto creare un'icona in formato .ico (e cioè appunto l'icona :P).
    Ci sono vari strumenti , io suo "MicroAngelo".

    Tra i meta tag di OGNI pagina per cui vuoi mostrare l'icona di riconoscimento , inserisci:

    
    <link rel="shortcut icon" href="iltuopath"/>
    

  • Super User

    Ciao 🙂

    Di base ti basta scrivere nell'head queste due righe:

    <link rel="icon" href="http://www.indirizzo.est/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="http://www.indirizzo.est/favicon.ico" type="image/x-icon" />
    

    e caricare il relativo file favicon.ico (oppure con un altro nome, basta sostituire nei link precedenti).

    Per maggiori dettagli ti rimando a questa discussione precedente.

    Ciao :ciauz:


  • Super User

    Ah guarda aggiungo un tool ma non so se è gratis o meno, al volo pare essere carino dato che ti fa un'anteprima in tempo reale dell'icona sulla barra degli indirizzi:
    http://www.favicon.cc/


  • Super User

    Grazie a tutti. L'icona gia l'ho fatta tempo fa. Mi interessava la parte del codice. Grazie mille. :ciauz:


  • User Attivo

    Sposto in HTMl & xHTML


  • Super User

    Grazie Laburno. Pensavo che questa discussione c'entrava più con il codice di CSS ma come si vede mi sono sbagliata. :ciauz:


  • User

    @claudioweb said:

    Ciao 🙂

    Di base ti basta scrivere nell'head queste due righe:

    ><link rel="icon" href="http://www.indirizzo.est/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="http://www.indirizzo.est/favicon.ico" type="image/x-icon" />
    >```e caricare il relativo file favicon.ico (oppure con un altro nome, basta sostituire nei link precedenti).
    
    Per maggiori dettagli ti rimando a [questa discussione](http://www.giorgiotave.it/forum/html-e-xhtml/5769-favicon-ico.html#post48960) precedente.
    
    Ciao :ciauz:
    
    Ciao claudio..scusa io sono nuovo...potresti farmi un esempio di come inserire i codici nel codice html della mia pagina web..non riesco a visualizzare la mia favicon...l'ho inseririta in formato .ico anche nella cartella principale del mio sito ( quella dove è presente la pagina index ) - [www.noianblau.eu](http://www.noianblau.eu) ...ma nulla da fare..la favicon non compare! Uso internet explorer 7...Grazie mille anticipatamente

  • Super User

    @noianblau said:

    Ciao claudio..scusa io sono nuovo...potresti farmi un esempio di come inserire i codici nel codice html della mia pagina web..non riesco a visualizzare la mia favicon...l'ho inseririta in formato .ico anche nella cartella principale del mio sito ( quella dove è presente la pagina index ) - www.noianblau.eu ...ma nulla da fare..la favicon non compare! Uso internet explorer 7...Grazie mille anticipatamente

    Ciao, benvenuto nel forum 🙂

    A me la visualizza con Internet Explorer 7, la carica dopo un po'. Ma se salvi la pagina nei preferiti esce.

    Comunque se vuoi una maggior compatibilità, dovresti sostituire

    <link rel="shortcut icon" href="http://www.noianblau.eu/favicon.ico">

    con

    <link rel="icon" href="http://www.noianblau.eu/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="http://www.noianblau.eu/favicon.ico" type="image/x-icon" />

    e soprattutto eliminare la doppia chiusura del tag </head>. Va lasciata solo quella più in basso.

    Ciao


  • User

    @claudioweb said:

    Ciao, benvenuto nel forum 🙂

    A me la visualizza con Internet Explorer 7, la carica dopo un po'. Ma se salvi la pagina nei preferiti esce.

    Comunque se vuoi una maggior compatibilità, dovresti sostituire

    <link rel="shortcut icon" href="http://www.noianblau.eu/favicon.ico">

    con

    <link rel="icon" href="http://www.noianblau.eu/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="http://www.noianblau.eu/favicon.ico" type="image/x-icon" />

    e soprattutto eliminare la doppia chiusura del tag </head>. Va lasciata solo quella più in basso.

    Ciao

    Claudio se non ti da disturbo potresti inserire tu i codici...allego tutto il codice! scusa ci stò provando ma non mi riesce, non si vede nulla! Ho cambiato i codici ma non succede nulla ! allego nuovamente il file html..magari così gli puoi dare un occhiata e individuare dove sbaglio, magari se puoi modificarlo e aggiustarlo! grazie anticipatamente e scusa per il disturbo...


  • Super User

    @noianblau said:

    Claudio se non ti da disturbo potresti inserire tu i codici...allego tutto il codice! scusa ci stò provando ma non mi riesce, non si vede nulla! Ho cambiato i codici ma non succede nulla ! allego nuovamente il file html..magari così gli puoi dare un occhiata e individuare dove sbaglio, magari se puoi modificarlo e aggiustarlo! grazie anticipatamente e scusa per il disturbo...
    Ciao ho dato una sistemata veloce levando un paio di errori e di meta tag inutili:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <link rel="icon" href="http://www.noianblau.eu/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="http://www.noianblau.eu/favicon.ico" type="image/x-icon" />
    <title>Noia'N Blau</title>
    <meta name="Author" content="Gianfranco Sasso">
    <meta name="Description" content="bar de coppa, local, cine, cortometrage">
    <meta name="LANGUAGE" content="es">
    <meta name="COPYRIGHT" content="Gianfranco Sasso">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    <!--
    body {
        background-color: #000000;
    }
    #Layer1 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:1;
        left: 114px;
        top: 18px;
    }
    -->
    </style>
    </head>
    <body bgcolor="#FFFFFF">
    <div id="Layer1">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1024" height="768">
            <param name="movie" value="Index.swf" />
            <param name="quality" value="high" />
            <embed src="Index.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1024" height="768"></embed>
        </object>
    </div>
    </body>
    </html>
    
    

    Ti ripeto, se non la visualizzi su IE non puoi farci nulla se non provare a salvare la pagina tra i preferiti.
    IE non la richiama sempre come fanno gli altri browser. D'altra parte il termine favicon deriva proprio da favoriti... Quindi è pur logico che funzioni con i siti inseriti tra i favoriti.


  • User

    @claudioweb said:

    Ciao ho dato una sistemata veloce levando un paio di errori e di meta tag inutili:

    ><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <link rel="icon" href="http://www.noianblau.eu/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="http://www.noianblau.eu/favicon.ico" type="image/x-icon" />
    <title>Noia'N Blau</title>
    <meta name="Author" content="Gianfranco Sasso">
    <meta name="Description" content="bar de coppa, local, cine, cortometrage">
    <meta name="LANGUAGE" content="es">
    <meta name="COPYRIGHT" content="Gianfranco Sasso">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    <!--
    body {
        background-color: #000000;
    }
    #Layer1 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:1;
        left: 114px;
        top: 18px;
    }
    -->
    </style>
    </head>
    <body bgcolor="#FFFFFF">
    <div id="Layer1">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1024" height="768">
            <param name="movie" value="Index.swf" />
            <param name="quality" value="high" />
            <embed src="Index.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1024" height="768"></embed>
        </object>
    </div>
    </body>
    </html>
    
    >```
    Ti ripeto, se non la visualizzi su IE non puoi farci nulla se non provare a salvare la pagina tra i preferiti.
    IE non la richiama sempre come fanno gli altri browser. D'altra parte il termine favicon deriva proprio da favoriti... Quindi è pur logico che funzioni con i siti inseriti tra i favoriti.
     
    Grazie mille Claudio! Sei stato gentilissimo ma ahimè non funziona...Ho creato il file ico e lo messo anche nella cartella principale del sito...ma niente da fare non funziona, nè in internet explorer ne con firefox...

  • User

    @noianblau said:

    Grazie mille Claudio! Sei stato gentilissimo ma ahimè non funziona...Ho creato il file ico e lo messo anche nella cartella principale del sito...ma niente da fare non funziona, nè in internet explorer ne con firefox...

    Claudio Ho provato con file gif cambiando le estensioni nel codice e ponendolo nella root del sito ed ora finalmente tutto funziona!
    Sei stato un grande...Se passi da barcellona sei mio ospite al locale!
    grazie ancora!