Hi,
also ich mach das immer so:
Backend Templates - Neues Template erstellen -
Originaltemplate: fe_page.tpl
Zielverzeichnis: templates
Die dort angelegte Datei öffne ich zum Bearbeiten.
Direkt nach der Zeile:
PHP-Code:
<?php echo $this->stylesheets; ?>
füge ich diese Zeilen ein:
PHP-Code:
<link type="text/css" rel="stylesheet" href="tl_files/themes/dein-theme/bildschirm.css" media="screen" />
<link type="text/css" rel="stylesheet" href="tl_files/themes/dein-theme/druck.css" media="print" />
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="tl_files/themes/dein-theme/ie.css" media="screen" />
<![endif]-->
Das geht natürlich auch über zusätzliche head-Tags, aber das ist soweit ich weiß immer an ein Layout gebunden, weshalb das für mich nicht in Frage kam.
Die CSS-Dateien bearbeite ich immer mit meinem Lieblingseditor extern und lad die Änderungen hoch.
Im Backend bearbeite ich keine CSS, weil ich mir keinen Wolf klicken will.
Die für kritischen Definitionen in der contao.css sind imho diese:
PHP-Code:
body {
position:relative;
}
#main {
position:relative;
}
.inside {
position:relative;
}
.block {
overflow:hidden;
}
In meiner bildschirm.css, die durch meine Änderung der fe_page.tpl immer nach der contao.css eingebunden wird schreibe ich dann oben folgendes:
PHP-Code:
body {
position:static;
}
#main {
position:static;
}
.inside {
position:static;
}
.block {
overflow:visible;
}
damit habe ich die kritischen Anweisungen außer Kraft gesetzt.
Lesezeichen