{"id":22879,"date":"2016-06-19T03:01:44","date_gmt":"2016-06-18T17:01:44","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=22879"},"modified":"2016-08-19T13:30:04","modified_gmt":"2016-08-19T03:30:04","slug":"wordpress-temporary-user-css-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-temporary-user-css-primer-tutorial\/","title":{"rendered":"WordPress Temporary User CSS Primer Tutorial"},"content":{"rendered":"
\"WordPress<\/a>

WordPress Temporary User CSS Primer Tutorial<\/p><\/div>\n

CSS<\/a> is, perhaps, best learnt with a varied palette<\/i> to work with, to see how an effect you want to create both …<\/p>\n

    \n
  1. works itself, as the concept you want to see … and …<\/li>\n
  2. interacts with a wide variety of other cascading styling settings, in terms of its robustness, and hierarchy of usefulness … in other words, your CSS positioning may be very important regarding its workings<\/li>\n<\/ol>\n

    Today we introduce some functionality that allows you to use this blog, with its default styling as your palette<\/i> as an experimental tool, perhaps, for your CSS testing.<\/p>\n

    In these terms we try to have your own CSS be last in the order of CSS interpreted by the web browser, but it is really up to you to see for yourself what you need to do to make things happen.<\/p>\n

    This change involved … you probably guessed it … tweaking<\/i><\/b> WordPress TwentyTen theme’s good ol’ header.php … in two parts<\/b> …<\/p>\n


    \n<head>
    \n<\/b>
    \n\/\/ Lots of other Javascript and CSS work
    \n\/\/ ...
    \n<\/b>
    \n<style>
    \n<\/b>
    \n\/\/ Lots of other CSS work
    \n\/\/ ...
    \n<\/b>
    \n
    \n if (isset($_SESSION['ourcss'])) {
    \n echo str_replace('<' . 'style>','',str_replace('<' . '\/style>','',$_SESSION['ourcss']));
    \n } else if (file_exists(\"localcss_\" . my_t_d_server_remote_addr() . \".yzy\")) {
    \n $lcss = str_replace('<' . 'style>','',str_replace('<' . '\/style>','',file_get_contents((\"localcss_\" . my_t_d_server_remote_addr() . \".yzy\"))));
    \n $_SESSION['ourcss'] = $lcss;
    \n echo $lcss;
    \n unlink(\"localcss_\" . my_t_d_server_remote_addr() . \".yzy\");
    \n } else if (isset($_GET['cssask'])) {
    \n } else if (isset($_GET['ourcss'])) {
    \n $_SESSION['ourcss'] = str_replace('<' . 'style>','',str_replace('<' . '\/style>','',urldecode($_GET['ourcss'])));
    \n echo $_SESSION['ourcss'];
    \n } else if (isset($_GET['cssextra'])) {
    \n $_SESSION['ourcss'] = str_replace('<' . 'style>','',str_replace('<' . '\/style>','',urldecode($_GET['cssextra'])));
    \n echo $_SESSION['ourcss'];
    \n } else if (strpos($_SERVER['QUERY_STRING'],'cssextra=')) {
    \n $sbits=explode(\"cssextra=\", str_replace('#','&',$_SERVER['QUERY_STRING']) . '&');
    \n $ssbits=explode(\"&\",$sbits[1]);
    \n $_SESSION['ourcss'] = str_replace('<' . 'style>','',str_replace('<' . '\/style>','',urldecode($ssbits[0])));
    \n echo $_SESSION['ourcss'];
    \n } else if (strpos($_SERVER['QUERY_STRING'],'ourcss=')) {
    \n $sbits=explode(\"ourcss=\", str_replace('#','&',$_SERVER['QUERY_STRING']) . '&');
    \n $ssbits=explode(\"&\",$sbits[1]);
    \n $_SESSION['ourcss'] = str_replace('<' . 'style>','',str_replace('<' . '\/style>','',urldecode($ssbits[0])));
    \n echo $_SESSION['ourcss'];
    \n }
    \n<\/b>
    \n<\/style>
    \n<\/code><\/p>\n

    … and …<\/p>\n


    \nfunction cookie_fonts() {
    \n<\/b>
    \n\/\/ Lots of other Javascript Cookie based work helping with control of some user styling settings discussed at ...
    \n\/\/     https:\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-user-body-background-primer-tutorial\/<\/a>
    \n\/\/ ...
    \n<\/b>
    \n
    \n<?php
    \n if (isset($_SESSION['ourcss'])) {
    \n echo \"\\n\" . ' appendtoa(\"cssextra\", \"\" + encodeURIComponent(\"' . $_SESSION['ourcss'] . '\")); ' . \"\\n\";
    \n }
    \n?>
    \n<\/b>
    \n}
    \n\/\/ ...
    \n\/\/ and then lots more down to (unchanged) end of head<\/i> section and document.body onload<\/i> (where cookie_fonts<\/i>() is the last onload<\/i> functionality) as per ...
    \n\/\/ ...
    \n<\/script>
    \n<\/head>
    \n<body onload=\" setTimeout(initpostedoncc, 3000); sdescih(); widgetcon(); precc(); courseCookies(); cookie_fonts();<\/i> \" <?php body_class(); ?>>
    \n<\/code><\/p>\n

    So if you want to try your own CSS try this live run<\/a> link, and see, below, some other suggestions (which simulate what the All Posts -> Temporary User CSS submenu does), that, if you click, and you want to reset use this reset link<\/a> here.<\/p>\n