Add a static image behind chat

[Calman45]

Hi folks,

This is a nice easy routine to add a static image to your chat window background. Of course, you would need to play around with the sizing of your own image/chat window parameters to obtain a perfect fit.

Simply open your style.css.php and adapt the top segment to the example below. You may also want to increase your chat font size, as a "busy" backdrop image can make text hard to read.

Code: Select all

div.pfc_chat {
  font-size: [b]15px;[/b]
  font-family: Comic Sans MS, Lucida Console, Tahoma
  background-color:#ffffff;
  background-image: url("<?php echo $c->getFileUrlFromTheme('images/[b]YOURIMAGE[/b].jpg'); ?>");
  background-repeat: repeat-y;
  background-attachment: fixed;
}

** Please back up your files, before attempting any alterations to these routines, thank you!

All the best,
Cal

[waiheke]

Thanks Cal



And if it's a very small image, eg
http://www.fartyharty.com/chat/themes/d ... /panel.png
that you want to use as a whole edge-to-edge wallpaper, remove the line:
background-repeat: repeat-y;
(or remark it out, like this)
/*background-repeat: repeat-y;*/

[Averus]

Thanks

[amy999]

Does it have to be a .jpg image... or will it work with an .gif? Trying to do a graduated color change effect.