A chat with a customized stylesheet

:-) :-( :-D :-P ;) :\'( (H) :-o :-@ 8-| :-| :^) :-# 8-) :-S 8o| *-) ^o) |-) (brb) (a) :$ <:o) :-* +o( (6) (tux1) (tux2) (gnu) :-[ (@) (bah) (sn) (tu) (dog) (B) (||) (Z) (U) (^) (au) (mp) (ci) (o) (C) (mo) (co) (W) (D) (e) (~) (yn) (F) (g) (X) (%) (L) (h5) (M) (I) (ip) (K) (li) (8) (T) (P) (pi) (ap) (pl) (?) (r) ({) (}) (S) (so) (*) (st) (#) (N) (Y) (um) (xx)

The source code

/home/botanicy/domains/eukaliptusy.pl/public_html/CZAT/phpfreechat/demo/demo5_customized_style.php

<?php

require_once dirname(__FILE__)."/../src/phpfreechat.class.php";

$params["serverid"]      = md5(__FILE__); // calculate a unique id for this chat
$params["title"]         = "A chat with a customized stylesheet";
$params["height"]        = "500px";
$params["width"]         = "550px";
$params["max_msg"]       = 21;
$params["css_file"]      = dirname(__FILE__)."/demo5_customized_style_data/style.css.tpl.php";
$chat = new phpFreeChat( $params );

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>phpFreeChat demo</title>

    <?php $chat->printJavascript(); ?>
    <?php $chat->printStyle(); ?>
  </head>

  <body>
    <?php $chat->printChat(); ?>
<?php
  // print the current file
  echo "<h2>The source code</h2>";
  $filename = __FILE__;
  echo "<p><code>".$filename."</code></p>";
  echo "<pre style=\"margin: 0 50px 0 50px; padding: 10px; background-color: #DDD;\">";
  $content = file_get_contents($filename);
  echo htmlentities($content);
  echo "</pre>";
?>

<?php
  $filename = dirname(__FILE__)."/demo5_customized_style_data/style.css.tpl.php";
  echo "<p><code>".$filename."</code></p>";
  echo "<pre style=\"margin: 0 50px 0 50px; padding: 10px; background-color: #DDD;\">";
  $content = file_get_contents($filename);
  echo htmlentities($content);
  echo "</pre>";
?>

  </body>
</html>

/home/botanicy/domains/eukaliptusy.pl/public_html/CZAT/phpfreechat/demo/demo5_customized_style_data/style.css.tpl.php

div#<?php echo $prefix; ?>container {
  border: black double 5px;
  background-image: url(demo5_customized_style_data/brick.jpg);
  background-repeat: repeat;
  padding: 20px;
  color: black;
  margin: auto;
}

div#<?php echo $prefix; ?>content {
  border: none;
}

div.<?php echo $prefix; ?>message {
  background-color: transparent;
  background-image: url(demo5_customized_style_data/newmsg.gif);
  background-repeat: no-repeat;
  background-position: right center;
}

div.<?php echo $prefix; ?>oldmsg {
  background-image: url(demo5_customized_style_data/oldmsg.gif);
}

span.<?php echo $prefix; ?>heure {
  margin-left: 25px;
  color: #888;
}

span.<?php echo $prefix; ?>date {
  display: none;
}

span.<?php echo $prefix; ?>pseudo {
  color: black;
  font-weight: bold;
}


#<?php echo $prefix; ?>words {
}

input#<?php echo $prefix; ?>handle {
  color: black;
  font-weight: bold;
}

div#<?php echo $prefix; ?>online {
}

div.<?php echo $prefix; ?>btn img {
  border: 1px solid #FFF; /* same as container color */
}
div.<?php echo $prefix; ?>btn img:hover {
  border: 1px solid #000;
  background-color: #CCC;
}