Per chi vuole ricordare ai propri visitatori l’uso di browser piu sicuri, può aderire alla campagna GetFF Ribbon in modo che gli utenti IE vedano, aggiunto al normale template, un blue-ribbon con la scritta “Ancora con IE? Get firefox! � e relativo link.
Per aderire è necessario inserire un semplice codice CSS nel vostro template: qui ne presenterò 3 versioni diverse.

0. Versione installata sul mio sito (funzionante al 100%):
<p>&lt;!--[if IE]&gt;&lt;style type=&quot;text/css&quot;&gt;.ffribbon { position:absolute; z-index:10000; left:0px; top:0px; height:99px; width:99px; background-color:transparent; margin:0px; padding:0px; border:0px none;}&lt;/style&gt;&lt;img class=&quot;ffribbon&quot; src=&quot;/images/getfirefox_ribbon1.gif&quot; usemap=&quot;#ffmap&quot; /&gt;&lt;map name=&quot;ffmap&quot;&gt; &lt;area shape=&quot;poly&quot; coords=&quot;0,163, 0,198, 198,0, 163,0&quot; href=&quot;http://getfirefox.com/&quot; alt=&quot;Get Firefox!&quot; /&gt;&lt;/map&gt;&lt;![endif]--&gt;</p>

1. Versione di Grooan.com (in realtà se copio-incollo questo codice nell’index.php di wordpress pare non funzionare, perchè Con Firefox vedo lo stesso il ribbon!)
<p><span class="newbb_css" id="newbb_dom" name="newbb_dom">&lt;!–-[if IE]&gt;<br /> &lt;style type=&quot;text/css&quot;&gt;<br /> .ffribbon<br /> {<br /> &nbsp;position:absolute;<br /> &nbsp;z-index:10000;<br /> &nbsp;left:0px;<br /> &nbsp;top:0px;<br /> &nbsp;height:99px;<br /> &nbsp;width:99px;<br /> &nbsp;background-color:transparent;<br /> &nbsp;margin:0px; padding:0px; border:0px none;<br /> }<br /> &lt;/style&gt; <br /> <br /> &lt;img class=&quot;ffribbon&quot;<br /> &nbsp;src=&quot;http://www.grooan.com/getfirefox.gif&quot;<br /> &nbsp;usemap=&quot;#ffmap&quot; /&gt;<br /> &nbsp;&lt;map name=&quot;ffmap&quot;&gt; &lt;area shape=&quot;poly&quot; coords=&quot;66,0,99,0,0,99,0,66&quot;<br /> &nbsp;href=&quot;http://getfirefox.com/&quot; alt=&quot;Get Firefox!&quot; /&gt;<br /> &lt;/area&gt;<br /> &lt;/map&gt;<br /> &lt;![endif]–-&gt; <br /> &nbsp;</span></p>

2. Esiste anche un altra versione, leggermente diversa, di Matteo Viviani; ecco il codice relativo:

<p>&lt;!--[if IE]&gt;<br /> &lt;style type=&quot;text/css&quot;&gt;<br /> .ffribbon {<br /> position:absolute;<br /> z-index:10000;<br /> left:0px; bottom:0px;<br /> height:199px;<br /> width:199px;<br /> background-color:transparent;<br /> margin:0px;<br /> padding:0px;<br /> border:0px none;<br /> }<br /> &lt;/style&gt;<br /><br /> &lt;img class=&quot;ffribbon&quot; src=&quot;http://www.matteoviviani.it/themes/mv/images/ie-out_b.gif&quot; usemap=&quot;#ffmap&quot; /&gt;<br /> &lt;map name=&quot;ffmap&quot;&gt;&lt;area shape=&quot;poly&quot; coords=&quot;0,0, 198,198, 156,198, 0,42&quot; href=&quot;http://getfirefox.com/&quot; alt=&quot;Get Firefox!&quot; /&gt;&lt;/map&gt;<br /> &lt;![endif]--&gt;</p>

3. Versione trovata sul forum di Kuht.it che aggiunge un piccolo script jsp per il caricamento casuale di un ribbon al caricamento della pagina

<p><span class="newbb_css" id="newbb_dom" name="newbb_dom">&lt;!–-[if IE]&gt;<br /> &lt;style type=&quot;text/css&quot;&gt;<br /> .ffribbon<br /> {<br /> &nbsp;position:absolute;<br /> &nbsp;z-index:10000;<br /> &nbsp;left:0px;<br /> &nbsp;top:0px;<br /> &nbsp;height:99px;<br /> &nbsp;width:99px;<br /> &nbsp;background-color:transparent;<br /> &nbsp;margin:0px; padding:0px; border:0px none;<br /> }<br /> &lt;/style&gt; <br /> <br /> &lt;img class=&quot;ffribbon&quot;<br /> &nbsp;src=&quot;path/to/ribbon_<b>&lt;? echo mt_rand(1,2,3,4,5,6,7,8,9); ?&gt;</b>.gif&quot;<br /> &nbsp;usemap=&quot;#ffmap&quot; /&gt;<br /> &nbsp;&lt;map name=&quot;ffmap&quot;&gt; &lt;area shape=&quot;poly&quot; coords=&quot;66,0,99,0,0,99,0,66&quot;<br /> &nbsp;href=&quot;http://getfirefox.com/&quot; alt=&quot;Get Firefox!&quot; /&gt;<br /> &lt;/area&gt;<br /> &lt;/map&gt;<br /> &lt;![endif]–-&gt;</span></p>

Condividi