Setting random background color on a css class

Question

I want to set a random background color on a css-class... I already got this PHP-Code:

<?php $color = sprintf(“#%06x”,rand(0,16777215)); ?>

This is my style.php:

<?php
    header('Content-Type: text/css');

?>

body {
    background: INSERT PHP COLOR HERE - BUT HOW?;
}

body {background-color: <?php echo $color; ?>;} Exactly the same as if you needed to insert it into HTML. — Michael Berkowski
– Michael Berkowski, Commented Nov 23, 2012 at 13:58
Hopefully your real code doesn't have those slanty quotes in the sprintf() “#%06x”. You need real double quotes for PHP code. "#%06x" — Michael Berkowski
– Michael Berkowski, Commented Nov 23, 2012 at 14:00
@MichaelBerkowski which is, I guess, a pretty bad idea by itself :-) — John Dvorak
– John Dvorak, Commented Nov 23, 2012 at 14:02
@JanDvorak I don't think so, it's pretty common actually. CSS itself has no way of propagating a variable through so you can't easily change a color across a whole set of css. Useful for variable themeing, stuff like that. — Michael Berkowski
– Michael Berkowski, Commented Nov 23, 2012 at 14:03

ariefbayu · Accepted Answer · 2012-11-23 13:59:07Z

5

is this what you want:

body {
    background: <?php echo $color; ?>;
}

the complete line would be:

<?php
$color = sprintf("#%06x",rand(0,16777215));
header('Content-Type: text/css');
?>
body {
    background: <?php echo $color; ?>;
}

answered Nov 23, 2012 at 13:59

ariefbayu

22k13 gold badges73 silver badges93 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Johannes N. · Accepted Answer · 2012-11-23 13:59:50Z

1

and where is your question? just kidding.

insert the variable directly in the mentioned css line.

body {
  background: <?php echo $color?>;
}

to get it working ;)

answered Nov 23, 2012 at 13:59

Johannes N.

2,4023 gold badges29 silver badges45 bronze badges

Comments

Roger · Accepted Answer · 2012-11-23 14:02:40Z

0

Why not make a array with colors to pick random color from?

<?php
$input = array("#000080", "#00CED1", "#191970");
$rand_keys = array_rand($input, 2);
echo $input[$rand_keys[0]] . "\n";
echo $input[$rand_keys[1]] . "\n";
?>

Just replace the names with hex codes.

http://php.net/manual/en/function.array-rand.php

answered Nov 23, 2012 at 14:02

Roger

7,6505 gold badges44 silver badges65 bronze badges

Comments

Pankaj Khairnar · Accepted Answer · 2012-11-23 14:05:54Z

0

Change your file like this.

<?php
    header('Content-Type: text/css');
    $color = sprintf(“#%06x”,rand(0,16777215));
?>

body {
    background: <?php echo  $color; ?>;
}

answered Nov 23, 2012 at 14:05

Pankaj Khairnar

3,1463 gold badges28 silver badges34 bronze badges

Comments

bluish · Accepted Answer · 2012-11-23 14:19:55Z

0

<?=$color; ?>

The body is inside the PHP document?

edited Nov 23, 2012 at 14:19

bluish

27.6k28 gold badges126 silver badges185 bronze badges

answered Nov 23, 2012 at 13:59

JazzCat

4,6331 gold badge29 silver badges41 bronze badges

Collectives™ on Stack Overflow

Setting random background color on a css class

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related