PageRenderTime 54ms CodeModel.GetById 28ms RepoModel.GetById 1ms app.codeStats 0ms

/2004/08/06/php-and-css.html

https://github.com/benthebear/anmutunddemut
HTML | 119 lines | 111 code | 3 blank | 5 comment | 0 complexity | 4941f16a0c678fa6c1d8c9e7283608c3 MD5 | raw file
  1. <!DOCTYPE html SYSTEM "about:legacy-compat">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>PHP and CSS | anmut und demut</title>
  6. <meta name="Generator" content="Heimweh"/>
  7. <meta http-equiv="content-language" content="de" />
  8. <!-- Get rid of those f*ckin Bots -->
  9. <meta name="robots" content="noindex, nofollow" />
  10. <meta name="robots" content="noimageindex" />
  11. <meta name="googlebot" content="noindex, nofollow" />
  12. <meta name="DuckDuckBot" content="index, follow" />
  13. <meta name="description" content="anmut und demut | Kirchenlieder für die Ungläubigen seit 2001" />
  14. <link rel="prev" href="/2004/08/06/stuben-tiger" />
  15. <link rel="next" href="/2004/08/06/fuhre-mich-sanft" />
  16. <meta name="path" content="/2004/08/06/php-and-css" />
  17. <meta name="root" content="../../../" />
  18. <meta name="node-id" content="1295" />
  19. <meta name="node-type" content="story" />
  20. <meta name="created-timestamp" content="1091800800" />
  21. <meta name="created-string" content="06. 08. 2004 - 16:00" />
  22. <meta name="changed-timestamp" content="1197126502" />
  23. <meta name="changed-string" content="08. 12. 2007 - 16:08" />
  24. <meta name="creator" content="ben_" />
  25. <meta name="path" content="/2004/08/06/php-and-css" />
  26. <meta name="node-id" content="1295" />
  27. <meta name="node-type" content="story" />
  28. <meta name="created-timestamp" content="1091800800" />
  29. <meta name="created-string" content="06. 08. 2004 - 16:00" />
  30. <meta name="changed-timestamp" content="1197126502" />
  31. <meta name="changed-string" content="08. 12. 2007 - 16:08" />
  32. <meta name="creator" content="ben_" />
  33. <link rel="index" title="PHP" href="../../../lexikon/php" />
  34. <meta name="keywords" content="PHP" />
  35. <link type="text/css" rel="stylesheet" media="all" href="../../../css/global.css" />
  36. <link type="text/css" rel="stylesheet" media="all" href="../../../css/takeshi.css" />
  37. <script type="text/javascript" src="../../../js/functions.js"> </script>
  38. </head>
  39. <body class="page-node sidebars-0 arg0-node arg1-1295 arg01-node-1295" onload="loader();">
  40. <div id="header" class="region">
  41. <!-- start:header -->
  42. <h1><a title="Startseite" href="http://anmutunddemut.de">anmut und demut</a></h1>
  43. <p><span class='backandforth'><span class='headericon backwardslink'><a href="../../../2004/08/06/stuben-tiger.html" title="rückwärts">«</a></span> <span class='headericon forwardslink'><a href="../../../2004/08/06/fuhre-mich-sanft.html" title="vorwärts">»</a></span></span> <a title="Impressum" href="../../../seiten/impressum.html">?</a></p>
  44. <!-- ende:header -->
  45. </div>
  46. <div id="arena" class="region">
  47. <!--- start:arena -->
  48. <div id="node" class="node story published full story-full age-6">
  49. <!-- start:node -->
  50. <h2>PHP and CSS</h2>
  51. <div>
  52. <p>Ich lese ja gerade immer auf dem Weg zur Arbeit in <a href="http://www.amazon.de/exec/obidos/ASIN/0596005253">Eric Meyers "Cascading Style Sheets: Definite Guide</a>, aus dem ich schon immer fleißig etwas über CSS lerne. Obowhl CSS viel mächtiger ist, als ich das gedacht hatte, reich es aber immer noch nicht aus, um bestimmte Dinge so damit zu machen. Zum gibt es im Desing Bereich ja das sinvolle Konzept eines "Identity Nets" in dem Zentral Farben und Schriftarten festgelegt werden, für unterschiedliche Ausgabemedien und für unterschiedliche Aspekte eines Auftritts.</p>
  53. <p>Leider gibt es in CSS kein Möglichkeit, Farben, Schriftgrößen oder anderes als Variablen zu definieren und später wieder zu nutzen.</p>
  54. <p>Für q2b hab ich schon mal ein Workaround zu dem gemacht: Bei jedem Aufruf der Seite wird eine CSS Datei von PHP erzeugt, in die die CSS-Infos reingeschrieben werden. Dummerweise, liest sich der Code total scheiße, weil ja alles immer in fwrite() stehen muss.</p>
  55. <p>Sauberer ist es es direkt ein PHP statt einer CSS einzubinden, wie man von <a href="http://www.barelyfitz.com/projects/csscolor/">BarelyFitz Designs Artikel über CSS Colors: Take Control Using PHP</a> lernen kann. Das hab ich auch ausprobiert, hat bei mir aber nicht gekplappt, weil ich nicht einen CSS Header in PHP angegeben habe,: header("Content-type: text/css");</p>
  56. <p>Von jetzt an: nur noch css.php!</p>
  57. </div>
  58. <!-- end:node -->
  59. </div>
  60. <div id="footnotes">
  61. <!-- start:footnotes -->
  62. <hr/>
  63. <h2>Fußnoten</h2>
  64. <p class="meta-basics">~ Artikel vom 6. 8. 2004</p>
  65. <p class='meta-topics'>~
  66. <span class='title'>Lexikon:</span>
  67. <a href="../../../lexikon/php.html" rel="lexicon">PHP</a>
  68. </p>
  69. <!-- end:footnotes -->
  70. </div>
  71. <div id="comments">
  72. <!-- start:comments -->
  73. <hr/>
  74. <h2>Kommentare</h2>
  75. <!-- Last Comment standing -->
  76. <!-- end:comments -->
  77. </div>
  78. <!-- start:comment-form -->
  79. <div id="comment-form" show="embed" href="http://anmutunddemut.de/php/comment-form.php">Kommentarformular hier</div>
  80. <!-- end:comment-form -->
  81. <!-- ende: arena -->
  82. </div>
  83. <div id="footer" class="region">
  84. <!-- start:footer -->
  85. <hr/>
  86. <p id="buttons">
  87. <a href="http://www.magpie-girl.com/small-is-beautiful-bloggers-manifesto/" ><img src="http://anmutunddemut.de/files/buttons/small_is_beautifull.jpg" alt="small is beautifull" /></a>
  88. <a href="http://www.adfreeblog.org/"><img src="http://anmutunddemut.de/files/buttons/art_not_ads.jpg" alt="art not ads"/></a>
  89. <img src="http://anmutunddemut.de/files/buttons/atomkraft_nein_danke.jpg" alt="atomkraft – nein danke" />
  90. </p>
  91. <hr/>
  92. <p id="minipressum">
  93. <span id="impressum">
  94. <a href="http://creativecommons.org/licenses/by-nc-sa/2.0/de/">cc</a> 2001 - 2010
  95. <a href="../../../seiten/impressum.html">Benjamin Birkenhake</a>
  96. </span>
  97. <span id="digitalistbesser" title="Rescued by Tocotronic since 1995">Digital ist besser</span>
  98. </p>
  99. <p id="click"><img src="http://anmutunddemut.de/php/click.php" /></p>
  100. <!-- ende:footer -->
  101. </div>
  102. </body>
  103. </html>