Tecnología

Inicio

Cómo agregar hojas de estilo en IE7 Tesis

Cómo agregar hojas de estilo en IE7 Tesis


Uno de los problemas más molestos diseñadores Web se enfrentan a la hora de escribir estilos para un diseño determinado sitio web es asegurarse de que la página se ve la misma a través de múltiples navegadores. Internet Explorer es conocido por la interpretación de las reglas CSS de manera diferente que otros navegadores web, como Safari y Firefox, y con frecuencia requiere sus propias hojas de estilo CSS o declaraciones de superar las diferencias. La mayor parte de este trabajo es hecho por ti con temas de WordPress, como Tesis, pero a medida que los navegadores y estándares Web evolucionan más rápidamente que los temas se actualizan, es posible que necesite añadir sus propios estilos de Internet Explorer.

Instrucciones

1 Descarga una copia de la carpeta del tema de la tesis en el escritorio. Abra la carpeta y luego abrir el "lib" y carpetas "clases".

2 Abra el archivo "head.php" en un editor de texto o HTML. Este archivo controla los estilos en línea para la cabecera del tema de la tesis, así como cómo se declaran las hojas de estilo. Alrededor de la línea 142, se puede ver cada sección del código relativo a las etiquetas HTML "link" que normalmente se encuentran en la parte superior de cada página web. La hoja de estilo especial de Internet Explorer se incluye el uso de instrucciones condicionales que sólo Internet Explorer puede leer. Se podría editar estos archivos directamente, pero la actualización de la tesis se sobreponen a los cambios, por lo tanto, es mejor utilizar la opción de estilo personalizada.

3 Volver a la Tesis ellos carpeta y abrir el "custom.css" ubicado en la carpeta "a la medida de la muestra". Volver a la carpeta "lib" y abra la carpeta "css". Abra el archivo "ie.css" para ver los estilos existentes de Internet Explorer para referencia. Copiar cada regla que desea modificar en la ie.css o archivos style.css en el custom.css. Añadir el selector personalizado al comienzo de cada uno. Mediante el uso de la clase "a medida", que está creando declaraciones CSS más específicas para los elementos HTML que desea efectuar. Esto le permite crear estilos específicos del navegador mediante el uso de hacks CSS.

4 Conectarse a su servidor Web y abra la carpeta de temas de tesis en "wp-content". Cambiar el nombre de la carpeta "a la medida de la muestra" a "a medida", a continuación, cargar el nuevo archivo "custom.css" a esa carpeta.

5 Acceder a su página de opciones de tesis en el panel de administración de WordPress y expanda la sección "Sylesheets personalizados" en "Diseño personalizaciones." Marque la opción "Uso de estilos personalizada" y haga clic en el botón "Guardar". Es posible afinar aún más su hoja de estilo usando el editor de estilo de usuario si es necesario.

Consejos y advertencias

  • Reevaluar sus estilos especiales después de cada actualización de la Tesis o Internet Explorer para asegurarse de que todavía se aplican y eliminan cualquier que ya no necesita. Si prefiere no utilizar hacks CSS en absoluto y prefiere utilizar los estilos condicionales, es posible editar el archivo directamente ie.css y sobrescribir la versión de su servidor. Usted tendrá que cargar el archivo cada vez que se actualiza la tesis, pero este método puede resultar más infalible.