Flux rss
Collection CommentÇaMarche.net
Rechercher : dans
Par : Mots clés Nom d'utilisateur
Messages sans réponse

LOGO devant une URL ??

renouard, le mardi 28 novembre 2006 à 10:48:40 
 Signaler ce message aux modérateurs

Bonjour a tous,

J'ai remarqué qu'avant l'URL d'un site il y a un petit logo comme sur commentcamarche ?

Comment faire pour pouvoir mettre ce logo qui je trouve donne un attrait au site.

Merci de votre aide ...

Bien amicalement et merci de vos réponses.

1

txiki, le mardi 28 novembre 2006 à 11:29:29

Salut renouard !
Il faut créer une image de 16x16 ou 32x32 pixels avec un logiciel de dessin et que tu nommera OBLIGATOIREMENT en .ICO.
Ensuite, dans le head, il faut mettre une balise de type:

<link rel="SHORTCUT ICON" href="http://mon_site.fr/favicon.ico" />


bien sur cette image doit etre à la racine de ton site.

Le bonheur est la seule chose que l'on peut donner sans l'avoir.

Répondre à txiki

2

renouard, le mardi 28 novembre 2006 à 14:59:01
  • +3

Bonjour Cher Ami,

J'ai fait ce que vous m'avez dit, mais cela n'apparait pas , l'icone est bien dans la racine du site, je vous fais un c/c des trois première line de ma page index.html :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<head>
<link rel="SHORTCUT ICON" href="http://www.renouard.biz/favicon.ico" />
<META NAME="TITLE" CONTENT="Village de Jean-Yves Renouard">

Merci de votre aide, bien amicalement. Jean-Yves

Répondre à renouard

14

js, le vendredi 1 août 2008 à 11:05:33

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />

Répondre à js

3

sebsauvage, le mardi 28 novembre 2006 à 15:11:53
  • +1

Et hop... favicon l icone de votre site dans la barre d adresse “Life is short - You need Python” -- Bruce Eckel, membre du comité ANSI C++

Répondre à sebsauvage

4

renouard, le mardi 28 novembre 2006 à 15:41:04
  • +1

Bonjour,

Je n'ai rien trover comment faire pour régler mon affichage de l'icone que j'ai fais car cela ne fonctionne toujours pas, l'icone était en 32x32 je viens de la mettre en 16x16 et toujours pas vue s'afficher, HOUILLE pour moi, je pense maintenant que je ne suis pas doué pour faire cela HIC.

Merci de votre aide et merci de voir comment je peux faire.

Bien amicalement. Jean-Yves

Répondre à renouard

5

renouard, le mardi 28 novembre 2006 à 16:24:39
  • +1

Bonsoir a tous,

Je viens d'aller sur le site pour créé mon icone et le résultat est toujours pareille.

Voici les 7 premières line de mon site :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<head>
<link rel="SHORTCUT ICON" href="http://www.renouard.biz/favicon.ico" />
</head>
<head>
<META NAME=

Bon courage a vous tous pour voir ou j'ai fais une erreur,,, MERCI A VOUS TOUS.

Bien amicalement. Jean-Yves

Répondre à renouard

6

sebsauvage, le mardi 28 novembre 2006 à 16:44:43
  • +1

Je recommenderais de créer un vrai fichier .ICO (et pas seulement un PNG renommé en .ICO).

Par exemple avec IconShop (Freeware, 90 ko): http://users.pandora.be/liontech/IconShop.zip

Avantage: on peut faire des icônes multi-résolutions (32x32 et 16x16).
Exemple: http://sebsauvage.net/favicon.ico (contient à la fois la 16x16 et la 32x32).

“Life is short - You need Python” -- Bruce Eckel, membre du comité ANSI C++

Répondre à sebsauvage

7

renouard, le mardi 28 novembre 2006 à 17:17:00

Bonsoir,

Je viens d'essayer de le faire avec ce petit logiciel, le résultat est le même j'en parts mon latin.

La photo que je voudrais mettre est a cette adresse :

http://www.renouard.biz/favicon.jpg

Bien amicalement a vous tous et MERCI DE VOTRE AIDE.

Répondre à renouard

8

sebsauvage, le mardi 28 novembre 2006 à 17:20:43
  • +1

Et avec ça ?
http://www.chami.com/html-kit/services/favicon/ “Life is short - You need Python” -- Bruce Eckel, membre du comité ANSI C++

