Navegador

Esto puede serviros a vosotros, diseñadores, ya que lo que hace es inyectar una clase CSS a la etiqueta <body> en el HTML, con el navegador usado por nuestro lector.

Para que esto se produzca, debéis simplemente incluír en el fichero functions.php lo siguiente:

<?php
add_filter('body_class','browser_body_class');
function browser_body_class($classes) {
	global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;

	if($is_lynx) $classes[] = 'lynx';
	elseif($is_gecko) $classes[] = 'gecko';
	elseif($is_opera) $classes[] = 'opera';
	elseif($is_NS4) $classes[] = 'ns4';
	elseif($is_safari) $classes[] = 'safari';
	elseif($is_chrome) $classes[] = 'chrome';
	elseif($is_IE) $classes[] = 'ie';
	else $classes[] = 'unknown';

	if($is_iphone) $classes[] = 'iphone';
	return $classes;
}
?>

Leer más »

Etiquetas: ,

¿Cuántas veces hemos tenido que preparar una segunda hoja de estilo para Internet Explorer y sus devastadoras interpretaciones en CSS? Incontables.

Si normalmente la creábamos por separado y la incluíamos en el head dentro de header.php, hoy vamos a ver cómo mantener una única hoja de estilo, a la que daríamos clases e ids para los elementos gráficos que se hayan presentado inconsistentes en IE.

Leer más »

Etiquetas: ,

Ayer os dimos una referencia hacia un blog que daba las razones para no tener que diseñar una página pensando en IE6 y hoy vía Todotutoriales descubro que desde hace unos meses existe una campaña en la blogosfera hispana contra el diseño especial para Internet Explorer 6.

La campaña, bajo el titulo ¿Quieres cambiar la web o prefieres seguir diseñando para IE6?, está promovida por Aprendiendo Web y en la actualidad hay más de veinte sitios adscritos a la misma.  Para adherirse a la campaña tienes que poner este código:

header.php (después del <body>):

<!--[if lte IE 6]>
<p id="no-more-ie6"><strong>¿Todavía usas IE6?</strong> &mdash;no te preocupes, no le diremos a nadie que aún festejas como si fuera 1999&mdash; pero si quieres una <strong>mejor experiencia web</strong>, entonces <a href="http://www.microsoft.com/windows/internet-explorer/download-ie.aspx" title="Internet Explorer 7">actualiza</a> tu navegador o prueba <a href="http://www.mozilla.com/en-US/firefox/" title="Get Firefox!">otro</a>.</p>
<![endif]-->

Leer más »

En CSSBlog ES nos dan las razones para no diseñar nuestros sitios pensando en Internet Explorer 6.