Estoy teniendo problemas con el index.php de mi Joomla. Intento añadir un condicional que cargue y machaque unos estilos del CSS principal sólo cuando detecte un iPad/iPhone.
- Los condicionales de IE9/IE7 funcionan bien. Sólo se cargan cuando toca.
- El CSS principal es el de template.css, carga correctamente como base.
- El condicional del HTTP_USER_AGENT es el que me da problemas. Se carga SIEMPRE, sea o no un iPad/iPhone.
Tengo unos conocimientos de programación muy básicos, y no he conseguido adaptar los ejemplos que he encontrado en este y otros foros. Agradecería mucho un cable.
Código:
(...)
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.css" media="screen">
<!--[if lte IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" media="screen" /><![endif]-->
<!--if expr="(${HTTP_USER_AGENT} = /iPhone/ || /iPad/)"-->
<style type="text/css">
<!--
html {-webkit-text-size-adjust:none}
.audio1_html5.whiteControllers {
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
-->
</style>
<!—-#endif -->
(...)