{"id":1343,"date":"2018-01-19T19:22:43","date_gmt":"2018-01-19T19:22:43","guid":{"rendered":"http:\/\/goofy-trucks.flywheelsites.com\/php-enabled-stylesheets-page-8\/"},"modified":"2018-01-19T19:24:43","modified_gmt":"2018-01-19T19:24:43","slug":"php-enabled-stylesheets-page-8","status":"publish","type":"post","link":"https:\/\/phpbuilder.com\/php-enabled-stylesheets-page-8\/","title":{"rendered":"PHP enabled stylesheets Page 8"},"content":{"rendered":"<div class=\"phpbuilder-content\">\n<div class=\"phpbuilder-meta\">\n<div class=\"\">By Bertrand Potier<\/div>\n<div class=\"\">on November 24, 2002<\/div>\n<\/p><\/div>\n<div id=\"overflow-content\">\n<div class=\"articlePara\">\nWarning: Be careful, each browser on each platform reacts differently to<br \/>\nthose instructions and tests are required to make sure that your Javascript will<br \/>\nbehave as expected. Even the browser detection scripts on website such as<br \/>\nJavascript.com cannot be considered as working correctly in all situations. <\/div>\n<div class=\"articlePara\">An easy way to make the <code class=\"example\">$platform<\/code> variable to the PHP code is to<br \/>\nrecall the index file with some parameters. This is almost invisible for the<br \/>\nvisitor but do not forget to include a <code class=\"example\">$detect<\/code> variable<br \/>\n(initialised to <code class=\"example\">true<\/code> if not set) to avoid to enter a loop where the<br \/>\nindex file is replaced and replaced again. As soon as the parameter (here<br \/>\nplatform) is detected, the <code class=\"example\">$detect<\/code> variable is set to false.<br \/>The<br \/>\nvariable <code class=\"example\">$platform<\/code> is now available to the index file and therefore<br \/>\nto the stylesheet. You can test it using a <code class=\"example\">switch() { case: ; }<\/code><br \/>\nblock and, in our example, increase the font size by 2 in case a Mac based<br \/>\nplatform is detected (extracted from <code class=\"example\">stylesheet.css.php<\/code>):\n<\/div>\n<div class=\"articlePhpEx\">\n<font face=\"courier\"><code><span style=\"color: #000000\"><\/p>\n<p><span style=\"color: #0000BB\">&lt;?php<br \/>\n<br \/>body<\/span><span style=\"color: #007700\">,\u00a0<\/span><span style=\"color: #0000BB\">h1<\/span><span style=\"color: #007700\">,\u00a0<\/span><span style=\"color: #0000BB\">h2<\/span><span style=\"color: #007700\">,\u00a0<\/span><span style=\"color: #0000BB\">h3<\/span><span style=\"color: #007700\">,\u00a0<\/span><span style=\"color: #0000BB\">h4<\/span><span style=\"color: #007700\">,\u00a0<\/span><span style=\"color: #0000BB\">h5<\/span><span style=\"color: #007700\">,\u00a0<\/span><span style=\"color: #0000BB\">h6<\/span><span style=\"color: #007700\">,\u00a0<\/span><span style=\"color: #0000BB\">p\u00a0<\/span><span style=\"color: #007700\">{\u00a0<br \/>\n<br \/>\u00a0<\/span><span style=\"color: #0000BB\">font<\/span><span style=\"color: #007700\">-<\/span><span style=\"color: #0000BB\">size<\/span><span style=\"color: #007700\">:&lt;?<\/span><span style=\"color: #0000BB\">php\u00a0<br \/>\n<br \/>\u00a0<\/span><span style=\"color: #007700\">switch(<\/span><span style=\"color: #0000BB\">$platform<\/span><span style=\"color: #007700\">)\u00a0{<br \/>\n<br \/>\u00a0\u00a0case\u00a0<\/span><span style=\"color: #DD0000\">'mac'<\/span><span style=\"color: #007700\">;<br \/>\n<br \/>\u00a0\u00a0\u00a0print(<\/span><span style=\"color: #0000BB\">$VISUALS<\/span><span style=\"color: #007700\">[<\/span><span style=\"color: #0000BB\">$SkinID<\/span><span style=\"color: #007700\">][<\/span><span style=\"color: #DD0000\">'page'<\/span><span style=\"color: #007700\">][<\/span><span style=\"color: #DD0000\">'fontsize'<\/span><span style=\"color: #007700\">]\u00a0+\u00a0<\/span><span style=\"color: #0000BB\">2<\/span><span style=\"color: #007700\">;<br \/>\n<br \/>\u00a0\u00a0\u00a0break;<br \/>\n<br \/>\u00a0\u00a0default:<br \/>\n<br \/>\u00a0\u00a0\u00a0print(<\/span><span style=\"color: #0000BB\">$VISUALS<\/span><span style=\"color: #007700\">[<\/span><span style=\"color: #0000BB\">$SkinID<\/span><span style=\"color: #007700\">][<\/span><span style=\"color: #DD0000\">'page'<\/span><span style=\"color: #007700\">][<\/span><span style=\"color: #DD0000\">'fontsize'<\/span><span style=\"color: #007700\">];<br \/>\n<br \/>\u00a0\u00a0\u00a0break;<br \/>\n<br \/>\u00a0\u00a0}\u00a0<br \/>\n<br \/>\u00a0print(\u00a0<\/span><span style=\"color: #0000BB\">$VISUALS<\/span><span style=\"color: #007700\">[<\/span><span style=\"color: #0000BB\">$SkinID<\/span><span style=\"color: #007700\">][<\/span><span style=\"color: #DD0000\">'page'<\/span><span style=\"color: #007700\">][<\/span><span style=\"color: #DD0000\">'fontunit'<\/span><span style=\"color: #007700\">]\u00a0);\u00a0<\/span><span style=\"color: #0000BB\">?&gt;<\/span>;<br \/>\n<br \/>\u00a0?&gt;;<br \/>\n<br \/>}<br \/>\n<br \/>?&gt;<br \/>\n<br \/><\/span><br \/>\n<\/code><\/font><\/div>\n<div class=\"articlePara\">\nThe value of this increment should depend on the font unit that you use (px,<br \/>\npt, em, etc.). This increment could also be declared as a new visual parameter<br \/>\nto be included in your visual configuration file as:<\/div>\n<div class=\"articlePhpEx\">\n<font face=\"courier\"><code><span style=\"color: #000000\"><\/p>\n<p><span style=\"color: #0000BB\">&lt;?php<br \/>\n<br \/>$VISUALS<\/span><span style=\"color: #007700\">[<\/span><span style=\"color: #0000BB\">0<\/span><span style=\"color: #007700\">][<\/span><span style=\"color: #DD0000\">'page'<\/span><span style=\"color: #007700\">][<\/span><span style=\"color: #DD0000\">'fontsize'<\/span><span style=\"color: #007700\">][<\/span><span style=\"color: #DD0000\">'increment'<\/span><span style=\"color: #007700\">]<br \/>\n<br \/><\/span><span style=\"color: #0000BB\">?&gt;<br \/>\n<br \/><\/span><br \/>\n<\/span><br \/>\n<\/code><\/font><\/div>\n<div class=\"articlePara\">\n(extracted from<br \/>\n<code class=\"example\">visuals.inc<\/code>). <\/div>\n<\/div>\n<p><\/p>\n<div style=\"float: left; padding:15px; color:#17AAF3\">\n<div style=\"float:left; padding:2px;\"><a class=\"paginationPageLink\" href=\"potier20021122235c.html?page=7\">\u00ab Previous Page<\/a><\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"potier20021122.html\">1<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"potier200211224658.html?page=2\">2<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"potier200211229ba9.html?page=3\">3<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"potier20021122fdb0.html?page=4\">4<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"potier20021122af4d.html?page=5\">5<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"potier20021122c575.html?page=6\">6<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"potier20021122235c.html?page=7\">7<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"background-color:#B6E5FC; font-size:16px; margin-top:1px; padding:1px 4px 1px 4px; color:#000; font-style:bold; float:left;\">8<\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"potier200211220b08.html?page=9\">9<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"potier200211221448.html?page=10\">10<\/a> <\/div>\n<div style=\"float:left; padding:2px;\"><a class=\"paginationPageLink\" href=\"potier200211220b08.html?page=9\">Next Page \u00bb<\/a><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>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-1343","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts\/1343","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=1343"}],"version-history":[{"count":1,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts\/1343\/revisions"}],"predecessor-version":[{"id":3229,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts\/1343\/revisions\/3229"}],"wp:attachment":[{"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/media?parent=1343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/categories?post=1343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/tags?post=1343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}