| Precedente :: Successivo |
| Autore |
Messaggio |
giovanni56
Eroe in grazia degli dei
Registrato: 28/12/05 21:21
Messaggi: 177
|
 Inviato: 20 Feb 2010 18:41 Oggetto: * simboletti sulla barra indirizzi |
 |
|
Spero di farmi capire, e scusatemi se non uso vocaboli "tecnici".
Aprendo un browser ed inserendo un indirizzo, subito a sinistra di http//.... appare un simboletto che di default è, ad esempio, un foglio celestino con l'angolo piegato se si usa Firefox, oppure su IE si aggiunge la E tonda.
Molti siti lo hanno personalizzato (ad esempio qua su Zeus/Olimpo c'è un piccolissimo logo con la Z sfumata su sfondo verde)
Lo stesso simboletto poi si memorizza anche sui "preferiti" di IE o sui "segnalibri" di Firefox.
Lo trovo inserito personalizzato anche in alcuni blog, spesso anche animato.
Come si fa ad inserirlo per il proprio blog?
Scusatemi se la domanda forse non è pertinente con l'argomento "Software per internet", ma trovo sia quello che si avvicina di più. |
|
| Top |
|
 |
freemind
Supervisor sezione Programmazione
Registrato: 04/04/07 20:28
Messaggi: 4643
Residenza: Internet
|
| Inviato: 20 Feb 2010 19:32 Oggetto: |
|
|
Ciao, quello di cui stai parlando si chiama "favicon"; in poche parole è un'icona.
Per creare un favicon:
1) creai un'immagine in formato ico 16x16 oppure 32x32 pixel.
2) la chiami favicon.ico
3) posizioni nella root del sito il file
4) nella sezione head delle tue pagine aggiungi:
| Codice: |
< link rel="shortcut icon" href="http://www.tuosito.com/favicon.ico" type="image/x-icon" >
< link rel="icon" href="http://www.tuosito.com/favicon.ico" type="image/x-icon" >
|
Il procedimento precedente è in pratica quello standard; ci sono alcune varianti possibili ma secondo me è inutile elencarle visto che alla fine si otterrà sempre lo stesso risultato. |
|
| Top |
|
|
giovanni56
Eroe in grazia degli dei
Registrato: 28/12/05 21:21
Messaggi: 177
|
| Inviato: 20 Feb 2010 21:32 Oggetto: |
|
|
| grasssie |
|
| Top |
|
|
shadow
Eroe in grazia degli dei
Registrato: 08/09/05 13:28
Messaggi: 84
Residenza: barche
|
| Inviato: 15 Mar 2010 09:39 Oggetto: |
|
|
| freemind ha scritto: | Ciao, quello di cui stai parlando si chiama "favicon"; in poche parole è un'icona.
Per creare un favicon:
1) creai un'immagine in formato ico 16x16 oppure 32x32 pixel.
2) la chiami favicon.ico
3) posizioni nella root del sito il file
4) nella sezione head delle tue pagine aggiungi:
| Codice: |
< link rel="shortcut icon" href="http://www.tuosito.com/favicon.ico" type="image/x-icon" >
< link rel="icon" href="http://www.tuosito.com/favicon.ico" type="image/x-icon" >
|
Il procedimento precedente è in pratica quello standard; ci sono alcune varianti possibili ma secondo me è inutile elencarle visto che alla fine si otterrà sempre lo stesso risultato. |
Grazie Freemind!!! |
|
| Top |
|
|
H5N1
Semidio
Registrato: 18/08/09 00:06
Messaggi: 201
|
| Inviato: 14 Giu 2011 13:14 Oggetto: |
|
|
la strada migliore da percorrere è, a mio avviso, quella della compatibilità con gli standard:
1 - evitare il rel="shortcut icon" (dall'HTML5 non verrà supportato generando errori)
2 - inserire nella "root" del sito un'immagine dal nome favicon.ico per la compatibilità con tutte le versioni di IE.
3 - utilizzare il codice standard compatibile sia con HTML 4.01, sia con l'XHTML che con l'HTML5:
| Codice: | <link rel=icon href=favicon.png sizes="16x16" type="image/png">
<link rel=icon href=windows.ico sizes="32x32 48x48" type="image/vnd.microsoft.icon">
<link rel=icon href=mac.icns sizes="128x128 512x512 8192x8192 32768x32768">
<link rel=icon href=iphone.png sizes="57x57" type="image/png">
<link rel=icon href=gnome.svg sizes="any" type="image/svg+xml"> |
Nell'esempio riportato (fonte http://dev.w3.org/html5/spec/Overview.html#rel-icon) vengono fornite più immagini allo scopo di rendere il sito favicon-compatibile con diversi sistemi, device e browser.
Come potete notare per il formato SVG viene fornito un attributo "sizes" impostato su "any" essendo, SVG, scalare e vettoriale.
Da notare che per la maggiorparte dei browser è sufficiente che vi sia un'immagine di tipo "favicon.ico" nella root per presentare la corretta favicon (Chromium/chrome, Firefox, Opera, Internet Explorer) |
|
| Top |
|
|
joker87
Eroe in grazia degli dei
Registrato: 23/05/08 08:32
Messaggi: 167
|
| Inviato: 15 Giu 2011 11:45 Oggetto: |
 |
|
| H5N1 ha scritto: | la strada migliore da percorrere è, a mio avviso, quella della compatibilità con gli standard:
1 - evitare il rel="shortcut icon" (dall'HTML5 non verrà supportato generando errori)
2 - inserire nella "root" del sito un'immagine dal nome favicon.ico per la compatibilità con tutte le versioni di IE.
3 - utilizzare il codice standard compatibile sia con HTML 4.01, sia con l'XHTML che con l'HTML5:
| Codice: | <link rel=icon href=favicon.png sizes="16x16" type="image/png">
<link rel=icon href=windows.ico sizes="32x32 48x48" type="image/vnd.microsoft.icon">
<link rel=icon href=mac.icns sizes="128x128 512x512 8192x8192 32768x32768">
<link rel=icon href=iphone.png sizes="57x57" type="image/png">
<link rel=icon href=gnome.svg sizes="any" type="image/svg+xml"> |
Nell'esempio riportato (fonte http://dev.w3.org/html5/spec/Overview.html#rel-icon) vengono fornite più immagini allo scopo di rendere il sito favicon-compatibile con diversi sistemi, device e browser.
Come potete notare per il formato SVG viene fornito un attributo "sizes" impostato su "any" essendo, SVG, scalare e vettoriale.
Da notare che per la maggiorparte dei browser è sufficiente che vi sia un'immagine di tipo "favicon.ico" nella root per presentare la corretta favicon (Chromium/chrome, Firefox, Opera, Internet Explorer) |
A dire il vero per la gran parte dei browser non è nemmeno necessario che sia un file ico: firefox, opera e chrome accettano tranquillamente anche altri formati e, in particolare, firefox supporta anche le gif per utilizzare favicon animate (che però gli altri browser vedono statica. |
|
| Top |
|
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
