Back Home

Open Designs

Community. Driven.

General Talk: php script to alter css values

Bottom of Page

1 to 25 of 25

  1.  
    •  
      CommentAuthorperthmetro
    • CommentTimeMar 20th 2008
     
    WARNING: Another brainstorm from Pete

    Sorry for the long winded story...
    I've changed Wolfgang's Mutliflex5.4 into an imageless layout so that there are no rounded corners any more (and it doesn't look too bad ).

    By making it imageless it's easier to change the colour of the layout.

    I've replaced all the different rgb(xxx,yyy,zzz) colours of a specific part of the layout with an identifying <?php include('whatever.php'); ?>

    e.g The borders were rgb(200,200,200) and I've replaced it with <?php include('bordercolour.php'); ?>

    I've done this to another half a dozen parts of the layout (background etc)

    This is what I'd like...

    A simple form with drop down boxes of each of the 'includes' names with a list/choice of colours to choose from. I can choose the colour form each drop down list and then click submit and the layout colours of the corrsponding includes changes according to the choices I've nominated.

    MF5 is so large and there are so many values to chnage I thought this will be a good way to experiment with the colours.

    would this be hard to do? I'll donate some $$ to OD or give someone some beer money if they can do it for me.

    Thanks.
    Pete
    • CommentAuthorseptor
    • CommentTimeMar 20th 2008
     
    I fail to see why you're including multiple files just to change the colors. Seems like way too much work for something as trivial as swapping out colors.

    Make multiple CSS files housing the colors changes you want.
    Set up a form, or a link to, the color changes (eg: Red, Blue, Green) all linked to the CSS files.
    Set a cookie for the choice you/the visitor makes.
    When the layout is loaded look for said cookie. If it exists use that color, else, use the default color.
    •  
      CommentAuthorperthmetro
    • CommentTimeMar 20th 2008
     
    i want the ability to use hex values and therefore gives the user the ability to really get the colours they want... and colour choice is quite important in my eyes when it comes to design, not trivial.

    can anyone do this?
    • CommentAuthorseptor
    • CommentTimeMar 20th 2008
     
    Trivial as in ease to change, not unimportance.

    You can still do it similar to what I suggested. But I recommend stabbing at it yourself since it's not too hard and the experience would be beneficial in the future.

    Depending on how many different colors you want to set you can set them all as different cookies. Then, after the page is called look for those values. Assign them all to variables then include a a style.php file that has the information for your styling. In ever place you want to let the user define a color do something like:

    body {
    background-color: rgb(".$backgroundcolor.");
    }


    So the header would look something like:


    blahblahblah html etc

    <?php

    $backgroundcolor = $_COOKIE['backgroundcolor'];

    // the rest of the colors

    include("style.php");
    ?>

    the rest of your page!

    You should also figure in if they don't have the cookie:


    $backgroundcolor = (($_COOKIE['backgroundcolor']) ? $_COOKIE['backgroundcolor'] : "255,255,255");
    •  
      CommentAuthorperthmetro
    • CommentTimeMar 20th 2008 edited by perthmetro on the 20th March 2008 at 19:33:53 EDT
     
    I what as many colours as there are hex values, I want them to be able to ever so slightly change colours to the exact values.

    I that sense maybe a drop down box wouldn't do the job and instead an input box would do it.
  6.  
    You could use the input box to submit the value to be stored in a cookie anyway.
    •  
      CommentAuthorperthmetro
    • CommentTimeMar 20th 2008
     
    I couldn't do that if my life depended on it... surely someone needs some drinking/milkshake money over Easter?
    •  
      CommentAuthorNeuen
    • CommentTimeMar 20th 2008 edited by Neuen on the 20th March 2008 at 22:12:03 EDT
     
    I might be able to whip a little something up for you Pete. (It will be a day though before I have the 'beta' of it finished though)
    •  
      CommentAuthorperthmetro
    • CommentTimeMar 20th 2008
     
    Thanks very much, appreciated... it's no rush.

    can I send you my files of the changes i've done to MF5?

    Pete
    •  
      CommentAuthorNeuen
    • CommentTimeMar 20th 2008
     
    Sure send them over. In the css file where you want them to be able to edit the colors just put the tag [custom_color] instead of the hex that will make it easier for me to find them. My email is eneuen {AT} gmail [dot] com
    •  
      CommentAuthorperthmetro
    • CommentTimeMar 20th 2008
     
    thanks will do... I'm just about to head off camping with my son so I'll do it on monday... happy easter
    •  
      CommentAuthorperthmetro
    • CommentTimeMar 21st 2008
     
    sent
    • CommentAuthorseptor
    • CommentTimeMar 21st 2008
     
    You realize this would take maybe 4 lines of PHP code, excluding the number of colors you'd want changed, right?
    •  
      CommentAuthorNeuen
    • CommentTimeMar 21st 2008
     
    I should have this done by Monday when you get back from camping. (I've got a really cool feature that I plan on including with it)
    •  
      CommentAuthorperthmetro
    • CommentTimeMar 24th 2008
     
    Hi there, I'm back and had the best time with my son and family camping at Ledge Point... good times!

    I'm keen to see how you're going. The idea of a basic admin section is great as it is really a CMS for a stylesheet.

    If you really think about it, why shouldn't we be able to easily change css styles just as easy as text etc.
    If this could easily be 'ported' inot any stylesheet it could be a great little app for site owners who want that control. eg. change colours according to special occasions etc.

    Thanks Pete
    • CommentAuthorcthelight
    • CommentTimeMar 25th 2008
     
    <?php
    header('Content-type: text/css');

    //....CSS code here...

    ?>

    CSS and PHP !
    •  
      CommentAuthorNeuen
    • CommentTimeMar 25th 2008 edited by Neuen on the 30th March 2008 at 12:21:14 EDT
     
    I just quickly whipped something up to show you the concept of what could be done (I didn't have as much time as I had hoped to work on it this weekend). Here's what I've got so far; Because of lack of time I made it go into one of Andreas templates. Let me know what you think (comments/concerns/requests/rants/whatever).

    Edit: URL changed.
    Here It Is!
    •  
      CommentAuthorgnome
    • CommentTimeMar 25th 2008 edited by gnome on the 25th March 2008 at 22:26:50 EDT
     
    That is nice. It needs a link color choice, because those are blue no matter what.
    Edit: now it is perfect
    •  
      CommentAuthorNeuen
    • CommentTimeMar 25th 2008
     
    @Jason: Done.
    • CommentAuthorXSQueen
    • CommentTimeMar 25th 2008
     
    Very nice
    •  
      CommentAuthorNeuen
    • CommentTimeMar 26th 2008
     
    @XSQueen: Thanks. (Let me know if you have any suggestions for changes and stuff).
    •  
      CommentAuthorauhsoj
    • CommentTimeMar 26th 2008
     
    This seems quite a bit extreme as far as Web 2.0. I like innovation as much as the next guy, but "subtle" color changes are just a bit much to turn out an entire design for IMHO. bakie
    •  
      CommentAuthorperthmetro
    • CommentTimeMar 26th 2008
     
    Thanks for that.. looks great. I have to go as i have my son, I'll catch up tomorrow
    •  
      CommentAuthorperthmetro
    • CommentTimeMar 27th 2008
     
    will you be releasing the code soon?
    • CommentAuthorXSQueen
    • CommentTimeMar 27th 2008
     
    @Nueun: This may seem like its totally obvious (or maybe I just have my st00pid hat on today ;) but what about an option with a "set" of colors you've tested to look good, with the option to swap out one or more at a later step? Something like Kuler@ from Adobe Labs, where you choose the color scheme, then change out one or two colors you may like better, sort of as a "step above and beyond". Kuler has some neat color schemes but I have to admit that I've used it more for inspiration than an OOTB (out of the box) solution. The functionality of the bit you've shown is quite impressive (at least to me - I'm more of a pixel pusher than a coder) - Bravo!

1 to 25 of 25

  1.