{"id":1337,"date":"2018-01-19T19:22:43","date_gmt":"2018-01-19T19:22:43","guid":{"rendered":"http:\/\/goofy-trucks.flywheelsites.com\/php-enabled-stylesheets-page-7\/"},"modified":"2018-01-19T19:24:42","modified_gmt":"2018-01-19T19:24:42","slug":"php-enabled-stylesheets-page-7","status":"publish","type":"post","link":"https:\/\/phpbuilder.com\/php-enabled-stylesheets-page-7\/","title":{"rendered":"PHP enabled stylesheets Page 7"},"content":{"rendered":"
\n
\n
By Bertrand Potier<\/div>\n
on November 24, 2002<\/div>\n<\/p><\/div>\n
\n

The Real Fun!<\/h2>\n
Code Generation<\/div>\n
\nThis is the most obvious use of PHP inside a CSS stylesheet but not the one
\nwith the highest added value. One example is the creation of repetitive style
\ndefinitions like for the HTML headings, in\/decreasing the font size
\nautomatically from the font size set in the visual configuration file:\n<\/div>\n
\n<\/p>\n

<?php
\n
<\/span>for\u00a0(<\/span>$i<\/span>=<\/span>1<\/span>;\u00a0<\/span>$i<\/span><<\/span>6<\/span>;\u00a0<\/span>$i<\/span>++)\u00a0{
\n
\u00a0print(\u00a0<\/span>'H'<\/span>.<\/span>$i<\/span>.<\/span>'\u00a0{\u00a0'<\/span>);
\n
\u00a0print(<\/span>'font-size:\u00a0'<\/span>.(<\/span>$VISUALS<\/span>[<\/span>$SkinID<\/span>][<\/span>'page'<\/span>][<\/span>'fontsize'<\/span>]+(<\/span>6<\/span>-<\/span>$i<\/span>)));
\n
\u00a0print(<\/span>$VISUALS<\/span>[<\/span>$SkinID<\/span>][<\/span>'page'<\/span>][<\/span>'fontunit'<\/span>].<\/span>';'<\/span>);
\n
\u00a0print(<\/span>'font-weight:\u00a0bold;'<\/span>);
\n
\u00a0print\u00a0(<\/span>'\u00a0}'<\/span>);
\n
}
\n
<\/span>?>
\n
<\/span>
\n<\/span>
\n<\/code><\/font><\/div>\n

\nThe main advantage is for the lazy ones, not having to type the same thing
\nover and over again. More seriously, this can automate the creation of style
\ndefinitions in various situations and I’ll give more examples if requested. <\/div>\n

Browser\/Platform Based Behaviors<\/h2>\n
Usually, Javascript is being used in the index file of the web site in order
\nto detect the browser\/platform and load a different stylesheet. It happens that
\nthe difference between this and this browser\/platform specific stylesheet are
\nnot so big and being able to adapt a unique stylesheet would ease everything
\n(let’s avoid duplication). For example, font size (again) can be a problem
\ndepending on the Operating System (OS) of your visitor. Even at the same
\nresolution as on your WINDOWS OS, the text will appear to be smaller on Linux
\nand Mac OS platforms. I don’t have the chance to own a MAC OS so the value
\ntested may not be fully correct (extracted from index.php<\/code>):\n<\/div>\n
\n
\n\n<script type=\"text\/javascript\" charset=\"ISO-8859-1\">\n var browser = navigator.appName.toLowerCase();\n var platform = navigator.platform.toLowerCase();\n var detect = ; if ( platform.indexOf(\"mac\") != -1 && detect) {\n  location.replace(\"index.php?detect=false&browser=msie6\");\n } \n<\/script>\n<\/pre>\n<\/div>\n<\/div>\n
<\/p>\n
\n
\u00ab Previous Page<\/a><\/div>\n
1<\/a> <\/div>\n
| <\/div>\n
2<\/a> <\/div>\n
| <\/div>\n
3<\/a> <\/div>\n
| <\/div>\n
4<\/a> <\/div>\n
| <\/div>\n
5<\/a> <\/div>\n
| <\/div>\n
6<\/a> <\/div>\n
| <\/div>\n
7<\/div>\n
| <\/div>\n
8<\/a> <\/div>\n
| <\/div>\n
9<\/a> <\/div>\n
| <\/div>\n
10<\/a> <\/div>\n
Next Page \u00bb<\/a><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"
From Perl scripts to PHP, a lot of technologies are today available to move HTML to the dynamic age but why not, going even further and do the<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-1337","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts\/1337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/comments?post=1337"}],"version-history":[{"count":1,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts\/1337\/revisions"}],"predecessor-version":[{"id":3223,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts\/1337\/revisions\/3223"}],"wp:attachment":[{"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/media?parent=1337"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/categories?post=1337"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/tags?post=1337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}