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

The CSS Stylesheet File<\/h2>\n
The PHP enabled stylesheet is nothing more that a CSS stylesheet with some
\nPHP code in it. What is more interesting is the benefits of that association as,
\npurely from a coding point of view, there’s no complexity at all. <\/div>\n
As for the visuals.inc<\/code> file, the first steps are making sure
\nthat any variables passed on to the stylesheet.css.php<\/code> are properly
\nretrieved. This is where we’ll encounter one of the first benefits of including
\nPHP code in stylesheet: implement browser based behaviors without having to
\ncreate multiple stylesheets. This will be discussed with more details in the
\nnext sections. <\/div>\n
To be able to use the visual parameters defined in the
\nvisuals.inc<\/code> file, this file must be included in the PHP enabled
\nstylesheet. This is done using the require()<\/code> function, as without
\nthis file, the stylesheet would not behave properly. Now can start the real fun
\nof putting some PHP in CSS (I assume you know the basics about CSS). I won’t
\nexplain anything here; see the next sections to understand the why.<\/div>\n
\n<\/p>\n

<?php
\n
\u00a0<\/span>if\u00a0(<\/span>substr<\/span>(<\/span>phpversion<\/span>(),<\/span>0<\/span>,<\/span>3<\/span>)\u00a0!=\u00a0<\/span>'4.1'<\/span>)\u00a0{\u00a0
\n
\u00a0\u00a0<\/span>$_REQUEST\u00a0<\/span>=\u00a0<\/span>array_merge<\/span>(<\/span>$HTTP_POST_VARS<\/span>,\u00a0<\/span>$HTTP_GET_VARS<\/span>);\u00a0
\n
\u00a0}
\n
\u00a0if\u00a0(\u00a0isset(<\/span>$_REQUEST<\/span>[<\/span>'browser'<\/span>])\u00a0)\u00a0{\u00a0
\n
\u00a0\u00a0<\/span>$browser\u00a0<\/span>=\u00a0<\/span>$_REQUEST<\/span>[<\/span>'browser'<\/span>];\u00a0
\n
\u00a0}\u00a0else\u00a0if\u00a0(\u00a0!isset(<\/span>$browser<\/span>)\u00a0)\u00a0{\u00a0
\n
\u00a0\u00a0<\/span>$browser\u00a0\u00a0<\/span>=\u00a0<\/span>'ie5'<\/span>;\u00a0\u00a0\u00a0\u00a0<\/span>\/\/\u00a094%\u00a0of\u00a0the\u00a0browsers\u00a0on\u00a0the\u00a0web
\n
\u00a0<\/span>}
\n
\u00a0require_once(<\/span>'visuals.inc'<\/span>);
\n
<\/span>?>
\n
<\/span>
\n
body,\u00a0h1,\u00a0h2,\u00a0h3,\u00a0h4,\u00a0h5,\u00a0h6,\u00a0p\u00a0{\u00a0
\n
\u00a0font-family:\u00a0<?php\u00a0<\/span>print(<\/span>$VISUALS<\/span>[<\/span>$SkinID<\/span>][<\/span>'page'<\/span>][<\/span>'font'<\/span>]);\u00a0<\/span>?><\/span>;\u00a0
\n
\u00a0font-size:\u00a0<?php\u00a0
\n
\u00a0\u00a0<\/span>print(<\/span>$VISUALS<\/span>[<\/span>$SkinID<\/span>][<\/span>'page'<\/span>][<\/span>'fontsize'<\/span>]);
\n
\u00a0\u00a0print(<\/span>$VISUALS<\/span>[<\/span>$SkinID<\/span>][<\/span>'page'<\/span>][<\/span>'fontunit'<\/span>]);
\n
\u00a0<\/span>?><\/span>;
\n
}<\/p>\n

body\u00a0{<?php
\n
\u00a0<\/span>print(<\/span>'background-color:\u00a0'<\/span>.<\/span>$VISUALS<\/span>[<\/span>$SkinID<\/span>][<\/span>'page'<\/span>][<\/span>'background'<\/span>][<\/span>'color'<\/span>].<\/span>';'<\/span>);
\n
<\/span>?><\/span>}<\/p>\n

<?php
\n
\u00a0<\/span>for\u00a0(<\/span>$i<\/span>=<\/span>1<\/span>;\u00a0<\/span>$i<\/span><<\/span>6<\/span>;\u00a0<\/span>$i<\/span>++)\u00a0{
\n
\u00a0\u00a0print(\u00a0<\/span>'H'<\/span>.<\/span>$i<\/span>.<\/span>'\u00a0{\u00a0'<\/span>);
\n
\u00a0\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
\u00a0\u00a0print\u00a0(<\/span>$VISUALS<\/span>[<\/span>$SkinID<\/span>][<\/span>'page'<\/span>][<\/span>'fontunit'<\/span>].<\/span>';'<\/span>);
\n
\u00a0\u00a0print(<\/span>'font-weight:\u00a0bold;'<\/span>);
\n
\u00a0\u00a0print\u00a0(<\/span>'\u00a0}'<\/span>);
\n
\u00a0}
\n
<\/span>?>
\n
<\/span>
\n<\/span>
\n<\/code><\/font><\/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<\/div>\n
| <\/div>\n
6<\/a> <\/div>\n
| <\/div>\n
7<\/a> <\/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-1340","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts\/1340","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=1340"}],"version-history":[{"count":1,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts\/1340\/revisions"}],"predecessor-version":[{"id":3226,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts\/1340\/revisions\/3226"}],"wp:attachment":[{"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/media?parent=1340"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/categories?post=1340"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/tags?post=1340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}