Hey,
ich frage mich gerade, was wohl die beste Möglichkeit wäre, Variablen in CSS zu nutzen. Bisher habe ich mir dafür eine "style.php" erstellt,
wo ich das alles dynamische reingetan habe, doch leider ist es auch nicht so schön, da dann der CSS-Code im Seiten-Quelltext angezeigt wird,
da ich diese Datei ja in meinem Hauptscript inkludiere. Kennt jemand dafür eine alternative, mit der man gut Variablen in CSS nutzen kann?
Das ist mir nämlich wichtig, da ich so dynamisch und einfach kleine "Fragmente" des Designs editieren kann, ohne viele Werte in der style.css
ändern zu müssen. Wäre schön, wenn es da eine (gute) Alternative gäbe und mir einer eine nennen kann.
So sieht es momentan bei mir aus. (Mit der "style.php")
PHP
<?php include("style.php");?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title></head><body></body></html>
PHP
<?php include("site.config.php");?><style type="text/css">* {padding: 0;margin: 0;}.content-width {width: <?php echo $site['width']; ?>;margin: auto;}#background { width: 100%; height: 100%; background:url(<?php echo IMAGE_PATH.$site['background']; ?>); position: fixed; z-index: -1;}#logo { padding-top: <?php echo $site['logo_padding']; ?>; padding-bottom: <?php echo $site['logo_padding']; ?>;}#nav { background:url(<?php echo IMAGE_PATH.$site['navigation']; ?>); height: <?php echo $site['nav_height']; ?>;}<?php if($site['logo_pos'] != $position['center']){ ?>.logopos { margin-left: <?php echo $site['logo_padding_left']; ?>; margin-right: <?php echo $site['logo_padding_right']; ?>; float: <?php echo $site['logo_pos'] == $position['left'] ? ("left") : ($site['logo_pos'] == $position['right'] ? ("right") : ("none")); ?>}<?php } ?></style>
