Hey Leute,
ich habe zwei .css-Dateien für mein Theme. Das liegt daran, dass sich das Theme bei bestimmten Bildschirmauflösungen verschiebt und ich daher ein zweites verändertes .css-Datei schreiben musste.
Das ganze habe ich jetzt mit JavaScript gelöst:
HTML
<script language="JavaScript1.2" type="text/javascript">
<!--
var breite = screen.width;
var hoehe = screen.height;
if (breite > 1024 && hoehe > 768) {
document.write('<link rel="stylesheet" href="wp-content/themes/steffi-chan/style_1.css" type="text/css" media="screen,projection" />');
}
else {
document.write('<link rel="stylesheet" href="wp-content/themes/steffi-chan/style_2.css" type="text/css" media="screen,projection" />');
}
// -->
</script>
Alles anzeigen
Allerdings besteht nun das Problem, dass die .css-Datei nur in der index.php wirkt und in den weiteren Unterseiten keine .css-Datei mehr verfügbar ist. Warum?
Ihr könnt euch das gerne unter http://www.steffi-chan.de angucken.
Liebe Grüße
Steffi