Il y a actuellement 301 visiteurs
Jeudi 28 Mars 2024
accueilactualitésdossierscomparer les prixtélécharger gratuitement vos logicielsoffres d'emploiforum informatique
Connexion
Créer un compte

Favicon

Besoin d'aide pour configurer un serveur ? Vous souhaitez obtenir des conseils pour référencer votre site ? Un petit souci pour accéder à votre FTP ? Des soucis de programmation en PHP / ASP / HTML / XHTML / XML / XSLT / CSS / ReactJS / AngularJS / VueJS / CGI / PERL / C / MySQL / PostgreSQL ??? Nous avons peut-être la solution dans ce forum ...

Favicon

Message le 28 Mar 2011 17:35

Hello,
j'ai créer depuis peu un site ( en création ), et je voudrais créer un favicon ( ptite icône qui s'affiche dans l'onglet par exemple sur firefox...)
J'ai télécharger le logiciel Snico Edit, j'ai fais ma ptite icône, je l'ai enregisté au format .ico ( format d'icône ).
Après sur le fichier index ( page d'accueil ) j'ai mis cette ligne de code :
<link rel="SHORTCUT ICON" href=favicon.ico>
juste après le début du corp du texte ( <head> )

J'ai enregistrer le tout, puis j'ai mis en ligne mon fichier index, et l'icône favion.ico, le tout est en ligne, la page d'accueil nickel, mais à la place de ma jolie ptite icône, j'ai une feuille blanche toute moche, comme s'il n'y avait pas d'icône...

C'est un ptit problème, mais en même temps, si on lsait pas... ( Kubor ) :lol: :D

voilà !

A-

INtell11
Avatar de l'utilisateur
Intel11
Apprenti(e) Expert(e)
Apprenti(e) Expert(e)
 
Messages: 187
Inscription: 09 Fév 2011 14:52
Localisation: Dans ta Pâte Thermique
 


Message le 28 Mar 2011 19:45

Bonsoir,

pour moi c'est bon, ton favicon s'affiche. Il faut toujours attendre un peu.

Vide ton cache au besoin.

Sinon pour ton code, bien qu'il fonctionne, il est tout de même à corriger par :

<link rel="shortcut icon" href="favicon.ico" />

@+

EDIT :

Rââââ ! Pour ton index, ton code est très très très sale !

Je t'ai déjà dit d'abandonner Word, etc... Tu veux une preuve ?

Ton code qui ne respecte pas du tout les standards du web, comporte 573 lignes !

Je te fais la même chose avec 20 lignes ! Je te conseille de remplacer (dans ton index.html) par :

Code: Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Computer-Corp -Accueil-</title>
<meta name="description" content="Site généraliste sur l'informatique" />
<meta name="keywords" content="informatique, news, ordinateur" />
<link rel="shortcut icon" href="favicon.ico" />
</head>
<body>
<center><img src="index_fichiers/image002.gif" alt="Computer Corp" /></center>
<center><img src="index_fichiers/image005.gif" alt="Les ordis, c'est ici !" /></center>
<br />
<br />
<br />
<br />
<p align=center style='font-size:72.0pt;line-height:115%'>Souhaites-tu visiter<br />
<a href="cible.htm">le reste du site</a> ?</p>
</body>
</html>


J'ai ajouté deux balises META (description & keywords), à toi de les personnaliser ;).

Sinon, si tu débutes et que tu as vraiment besoin d'assistance dans un premier temps, préfère le logiciel KompoZer :

http://www.pc-infopratique.com/telechar ... pozer.html
Avatar de l'utilisateur
Skynet
Moderateur
Moderateur
 
Messages: 14807
Inscription: 19 Juil 2007 21:12
 

Re: Favicon

Message le 13 Avr 2011 18:02

Hello,
Je vous recontacte car j'ai de nouveau un problème avec ce favicon !! :evil:
Je me suis tourner vers un kit graphique, que je modifie ensuite et rempli grâce à notepad++.
J'ai mis la ligne de code que tu m'as donné ce qui donne :
Code: Tout sélectionner
<head>
<title>Computer-Corp  -Accueil-</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<link rel="shortcut icon" href="favicon.ICO" />
<!--
body {
   margin-left: 0px;
   margin-top: 5px;
   margin-right: 0px;
   margin-bottom: 0px;
}
-->
</style>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>


Voilà, et bien sur un fichier favicon.ICO ( en maj. dans les propriété, donc je l'ai si également en Maj. dans mon code.) que j'ai mis en "vrac" avec mon index, mon CSS, mes différentes page...

Voilà !
Merci !
A-
Intell11
Avatar de l'utilisateur
Intel11
Apprenti(e) Expert(e)
Apprenti(e) Expert(e)
 
Messages: 187
Inscription: 09 Fév 2011 14:52
Localisation: Dans ta Pâte Thermique
 

Message le 13 Avr 2011 18:11

Bonsoir,

on ne met jamais les extensions (ou autres) en majuscules ;).

@+
Avatar de l'utilisateur
Skynet
Moderateur
Moderateur
 
Messages: 14807
Inscription: 19 Juil 2007 21:12
 

Re: Favicon

Message le 16 Avr 2011 12:36

bonjour,
J'ai testé et.... ca marche pas.. J'ai juste changé dans index.htm le .ICO en .ico, puis j'ai enoyé tout ca sur le web avec filezilla, et ...rien sur IE et FF...

Voilà !

Merci

Ps : j'ai mis mon favicon avec le reste genre index.htm, page1.html, page 2.html, etc... en vrac..

INtell 11
Avatar de l'utilisateur
Intel11
Apprenti(e) Expert(e)
Apprenti(e) Expert(e)
 
Messages: 187
Inscription: 09 Fév 2011 14:52
Localisation: Dans ta Pâte Thermique
 

Message le 17 Avr 2011 01:59

Ok, de toute façon c'était à faire.

Petite modification alors, il manquait un Slash avant favicon.ico :

<link rel="shortcut icon" href="/favicon.ico" />

Et attends quelques heures avant de voir un changement...
Avatar de l'utilisateur
Skynet
Moderateur
Moderateur
 
Messages: 14807
Inscription: 19 Juil 2007 21:12
 

Re: Favicon

Message le 17 Avr 2011 17:34

Hello,
ok merci je test ça je te tiens au courant.

A-

Intell11
Avatar de l'utilisateur
Intel11
Apprenti(e) Expert(e)
Apprenti(e) Expert(e)
 
Messages: 187
Inscription: 09 Fév 2011 14:52
Localisation: Dans ta Pâte Thermique
 

Message le 18 Avr 2011 14:46

Ouaip et bien ça ne fonctionne toujours pas... Bizarre.

Tu peux tenter aussi avec une image au format PNG au lieu d'ICO.

Fais savoir.

EDIT : Merci de relire la charte du forum et de modifier ta signature en conséquence.
Avatar de l'utilisateur
Skynet
Moderateur
Moderateur
 
Messages: 14807
Inscription: 19 Juil 2007 21:12
 

Re: Favicon

Message le 25 Avr 2011 17:31

hello,
Désolé pour la signature :-?
Alors j'ai essayé en png, j'ai donc ouvert l'cione ( .ico) avec paint, puis enregistrer sous en .png, et ensuite modifier le Index.html, en remplaçant .ico par .png, et puis tout transféré sur le net avec filezilla, et.. j'attends, en tout cas 1 minute après, toujours rien, je te tiens au courant...

A-

Intell11
Avatar de l'utilisateur
Intel11
Apprenti(e) Expert(e)
Apprenti(e) Expert(e)
 
Messages: 187
Inscription: 09 Fév 2011 14:52
Localisation: Dans ta Pâte Thermique
 

Message le 26 Avr 2011 03:59

Intel11 a écrit:Désolé pour la signature :-?

Pas de problème & merci ;).

Sinon ton favicon ne s'affiche toujours pas.

Corrige ceci :

Code: Tout sélectionner
<style type="text/css">
<link rel="shortcut icon" href="/favicon.png" />
<!--
body {
   margin-left: 0px;
   margin-top: 5px;
   margin-right: 0px;
   margin-bottom: 0px;
}
-->
</style>


Par :
Code: Tout sélectionner
<link rel="shortcut icon" href="/favicon.png" />
<style type="text/css">
<!--
body {
   margin-left: 0px;
   margin-top: 5px;
   margin-right: 0px;
   margin-bottom: 0px;
}
-->
</style>

Tu avais inclus par erreur ton favicon entre les balises <style> ;).

@+
Avatar de l'utilisateur
Skynet
Moderateur
Moderateur
 
Messages: 14807
Inscription: 19 Juil 2007 21:12
 


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité


.: Nous contacter :: Flux RSS :: Données personnelles :.