Répondre à sebsauvage

9

Ssylvainsab, le mardi 28 novembre 2006 à 17:23:33
  • +1

OBLIGATOIREMENT en .ICO.
PAS DU TOUT !!
Ca marche très bien avec une image png, c'est ce que je fais sur mon site.
D'ailleurs les images en .ico ne devraient pas être utilisées sur des sites WEB.
http://www.xhtml.net/xhtmlcss/favicon
Si on respecte les standards

Vous devez mettre le lien suivant dans votre page entre les balises <head> et </head>.

<link rel="icon" type="image/png" href="/favicon.png" />

Si on ne respecte pas les standards

Et vous serez obligés de faire cela si vous voulez que Internet Explorer puisse utiliser l'icône.

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />

Notez l'utilisation du type shortcut icon à la place de icon et l'obligation d'utiliser une image au format ICO.


>Renouard :
Si tu testes sous IE, c'est normal que la favicon ne marche pas, elle n'est affichée que pour les favoris (d'ou le nom ;)

a plus
Sylvain
Longue vie à bobo !

Répondre à Ssylvainsab

11

Jeff, le mercredi 29 novembre 2006 à 12:44:54
  • +1

Ben je ne savais pas tout ça :-)

Ca vaudrait le coup de l'indiquer dans la page de la FAQ sur favicon Jeff - Wm@Ccm

Répondre à Jeff

12

Ssylvainsab, le mercredi 29 novembre 2006 à 14:53:31

Salut Jeff.
J'ai indiqué le lien sur l'astuce il y a longtemps, mais sans refaire.
C'est fait ;-)

favicon l icone de votre site dans la barre d adresse

a plus Sylvain
Longue vie à bobo !

Répondre à Ssylvainsab

16

 philou7, le mercredi 6 mai 2009 à 12:53:56

SAlut Jeff,
je suis allé sur ta page astuce et j'ai fait une Favicon directement sur le site que tu conseilles mais c'est après que la difficulté arrive...
J'ai une image en .ico et s'insère dans mon head la ligne suivante :
<link rel="shortcut icon" type="image/x-icon" href="/images/icone_ie.ico" />
juste avant mon </head>
mon icône est bien sur la racine. Mais ça ne marche pas
Je ne connais pas trop le code, j'apprends, j'ai juste recopier le code dans ton exemple. Il faut peut-être changer quelque chose mais koi?
Peux tu me dire si mon link est bon?
Merci d'avance.
Philou7

Répondre à philou7

10

renouard, le mardi 28 novembre 2006 à 17:42:08
  • +1

Bonsoir a vous tous,

Voila le résultat est réglé, je n'ais plus qu'a le faire pour toutes les pages.

UN TRES GRAND MERCI A VOUS.

Bien amicalement a tous. Jean-Yves

Répondre à renouard

15

itchiii, le lundi 2 février 2009 à 17:26:31

Merci pour tous ces conseils, j'aii réussi sans problèmes à insérer mon icône.
Je débute pour la création de mon site et c'est cool d'avoir une communauté active qui peut répondre à toutes les questions.
Merci encore.

http://www.passionnement-cadeau.com/

