Forums Webou.net - Hébergement gratuit et sans publicités avec PHP/MySQL Webou Webou Pro
Recherche avancée  
*
Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Avez-vous perdu votre courriel d'activation?
23 Novembre 2017, 04:45:21


Connexion avec identifiant, mot de passe et durée de la session


Pages: [1]   Bas de page
  Imprimer  
Auteur Fil de discussion: Insérer un message alerte IE6 sur son site  (Lu 2749 fois)
0 Membres et 1 Invité sur ce fil de discussion.
lepetitmarocain
Invité
« le: 26 Janvier 2010, 23:53:46 »

Bonsoir,

Encore un tuto de plus sur CCM don je voudrait partager ici.

Par moi-même....


De quoi s'agit t'il ?

Internet Explorer 5/6/7 sont réputés pour être des navigateurs peu sécurisés, peu compatibles avec les standards HTML et peu performants. Ceci a tendance a poser des problèmes pour l'affichage des sites, mais également leur image aux yeux des visiteurs. Il existe toutefois un moyen d'y remédier en alertant les internautes sur la péremption de leur navigateur.

Notez toutefois que certains utilisateurs, notamment dans les entreprises, ne peuvent pas modifier leur navigateur car il leur est imposé, auquel cas le fait de les alerter peut devenir une gêne.

Solution

Il suffit d'insérer ce code sur votre source HTML après </head>.

Le code est paramétrable, sous plusieurs langues. Vous pouvez tout comme moi, optimiser le code pour le rendre moins lourd ce qui peut donner ceci :

Citation
<!--[if lt IE 7]>
   <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
      <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
         <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/>
         </div>
         <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
            <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>Vous utilisez un navigateur dépassé voir périmé. Ne soyez pas de même.
            </div>
            <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>Pour une meilleur expérience du web, téléchargez un navigateur moderne comme Firefox&nbsp;:
            </div>
         </div>
         <div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a>
         </div>
      </div>
   </div>
<![endif]-->

Conséquence

Ce code affichera la bannière orange de l'image ci dessus sur votre page web, seulement si le visiteur possède Internet Explorer 6 ou inférieur. Cela aidera les internautes à voir que leurs navigateur est périmé, et donc qu'ils courent un risque, mais aussi, ça permet à l'internet d'évoluer : IE6 à presque 10 ans mais encore trop utilisé.

Il est complètement dépassé sur le plan technologique. D'autres codes sont disponibles ici : http://www.ie6nomore.com/code-samples.html

A vous de jouer maintenant ;-)

Un aperçu ?
http://cjoint.com/data/bAx0jfCKgw.htm
Journalisée
Forums Webou.net - Hébergement gratuit et sans publicités avec PHP/MySQL
« le: 26 Janvier 2010, 23:53:46 »

 Journalisée
jom006
Nouveau
*
Hors ligne Hors ligne

Messages: 49


Yo !


Voir le profil WWW
« Répondre #1 le: 18 Mai 2010, 15:50:56 »

  Bonjour,
  Merci pour ce tuto bien pratique puisque IE est toujours hors champ.

  J'aimerais ajouter que ce genre de commentaire est spécifique a IE et s'appelle : Commentaires conditionnels.
On peut les utilisé par tout dans le document, soit pour ajouter quelque chose dans IE ou dans tous les autres navigateur sans IE, et ça avec ce que ta mit en paramètres, car il n'y a pas que <!--[if lt IE 7]> qui veut dire tout les version IE inferieur a 7, comment j'ai su que c'est inférieur et pas supérieur ? grace au mot lt qui signifie Lower Then en anglais (Inférieur à).
Il existe d'autres comme :

ParamètreSignificationObservation
<!--[if IE]>
Tout les versions IE
<!--[if IE 5.0]>
Version 5.0 seulement
<!--[if IE 5.5000]>
Version 5.5 seulement
<!--[if IE 6]>
Version 6.0 seulement
<!--[if gte IE 5]>
Supérieur ou égal a la version 5 - gte avec "e" à la fin. (fonctionne pour tous les version faut juste changer le numéro)
<!--[if lte IE 6]>
Inférieur ou égal a la version 6 - même remarque qu'avant
<!--[if lt IE 6]>
Strictement inférieur a la version 6 - lt sans "e".
<!--[if gt IE 6]>
Strictement Supérieur a la version 6 - gt (greater then) sans "e".

Sans oublier qu'il faut toujours fermer la condition avec <![endif]--> l'exemple comme celui du petit marocain.

Et la dernière pour mettre du code dans tous les navigateurs sauf IE :
<!--[if !IE]> <!-->
     IE Windows ne lira pas ça
<!--> <![endif]-->

Sources : http://css4design.com/commentaires-conditionnels-d-internet-explorer-vs-hacks-css

Cordialement,
Jom006

Edit Mrs B: lower thAn (différent de if / then) Grima&ccedil;ant
« Dernière édition: 18 Mai 2010, 19:14:35 par MrsB » Journalisée
lepetitmarocain
Invité
« Répondre #2 le: 18 Mai 2010, 16:00:32 »

Salut,

Pratique Clin d'oeil

Merci.

à++
Journalisée
Pages: [1]   Haut de page
  Imprimer  
 
Aller à:  

Propulsé par MySQL Propulsé par PHP Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Dilber MC Theme by HarzeM
Page générée en 0.054 secondes avec 20 requêtes.