Chat loading ...
Please wait

The source code

/Library/WebServer/Documents/phpfreechat/1.3/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";
// do not uses width parameter because of a display bug in IE6
//$params["width"]         = "650px";
$params["max_msg"]       = 21;
$params["theme_path"]    = dirname(__FILE__)."/demo5_customized_style_data";
$params["theme"]         = "mytheme";
$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>
  
  <div style="width: 650px; margin: auto;">
    <?php $chat->printChat(); ?>
  </div>

<?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);
  
highlight_string($content);
  echo 
"</pre>";
?>

<?php
  $filename 
dirname(__FILE__)."/demo5_customized_style_data/mytheme/style.css.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);
  
highlight_string($content);
  echo 
"</pre>";
?>

  </body>
</html>

/Library/WebServer/Documents/phpfreechat/1.3/demo/demo5_customized_style_data/mytheme/style.css.php



div#pfc_container {
  border: black double 5px;
  background-image: url("<?php echo $c->getFileUrlFromTheme('images/brick.jpg'); ?>");
  background-repeat: repeat;
  padding: 20px;
  color: black;
  margin: auto;
}
div#pfc_chat {
  background-color: #FFF;
}

div#pfc_content {
  border: none;
}

div.pfc_message {
  background-color: transparent;
  background-image: url("<?php echo $c->getFileUrlFromTheme('images/newmsg.gif'); ?>");
  background-repeat: no-repeat;
  background-position: right center;
}

div.pfc_oldmsg {
  background-image: url("<?php echo $c->getFileUrlFromTheme('images/oldmsg.gif'); ?>");
}

span.pfc_heure {
  margin-left: 25px;
  color: #888;
}

span.pfc_date {
  display: none;
}

span.pfc_pseudo {
  color: black;
  font-weight: bold;
}

input#pfc_handle {
  color: black;
  font-weight: bold;
}

div#pfc_online {
}

div.pfc_btn img {
  border: 1px solid #FFF; /* same as container color */
}
div.pfc_btn img:hover {
  border: 1px solid #000;
  background-color: #CCC;
}


/* commands */
.pfc_cmd_notice {
  color: red;
}
.pfc_cmd_msg {
  color: #555;
}