Favicon

Vols personalitzar més el teu bloc? Posa-hi el favicon.

[@more@]

Doncs és molt senzill. Si us fixeu en la barra de
direccions del vostre navegador (no resulta en l’Internet Explorer)
veureu la icona d’aquest bloc. És el favicon.

És realment fàcil fer-lo. Només cal tenir en
compte un seguit de qüestions, com que el tamany de la imatge ha de ser
de 16×16 píxels. De totes maneres, us recomano que utilitzeu una eina
web per a crear-lo de forma automàtica. En aquest web
podeu fer-ho de forma molt simple; tan sols heu de carregar-hi una
imatge (la mida no importa), prèmer un botó i us el genera tot seguit.
Us mostra també una previsualització del mateix i us permet
descarregar-vos l’arxiu amb el favicon que us ha creat. Convé dir que la imatge ha de ser simple perquè després, a 16×16 píxels, es vegi correctament.

I una vegada tenim el favicon què fem? Llavors heu de pujar la imatge a un servidor. En el meu cas la tinc al mateix directori de lamevaweb.info. El segon pas és introduir les següents línies html al codi font
de la pàgina, en la secció de capçalera, és
a dir entre els tags <head> i </head> :

<link rel="shortcut icon" href="http://direcció de la vostra imatge">

En el cas dels blocs de lamevaweb.info cal que aneu al Centre de Control>Editor de plantilles de bloc; allà, editeu la vostra plantilla i editeu l’arxiu "header.template". Simplement introduiu el codi anterior entre els tags <head> i </head> i llestos.

Val a dir que perquè els favicons es visualitzin en l’IE han de tenir l’extensió .ico, propietat de Microsoft, com indiquen en aquest web.

Probeu-ho! És ben fàcil.

Aquesta entrada ha esta publicada en General. Afegeix a les adreces d'interès l'enllaç permanent.

6 comentaris a l'entrada: Favicon

  1. Myrddin diu:

    Sempre m’havia preguntat com es feia per canviar la icona però mai m’he parat a esbrinar-ho. Merci per la info.

  2. Myrddin, és ben fàcil. Si tens algun dubte i et puc ajudar…

  3. Myrddin diu:

    Tú ho has dit, és molt fàcil. Ara falta que pensi quina icona hi vull mostrar… 🙂

  4. Myrddin diu:

    Aquest ultim comentari que m’has deixat, et refereixes a la imatge del sobre amb la e negra??

    Simplement és html. El codi és el següent:

    Això et referies??

  5. Myrddin diu:

    Veig que ja te’n has sortit per tant ja no cal que t’envïi res. El fitxer a editar de la plantilla varia en funció de la plantilla que utilitzis, en el meu cas les seccions de la part dreta de la pàgina es troben al fitxer footer.template, i en el teu cas estaven en el panel.template, i en d’altres plantilles serà diferent. La qüestió està en saber trobar el punt on hem de fer la nostra modificació i com posar-ho per tal que a la part dreta quedi com una secció més. Veig que t’ha quedat molt bé.

    Salut!

Els comentaris estan tancats.