SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Addict
    Join Date
    Nov 2009
    Posts
    281
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to control CSS. PHP?

    Hi,

    I am working on an application that creates a website template and there is an options page where the user will be able to change colors (via a colorpicker script) of the stylesheet. One option I found is to use PHP to control CSS variables (as described here). I was wondering if there are other options, possibly better options to do what I want to do.

    Thanks for any ideas.

  2. #2
    SitePoint Mentor bronze trophy
    John_Betong's Avatar
    Join Date
    Aug 2005
    Location
    City of Angels
    Posts
    1,578
    Mentioned
    62 Post(s)
    Tagged
    3 Thread(s)
    Quote Originally Posted by nayen View Post
    Hi,

    I am working on an application that creates a website template and there is an options page where the user will be able to change colors (via a colorpicker script) of the stylesheet. One option I found is to use PHP to control CSS variables (as described here). I was wondering if there are other options, possibly better options to do what I want to do.

    Thanks for any ideas.
    I have just changed one of my sites and started afresh with using a __THEME__.php file to save five colours then to import the colours into the stylesheet:

    // Save __THEME__.php
    PHP Code:

      $colours = '"' .'#fff #900  #f90  #f60  #f30 rgb(255,240,140)' .'";' ;

      $data = "<?php "    .'$ccc=' .$colours;   // BEWARE - uses PHP so CANNOT ECHO
      
    $path = str_replace('ci_jokes\\','', FCPATH);
      
    $file_tmp = $path .'subs\assets\css\__THEME__.php';

      
    $this->load->helper('file');
      
    $result = write_file($file_tmp$data);

      // contents of __THEME__.php
      // <?php 
    $ccc="#fff #900  #f90  #f60  #f30 rgb(255,250,220)";

    // stylesheet.php
    PHP Code:

    <?php 
    /*
      # Excellent Responsive design tester with some good links to check out
      # http://responsinator.com/about/
      # Good colour picker
      # http://colllor.com/ff6347
      # http://cutcodedown.com/codeExamples/fluidDemo/template.html
      # http://csslint.net/index.html#L21
      # http://www.fonttester.com/web_safe_fonts.html
    */
    #echo THEME ;
    if( file_exists('__THEME__.php') )
    {
      require 
    '__THEME__.php';
      if( isset(
    $theme_unlink) && $theme_unlink )
      {
        
    unlink'__THEME__.php');
      }
      
    $ccc str_replace('  ',' '$ccc);
      
    $ccc explode(' '$ccc);
    }
    else
    {
       
    $ccc=array 
      (
          
    '#fff',         #  body colour
          
    '#FF1493',     #  Pink Deep
          
    '#FF69B4',    #  Pink Hot
          
    '#FFB6C1',    #  Pink XXX
          
    '#FFB6C1',    # '#FFC0CB';
      
    );
      
    $ccc[] = 'rgb(255,245,245)';    # Pink Light - PHP Functions NOT allowed in array()
      
    $bg=array(); foreach($ccc as $b) {$bg[]='background-color:' .$b;}
    }

    $bg=array(); foreach($ccc as $b) {$bg[]='background-color:' .$b;}
    header("Content-type: text/css;charset:UTF-8");

    /* CSS STUFF BELOW */

    body {background-color: <?=$ccc[0];?>; color: >?=$ccc[1]'?>}

    .btn1 {background-color:<?=$ccc[1];?>; color:<?=$ccc[0];?>;border-color: <?=$ccc[1];?>}
    .btn2 {background-color:<?=$ccc[2];?>; color:<?=$ccc[0];?>;border-color: <?=$ccc[2];?>}
    .btn3 {background-color:<?=$ccc[3];?>; color:<?=$ccc[0];?>;border-color: <?=$ccc[3];?>}
    .btn4 {background-color:<?=$ccc[4];?>; color:<?=$ccc[0];?>;border-color: <?=$ccc[2];?>}
    .btn5 {background-color:<?=$ccc[5];?>; color:<?=$ccc[1];?>;border-color: <?=$ccc[1];?>}
    // usage
    HTML Code:
    <?php // $file_CSS = URL_ASSETS .'css/vo13-scrn-nor.css?ver=121023';?>
    <?php    $file_CSS = URL_ASSETS .'css/vo13-scrn-nor.php?ver=121023';?>
    
    <link media="screen,projection,tv" href="<?php echo $file_CSS;?>" type="text/css"  rel="stylesheet" />
    My Problem which is still to be resolved:

    How to read the genrated PHP file using PHP and to save it as a CSS file.

    Currently I use FireFox:
    1. display the contents
    2. click on __THEME__.php file
    3. highlight and copy all contents into a keyboard buffer
    4. save the keyboard buffer to the style.css so that it can be validated using "www.validator.w3.org/"


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •