Kod för att varna IE6 användare

av Joakim Jardenberg den 19 Feb, 2009 · View Comments

Enklaste koden för att varna IE6-användare och uppmuntra dem att uppgradera. Hur enkelt som helst. Kopiera texten nedan och se till att få in det här i en mall bara.

<!--[if lte IE 6]>
<style type="text/css">
 #ie6msg{border:3px solid #090; margin:8px 0; background:#cfc; color:#000;}
 #ie6msg h4{margin:8px; padding:0;}
 #ie6msg p{margin:8px; padding:0;}
 #ie6msg p a.getie7{font-weight:bold; color:#006;}
 #ie6msg p a.ie6expl{font-weight:normal; color:#006;}
</style>
<div id="ie6msg">
 <h4>Tips från oss: Du har en gammal version av webbläsaren Internet Explorer.</h4>
 <p>
  För att få en bättre och säkrare upplevelse på nätet rekommenderar vi att du <a class="getie7" href="http://www.microsoft.com/sverige/windows/downloads/ie/getitnow.mspx" target="_blank">hämtar en nyare version av Internet Explorer</a>. Uppgraderingen är kostnadsfri.
Sitter du på jobb och inte har kontroll över din dator själv bör du kontakta din IT-ansvarige.
 </p>
 <p>
Vi kan också <b>varmt</b> rekommendera dig att prova någon av följade alternativa webbläsare <a href="http://www.opera.com">Opera</a>, <a href="http://mozilla.com">FireFox</a> eller <a href="http://www.apple.com/safari/download/">Safari</a>
 </p>
 <p>
  <a class="ie6expl" href="http://labs.finn.no/blog/finn-anbefaler-ie6-brukere-a-oppgradere-sin-nettleser" target="_blank">Den här uppmaningen har sitt ursprung i Norge och på en av deras största sajter, finn.no, kan du läsa om varför du bör uppgradera.</a>
 </p>
</div>
<![endif]-->

Koden kommer att placera en textbox där den klistras in. Texten uppmanar till uppgradering till IE7 eller Firefox/Opera/Safari, samt länkar tillbaka till Finn.no som har skrivit bra om varför det här bör göras. Givetvis kan du ändra texten hur mycket du önskar.

Mer läsning om vad det här egentligen handlar om på mindpark.se: ”Kampanjen mot IE6 kan göra skillnad

Ungefär så här kommer boxen att se ut. (allt är fult i IE6)

Ungefär så här kommer boxen att se ut. (allt är fult i IE6)

{ 12 kommentarer }

1 Staffan Malmgren February 19, 2009 at 21:14:56

Tack för den färdiga kodsnutten, det gjorde att det hela blev av ikväll snarare än till helgen! Nu använder https://lagen.nu/ en version av varningsboxen – jag lade till en länk till Chrome, en till bloggpostningen på Mindpark, och så ändrade jag nedladdningslänken för IE så att den går till den svenska versionen av texten, inte den norska.

2 Jardenberg February 19, 2009 at 21:22:31

@Staffan: grejt ;) Och nedladdningslänken ska jag också fixa. My bad. Att jag pekar till finn.no är en flirt med vännerna i norge, men jag uppskattar så klart länken till mindpark.

Thanks

3 David Svensson February 19, 2009 at 22:40:16

Helt fenomenalt initiativ tycker jag. Aftonbladets medverkan lär göra att det här får rejält genomslag.

4 Thomas Hansen February 20, 2009 at 09:39:36

Fenomenalt, flotters at Sverige nå tar opp dette ;)
Her er en *rettferdig* versjon av banneren din da ;)
Just IE6 upgrade banner

5 Anonymous February 20, 2009 at 10:15:18

Norge kan!

6 Erlend Schei a.k.a. nerdegutt February 20, 2009 at 11:52:03

Takk for flirt invitation, Joakim! Accepted!

Kanon at du følger opp dette. Utrolig hva en eneste tiny tweet kan avstedkomme!

Om du (eller noen av dine followers) oppdaterer kampanje-wikien på http://ie6.forteller.net/ når dere ser svenske initiativ, så kan det forhåpentligvis bli litt cred og kickback på alle som følger det gode eksempel.

Nå som kampanjen er “above the fold” på http://wired.com så får vi håpe det tar av internasjonalt!

7 Didrik Nordström February 20, 2009 at 13:08:14

Woho! Go IE6 bojkott!

8 Gunnar Borg February 20, 2009 at 16:04:25

Kanoon – vi skickar info om detta nästa vecka till alla medlemsföretag via vårt nyhetsbrev.
/ Typografborg på TU.

9 Bilrace February 23, 2009 at 15:40:35

Bra initiativ. Nu har vi på Bilrace.se också uppmanat våra besökare att göra detsamma.

mvh
Daniel
Bilrace.se

10 Per-Åke Olsson February 23, 2009 at 17:38:17

Bra initiativ. Nu är det inlagt på perakeolsson.se också.

11 joakimtrolle March 24, 2009 at 21:07:38

Bra kod, numera inlagd.

12 Freddie July 7, 2010 at 15:46:29

Snygga kodsnuttar på olika språk finns tillgängliga på http://www.ie6nomore.com/

Kommentarer är avstängda för den här posten.

{ 9 trackbacks }

blog comments powered by Disqus

Föregående post:

Nästa post: