La grande difficulté que rencontrent les designers de sites et des blogs est de pouvoir le rendre compatible avec tous les navigateurs, Internet Explorer notamment. Or, c'est justement Internet Explorer le navigateur le plus utilisé, car incorporé dans le PC dès leur fabrication, qui a tendance à rendre abominable l'habillage d'un site qui apparait pourtant très bien sur les autres navigateurs. Il n'y a qu'à voir Blogger au bout du doigt sur Internet explorer 6 ou précédent pour constater le massacre à la tronçoneuse que subit mon bien aimé blog.
La dernière version de ce modèle ayant un comportement plus catholique que les précédentes, il est sensé de faire une notice à ses visiteurs utilisant l'ancienne de version de passer à la nouvelle ou de carrément changer des navigateurs afin d'avoir une meilleure image de votre blog.
La dernière version de ce modèle ayant un comportement plus catholique que les précédentes, il est sensé de faire une notice à ses visiteurs utilisant l'ancienne de version de passer à la nouvelle ou de carrément changer des navigateurs afin d'avoir une meilleure image de votre blog.
Au cours de mes adaptations des thèmes wordpress pour blogger, je suis tombé sur une notice approprié pour cette tâche, notice qu'il faut insérer juste entre les balises ]]></b:skin> et </head> après être allé sur "Mise en page" puis "Modifier le code html". Voici le code pour cette notice qui s'affichera sur tous les navigateurs Internet Explorer ayant précédé la version 8. Notez que vous pouvez adapter les paroles d'avertissement à votre goût.
<!--[if lt IE 7]>
<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
<div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
<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é.</div>
<div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>Pour un meilleur affichage de ce blog, passez à un navigateur plus récent.</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 style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
<div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>
<div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
</div>
</div>
<![endif]-->
J'espère que ce code fera le bonheur de quelqu'un ici.
Avez-vous une autre idée (peut être meilleure que celle-ci) ? Partagez-la en commentaire à cet article.
@+
C'est ajouté merci, je n'ai pas possibilité de vérifier si ça fonctionne donc inch'allah :)
RépondreSupprimerRodney,
RépondreSupprimerQue penses-tu de Firefox comme alternative ?
Ce commentaire a été supprimé par l'auteur.
RépondreSupprimerExcellente idée. Personnellement, j'écrirais plutôt : "pensez à passer à une version..." ou "il vous est possible de passer..." qui me paraît moins directif que "veuillez passer..." enfin c'est comme on le sent. Par contre, si tout le monde laissait tomber Internet Explorer, je ne vous dis pas le nombre de webmaster heureux qu'il y aurait sur la planète Web. Pour ceux qui sont toujours sur Explorer, Firefox et Chrome sont gratuits et offrent plein d'avantages. Je n'utilise Internet Explorer que pour voir les dégâts qu'il fait à mes sites (amateurs), et c'est réellement déprimant.
RépondreSupprimer22 janvier 2010 18:49
@ MarieBo : Firefox est proposé comme première alternative pour que les visiteurs quittent ce xxxx Internet Explorer
RépondreSupprimer@ Pierre C. : Si Internet Explorer disparaisait de la circulation, je ferais partie de ces webmasters heureux. Bon, comme il ne faut pas souhaiter le malheur des autres, espérons qu'Internet Explorer finira par devenir un navigateur qui se comporte en bon citoyen du web.
J'ai téléchargé IE 8, parce que j'avais encoe IE 7 depuis que j'ai mon ordi. Et IE 8 est pire que le 7!!!! Je l'ai supporté pendant 3 jours! Il travaille mal en maudit!!!!
RépondreSupprimerJe viens de downloader Firefox.... je ne le connait pas encore ça fait 10 minutes!!! mais c'est un changement drastique! Vitesse incomparable! Je sens que je vais adorer!
@ Marthe : Tu va regretter de n'avoir pas connu firefox avant, ça je te l'assure.
RépondreSupprimerRodney, je t'ai écris un commentaire sur "Personnaliser son modèle", parce que j'ai un GROS problème....!!!! Je te lance un S.O.S. parce que je sais pas quoi faire... :(((
RépondreSupprimer@ Marthe : J'avais lu ton commentaire et je t'ai demander de me contacter par e-mail afin que nous voyons ensemble ce que nous pouvons faire.
RépondreSupprimermon adresse rodney.sankinka (at) gmail.com
Merci ^^
RépondreSupprimeret super l'ajout de commentaire sur ton site.. coment t'as fait, hein, hein ? vais chercher ca :)