Répondre à itchiii
[Navigateur] Afficher un logo devant l'URL Bonjour à tous, Je voudrais savoir comment faire pour afficher un logo devant l'adresse URL dans la barre de l'adresse URL du navigateur. Pouvez-vous m'aider ? Merci d'avance Ju www.commentcamarche.net/forum/affich-2881810-navigateur-afficher-un-logo-devant-l-url
Le logo devant l'adresse des navigateurs (Résolu) Bonsoir, J'aimerais bien savoir comment placer le petit logo devant l'adresse d'un site sur un navigateur, comme le point d'exclamation rouge de comment ça marche. Merci Il faut faire partie de la solution et non du problème ;-) www.commentcamarche.net/forum/affich-10427257-le-logo-devant-l-adresse-des-navigateurs
Comment garder les icones devant mes favoris! bonjour a tous malgré cette heure tardive.... une question conne (non chui pas un troll vous jure) , mais votre aide pourra ramener un peu de couleur ds ma trés longue liste de favoris. donc comment garder les icones des sites devant mes favoris + de... www.commentcamarche.net/forum/affich-2911074-comment-garder-les-icones-devant-mes-favoris
Devenir ingénieur informatiqueDevenir ingénieur informatique Ingénieur informatique (ou ingénieur informaticien) est une appellation dite générique, c’est-à-dire qu’elle ne désigne pas de façon précise un métier ou une formation. Être ingénieur, c’est être spécialisé et... www.commentcamarche.net/faq/sujet-12397-devenir-ingenieur-informatique
USB deviceIdentifier le périphérique Trouver les pilotes Installer les pilotes Éviter la manipulation si elle est systématique Dans le gestionnaire des périphériques de Windows (device manager), la ligne USB device apparaît avec un point... www.commentcamarche.net/faq/sujet-4725-usb-device
Devenir pirate informatiqueQue vous vouliez devenir un pirate informatique ou savoir comment hacker, le premier texte à connaître est celui ci-dessous : CODE PÉNAL (Partie Législative) CHAPITRE III : Des atteintes aux systèmes de traitement automatisé de données Article 323... www.commentcamarche.net/faq/sujet-307-devenir-pirate-informatique
Insérer le logo dans devis CIELBonjour, J'ai CIEl devis et compta et je n'arrive pas à insérer le logo de ma société dans les devis et les factures. Je suis allé dans les modèles de devis, j'ai cliquer sur l'onglet qui ressemble à une montage. Je vois bien mon logo en arrière plan... www.commentcamarche.net/forum/affich-8346336-inserer-le-logo-dans-devis-ciel
Inserer une icone devant l'URL de mon site ?Bonjour, J'ai fait faire un site dynamique sous spip alors j'aimerais savoir : 1. Comment inserer les balises meta dans la page Index.php ? 2. Comment inserer une icone devant l'url de mon site ? www.commentcamarche.net/forum/affich-12261046-inserer-une-icone-devant-l-url-de-mon-site
Logo devant l url d un site remplacéBonjour, toute mes adresse internet ayant un motif devant comme prizee , pogo , kingoloto on été remplacé par un logo d un autre site pouquoi ? que puis je faire pour résoudre ce probléme merci bcp a celui qui me répondra www.commentcamarche.net/forum/affich-10122004-logo-devant-l-url-d-un-site-remplace
Télécharger AAA Logo 2009AAA Logo est en premier lieu un outil de création de logo en tout genre. Il ne faut pas une connaissance approfondie en le domaine pour pouvoir le maîtriser, il est intuitif et pratique. En plus de la création de logo, il permet de créer la plupart... www.commentcamarche.net/telecharger/telecharger-34056341-aaa-logo-2009
Télécharger Factures & Devis avec MOSolution pratique pour les particuliers, ce programme s'adresse aussi aux PMI et PME. Il s'agit d'un logiciel programmé sous Excel qui comprend tous les éléments nécessaires à la facturation et l'élaboration d'un devis estimatif. Avec les multitudes... www.commentcamarche.net/telecharger/telecharger-34056013-factures-devis-avec-mo
Télécharger Windows Mobile Device CenterActiveSync est l'ancienne application permettant de synchroniser les appareils mobiles Microsoft avec un ordinateur. Avec l'arrivé de Windows Vista, il est désormais nécessaire d'utiliser Windows Mobile Device Center. Windows Mobile Device Center... www.commentcamarche.net/telecharger/telecharger-34056078-windows-mobile-device-center
URLQu'est-ce qu'une URL? Une URL (Uniform Resource Locator) est un format de nommage universel pour désigner une ressource sur Internet. Il s'agit d'une chaîne de caractères ASCII imprimables qui se décompose en cinq parties : Le nom du... www.commentcamarche.net/contents/internet/url.php3
Analyste programmeur (développeur)Développeur Le métier de développeur (également nommé analyste-programmeur) consiste à concevoir et à développer une application informatique, c'est-à-dire transcrire un besoin en une solution informatique écrite dans un langage informatique.... www.commentcamarche.net/contents/metiers-informatique/analyste-programmeur-developpeur.php3
Attaques par manipulation d'URLIntroduction aux URL L'URL (Uniform Resource Locator) d'une application web est le vecteur permettant d'indiquer la ressource demandée. Il s'agit d'une chaîne de caractères ASCII imprimables qui se décompose en cinq parties : Le nom du... www.commentcamarche.net/contents/attaques/manipulation-url.php3