Problem with infusion

does it happen when you are different pages? ... like does it always change colors on certain pages?

Looks like another css rules...

This happens no matter what page I open just after installation infusion get this problem. I tested the addition of another site and there was almost the same problem. It is interesting that the infusion causes a change and the remaining windows on the site. This is a picture of windows The Kroax

After disable off the panel infusion, everything is normal! Any ideas what may be our tests and how to fix it?

/bold tag not required for readability/Homdax

the panel must add custom CSS to the page. check for something like
[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false]add_to_head("<link blahblahblah />";[/syntaxhighlighter]

or post the panel's code up here and we can figure it out.

PF: Smiles removed.

byv79.
Do not use the bold for ordinary text. Bold tag removed.

TS, an example? With a normal style and broken one.

Sorry for bold tag! Im attach my first post full infusion as .zip file.
I did not understand well the code which file you want to put - think for this panel :
latest_members_by_avatar_panel.php
[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false]<?php
/*-------------------------------------------------------+
| PHPFusion Content Management System
| Copyright © 2002 - 2008 Nick Jones
| http://www.php-fusion.co.uk/
+--------------------------------------------------------+
| Filename: latest_members_by_avatar_panel.php
| CVS Version: v1.01
| Author: HobbyMan
| Web: http://www.php-fusion.hobbysites.net/
+--------------------------------------------------------+
| This program is released as free software under the
| Affero GPL license. You can redistribute it and/or
| modify it under the terms of this license which you
| can read by viewing the included agpl.txt or online
| at www.gnu.org/licenses/agpl.html. Removal of this
| copyright header is strictly prohibited without
| written permission from the original author(s).
+--------------------------------------------------------*/
if (!defined("IN_FUSION") { die("Access Denied"; }

if (file_exists(INFUSIONS."latest_members_by_avatar_panel/locale/".$settings['locale'].".php") {
include INFUSIONS."latest_members_by_avatar_panel/locale/".$settings['locale'].".php";
} else {
include INFUSIONS."latest_members_by_avatar_panel/locale/English.php";
}

include INFUSIONS."latest_members_by_avatar_panel/config_include.php";
add_to_head("<link rel='stylesheet' href='".INFUSIONS."latest_members_by_avatar_panel/side-style.css' type='text/css' />";
echo "<script type='text/javascript' language='JavaScript' src='".INFUSIONS."latest_members_by_avatar_panel/lma_boxover.js'></script>";

$title = "".sprintf($locale['avc100'], $limit)."";
$user = "";$join = "";$fullimage = "";$window = "";
if ($scroll == '1' {$direction = "down";} elseif ($scroll == '0' {$direction = "up";}
if (($size*3)>=175) {$window = '175';} else {$window = ($size*3); }
if ($speed>=4) {$rate = '4';} elseif ($speed == '0' {$rate = "1";} else {$rate = $speed;}

openside($title);
echo "<div align='center' class='tbl1 border'>";

$result = dbquery("SELECT user_id, user_name, user_avatar, user_joined FROM ".DB_USERS." WHERE user_avatar !='' AND user_status = '0' ORDER BY user_joined DESC LIMIT 0,$limit";
if (dbrows($result) != 0) {
echo "<marquee scrolldelay='15' direction='".$direction."' scrollamount='".$rate."' width='".$window."' height='".$size."' class='hold' onmouseover='this.stop()' onmouseout='this.start()'>";
while ($data = dbarray($result)) {

$user = $locale['space'].trimlink($data['user_name'], 15);
$join = "".$locale['avc104'].showdate("shortdate", $data['user_joined'])."";
if ($data['user_avatar'] && file_exists(IMAGES."avatars/".$data['user_avatar'])) {
$fullimg = "<div align='center'>".$join."<br /><img src='".IMAGES."avatars/".$data['user_avatar']."' alt='".$user."' width='100' align='center' border='0' /></div>\n";
} else {$fullimg = "<br /><div align='center'>".$locale['avc200']."</div><br />";}

if ($data['user_avatar'] && file_exists(IMAGES."avatars/".$data['user_avatar'])) {
echo "<a href='".BASEDIR."profile.php?lookup=".$data['user_id']."' title=\"header=[ ".str_replace("]", "]]", str_replace("[", "[[", $user))."] body=[".str_replace("]", "]]", str_replace("[", "[[", $fullimg))."] delay=[".$fadespeed."] fade=[".$fade."]\"><img src='".IMAGES."avatars/".$data['user_avatar']."' alt='".$user."' width='$size' height='$size' border='0' /></a>";
}
}
echo "</marquee>";
} else {echo $locale['avc200'];}

echo "</div>\n";
closeside();
?>[/syntaxhighlighter]
I hope not confused - if there is anything else you will say! In infusion there are .css file with content:
[syntaxhighlighter brush=css,first-line=1,highlight=0,collapse=false,html-script=false].hold {
border-width:2px;
width: 170px;
padding 5px;
}[/syntaxhighlighter]

PF: Smiles defused.

well if that is ALL that is in the css file, then the problem is more than likely with lma_boxover.js, can you post that code? Are you sure that is all that is in side-style.css? Also, you want to disable smileys in posts with code, other wise the code gets messed up.

Yes of course. I'm sure this is the full content of the .css file. Now post content lma_boxover.js:
[syntaxhighlighter brush=javascript,first-line=1,highlight=0,collapse=false,html-script=false]/* --- BoxOver ---
/* --- v 2.1 17th June 2006
By Oliver Bryant with help of Matthew Tagg
http://boxover.swazz.org */

if (typeof document.attachEvent!='undefined' {
window.attachEvent('onload',init);
document.attachEvent('onmousemove',moveMouse);
document.attachEvent('onclick',checkMove); }
else {
window.addEventListener('load',init,false);
document.addEventListener('mousemove',moveMouse,false);
document.addEventListener('click',checkMove,false);
}

var oDv=document.createElement("div";
var dvHdr=document.createElement("div";
var dvBdy=document.createElement("div";
var windowlock,boxMove,fixposx,fixposy,lockX,lockY,fixx,fixy,ox,oy,boxLeft,boxRight,boxTop,boxBottom,evt,mouseX,mouseY,boxOpen,totalScrollTop,totalScrollLeft;
boxOpen=false;
ox=10;
oy=10;
lockX=0;
lockY=0;

function init() {
oDv.appendChild(dvHdr);
oDv.appendChild(dvBdy);
oDv.style.position="absolute";
oDv.style.visibility='hidden';
document.body.appendChild(oDv);
}

function defHdrStyle() {
dvHdr.innerHTML='&nbsp;&nbsp;'+dvHdr.innerHTML;
dvHdr.style.fontWeight='bold';
dvHdr.style.width='100px';
dvHdr.style.fontFamily='tahoma';
dvHdr.style.border='4px solid #000000';
dvHdr.style.padding='3';
dvHdr.style.fontSize='11';
dvHdr.style.color='#FFFFFF';
dvHdr.style.background='#000000';
dvHdr.style.filter='alpha(opacity=95)'; // IE
dvHdr.style.opacity='0.99'; // FF
}

function defBdyStyle() {
dvBdy.style.borderBottom='4px solid #000000';
dvBdy.style.borderLeft='4px solid #000000';
dvBdy.style.borderRight='4px solid #000000';
dvBdy.style.width='100px';
dvBdy.style.fontFamily='verdana';
dvBdy.style.fontSize='10';
dvBdy.style.padding='3';
dvBdy.style.color='#1B4966';
dvBdy.style.background='#FFFFFF';
dvBdy.style.filter='alpha(opacity=95)'; // IE
dvBdy.style.opacity='0.95'; // FF
}

function checkElemBO(txt) {
if (!txt || typeof(txt) != 'string' return false;
if ((txt.indexOf('header'>-1)&&(txt.indexOf('body'>-1)&&(txt.indexOf('['>-1)&&(txt.indexOf('['>-1))
return true;
else
return false;
}

function scanBO(curNode) {
if (checkElemBO(curNode.title)) {
curNode.boHDR=getParam('header',curNode.title);
curNode.boBDY=getParam('body',curNode.title);
curNode.boCSSBDY=getParam('cssbody',curNode.title);
curNode.boCSSHDR=getParam('cssheader',curNode.title);
curNode.IEbugfix=(getParam('hideselects',curNode.title)=='on'?true:false;
curNode.fixX=parseInt(getParam('fixedrelx',curNode.title));
curNode.fixY=parseInt(getParam('fixedrely',curNode.title));
curNode.absX=parseInt(getParam('fixedabsx',curNode.title));
curNode.absY=parseInt(getParam('fixedabsy',curNode.title));
curNode.offY=(getParam('offsety',curNode.title)!=''?parseInt(getParam('offsety',curNode.title)):15;
curNode.offX=(getParam('offsetx',curNode.title)!=''?parseInt(getParam('offsetx',curNode.title)):20;
curNode.fade=(getParam('fade',curNode.title)=='on'?true:false;
curNode.fadespeed=(getParam('fadespeed',curNode.title)!=''?getParam('fadespeed',curNode.title):0.12;
curNode.delay=(getParam('delay',curNode.title)!=''?parseInt(getParam('delay',curNode.title)):0;
if (getParam('requireclick',curNode.title)=='on' {
curNode.requireclick=true;
document.all?curNode.attachEvent('onclick',showHideBox):curNode.addEventListener('click',showHideBox,false);
document.all?curNode.attachEvent('onmouseover',hideBox):curNode.addEventListener('mouseover',hideBox,false);
}
else {// Note : if requireclick is on the stop clicks are ignored
if (getParam('doubleclickstop',curNode.title)!='off' {
document.all?curNode.attachEvent('ondblclick',pauseBox):curNode.addEventListener('dblclick',pauseBox,false);
}
if (getParam('singleclickstop',curNode.title)=='on' {
document.all?curNode.attachEvent('onclick',pauseBox):curNode.addEventListener('click',pauseBox,false);
}
}
curNode.windowLock=getParam('windowlock',curNode.title).toLowerCase()=='off'?false:true;
curNode.title='';
curNode.hasbox=1;
}
else
curNode.hasbox=2;
}


function getParam(param,list) {
var reg = new RegExp('([^a-zA-Z]' + param + '|^' + param + '\\s*=\\s*\\[\\s*(((\\[\\[)|(\\]\\])|([^\\]\\[]))*)\\s*\\]';
var res = reg.exec(list);
var returnvar;
if(res)
return res[2].replace('[[','['.replace(']]',']';
else
return '';
}

function Left(elem){
var x=0;
if (elem.calcLeft)
return elem.calcLeft;
var oElem=elem;
while(elem){
if ((elem.currentStyle)&& (!isNaN(parseInt(elem.currentStyle.borderLeftWidth)))&&(x!=0))
x+=parseInt(elem.currentStyle.borderLeftWidth);
x+=elem.offsetLeft;
elem=elem.offsetParent;
}
oElem.calcLeft=x;
return x;
}

function Top(elem){
var x=0;
if (elem.calcTop)
return elem.calcTop;
var oElem=elem;
while(elem){
if ((elem.currentStyle)&& (!isNaN(parseInt(elem.currentStyle.borderTopWidth)))&&(x!=0))
x+=parseInt(elem.currentStyle.borderTopWidth);
x+=elem.offsetTop;
elem=elem.offsetParent;
}
oElem.calcTop=x;
return x;

}

var ah,ab;
function applyStyles() {
if(ab)
oDv.removeChild(dvBdy);
if (ah)
oDv.removeChild(dvHdr);
dvHdr=document.createElement("div";
dvBdy=document.createElement("div";
CBE.boCSSBDY?dvBdy.className=CBE.boCSSBDY:defBdyStyle();
CBE.boCSSHDR?dvHdr.className=CBE.boCSSHDR:defHdrStyle();
dvHdr.innerHTML=CBE.boHDR;
dvBdy.innerHTML=CBE.boBDY;
ah=false;
ab=false;
if (CBE.boHDR!='' {
oDv.appendChild(dvHdr);
ah=true;
}
if (CBE.boBDY!=''{
oDv.appendChild(dvBdy);
ab=true;
}
}

var CSE,iterElem,LSE,CBE,LBE, totalScrollLeft, totalScrollTop, width, height ;
var ini=false;

// Customised function for inner window dimension
function SHW() {
if (document.body && (document.body.clientWidth !=0)) {
width=document.body.clientWidth;
height=document.body.clientHeight;
}
if (document.documentElement && (document.documentElement.clientWidth!=0) && (document.body.clientWidth + 20 >= document.documentElement.clientWidth)) {
width=document.documentElement.clientWidth;
height=document.documentElement.clientHeight;
}
return [width,height];
}


var ID=null;
function moveMouse(e) {
//boxMove=true;
e?evt=e:evt=event;

CSE=evt.target?evt.target:evt.srcElement;

if (!CSE.hasbox) {
// Note we need to scan up DOM here, some elements like TR don't get triggered as srcElement
iElem=CSE;
while ((iElem.parentNode) && (!iElem.hasbox)) {
scanBO(iElem);
iElem=iElem.parentNode;
}
}

if ((CSE!=LSE)&&(!isChild(CSE,dvHdr))&&(!isChild(CSE,dvBdy))){
if (!CSE.boxItem) {
iterElem=CSE;
while ((iterElem.hasbox==2)&&(iterElem.parentNode))
iterElem=iterElem.parentNode;
CSE.boxItem=iterElem;
}
iterElem=CSE.boxItem;
if (CSE.boxItem&&(CSE.boxItem.hasbox==1)) {
LBE=CBE;
CBE=iterElem;
if (CBE!=LBE) {
applyStyles();
if (!CBE.requireclick)
if (CBE.fade) {
if (ID!=null)
clearTimeout(ID);
ID=setTimeout("fadeIn("+CBE.fadespeed+"",CBE.delay);
}
else {
if (ID!=null)
clearTimeout(ID);
COL=1;
ID=setTimeout("oDv.style.visibility='visible';ID=null;",CBE.delay);
}
if (CBE.IEbugfix) {hideSelects();}
fixposx=!isNaN(CBE.fixX)?Left(CBE)+CBE.fixX:CBE.absX;
fixposy=!isNaN(CBE.fixY)?Top(CBE)+CBE.fixY:CBE.absY;
lockX=0;
lockY=0;
boxMove=true;
ox=CBE.offX?CBE.offX:10;
oy=CBE.offY?CBE.offY:10;
}
}
else if (!isChild(CSE,dvHdr) && !isChild(CSE,dvBdy) && (boxMove)) {
// The conditional here fixes flickering between tables cells.
if ((!isChild(CBE,CSE)) || (CSE.tagName!='TABLE') {
CBE=null;
if (ID!=null)
clearTimeout(ID);
fadeOut();
showSelects();
}
}
LSE=CSE;
}
else if (((isChild(CSE,dvHdr) || isChild(CSE,dvBdy))&&(boxMove))) {
totalScrollLeft=0;
totalScrollTop=0;

iterElem=CSE;
while(iterElem) {
if(!isNaN(parseInt(iterElem.scrollTop)))
totalScrollTop+=parseInt(iterElem.scrollTop);
if(!isNaN(parseInt(iterElem.scrollLeft)))
totalScrollLeft+=parseInt(iterElem.scrollLeft);
iterElem=iterElem.parentNode;
}
if (CBE!=null) {
boxLeft=Left(CBE)-totalScrollLeft;
boxRight=parseInt(Left(CBE)+CBE.offsetWidth)-totalScrollLeft;
boxTop=Top(CBE)-totalScrollTop;
boxBottom=parseInt(Top(CBE)+CBE.offsetHeight)-totalScrollTop;
doCheck();
}
}

if (boxMove&&CBE) {
// This added to alleviate bug in IE6 w.r.t DOCTYPE
bodyScrollTop=document.documentElement&&document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop;
bodyScrollLet=document.documentElement&&document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft;
mouseX=evt.pageX?evt.pageX-bodyScrollLet:evt.clientX-document.body.clientLeft;
mouseY=evt.pageY?evt.pageY-bodyScrollTop:evt.clientY-document.body.clientTop;
if ((CBE)&&(CBE.windowLock)) {
mouseY < -oy?lockY=-mouseY-oy:lockY=0;
mouseX < -ox?lockX=-mouseX-ox:lockX=0;
mouseY > (SHW()[1]-oDv.offsetHeight-oy)?lockY=-mouseY+SHW()[1]-oDv.offsetHeight-oy:lockY=lockY;
mouseX > (SHW()[0]-dvBdy.offsetWidth-ox)?lockX=-mouseX-ox+SHW()[0]-dvBdy.offsetWidth:lockX=lockX;
}
oDv.style.left=((fixposx)||(fixposx==0))?fixposx:bodyScrollLet+mouseX+ox+lockX+"px";
oDv.style.top=((fixposy)||(fixposy==0))?fixposy:bodyScrollTop+mouseY+oy+lockY+"px";

}
}

function doCheck() {
if ( (mouseX < boxLeft) || (mouseX >boxRight) || (mouseY < boxTop) || (mouseY > boxBottom)) {
if (!CBE.requireclick)
fadeOut();
if (CBE.IEbugfix) {showSelects();}
CBE=null;
}
}

function pauseBox(e) {
e?evt=e:evt=event;
boxMove=false;
evt.cancelBubble=true;
}

function showHideBox(e) {
oDv.style.visibility=(oDv.style.visibility!='visible'?'visible':'hidden';
}

function hideBox(e) {
oDv.style.visibility='hidden';
}

var COL=0;
var stopfade=false;
function fadeIn(fs) {
ID=null;
COL=0;
oDv.style.visibility='visible';
fadeIn2(fs);
}

function fadeIn2(fs) {
COL=COL+fs;
COL=(COL>1)?1:COL;
oDv.style.filter='alpha(opacity='+parseInt(100*COL)+'';
oDv.style.opacity=COL;
if (COL<1)
setTimeout("fadeIn2("+fs+"",20);
}


function fadeOut() {
oDv.style.visibility='hidden';

}

function isChild(s,d) {
while(s) {
if (s==d)
return true;
s=s.parentNode;
}
return false;
}

var cSrc;
function checkMove(e) {
e?evt=e:evt=event;
cSrc=evt.target?evt.target:evt.srcElement;
if ((!boxMove)&&(!isChild(cSrc,oDv))) {
fadeOut();
if (CBE&&CBE.IEbugfix) {showSelects();}
boxMove=true;
CBE=null;
}
}

function showSelects(){
var elements = document.getElementsByTagName("select";
for (i=0;i< elements.length;i++){
elements[i].style.visibility='visible';
}
}

function hideSelects(){
var elements = document.getElementsByTagName("select";
for (i=0;i< elements.length;i++){
elements[i].style.visibility='hidden';
}
}[/syntaxhighlighter]

[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false]
function defHdrStyle() {
dvHdr.innerHTML='&nbsp;&nbsp;'+dvHdr.innerHTML;
dvHdr.style.fontWeight='bold';
dvHdr.style.width='100px';
dvHdr.style.fontFamily='tahoma';
dvHdr.style.border='4px solid #000000';
dvHdr.style.padding='3';
dvHdr.style.fontSize='11';
dvHdr.style.color='#FFFFFF';
dvHdr.style.background='#000000';
dvHdr.style.filter='alpha(opacity=95)'; // IE
dvHdr.style.opacity='0.99'; // FF
}

function defBdyStyle() {
dvBdy.style.borderBottom='4px solid #000000';
dvBdy.style.borderLeft='4px solid #000000';
dvBdy.style.borderRight='4px solid #000000';
dvBdy.style.width='100px';
dvBdy.style.fontFamily='verdana';
dvBdy.style.fontSize='10';
dvBdy.style.padding='3';
dvBdy.style.color='#1B4966';
dvBdy.style.background='#FFFFFF';
dvBdy.style.filter='alpha(opacity=95)'; // IE
dvBdy.style.opacity='0.95'; // FF
}

CBE.boCSSBDY?dvBdy.className=CBE.boCSSBDY:defBdyStyle();
CBE.boCSSHDR?dvHdr.className=CBE.boCSSHDR:defHdrStyle();
[/syntaxhighlighter]

is where the box's css is being written. You have two choices here, you can either delete this code (comment it out) and have you theme's css handle it, OR you can modify the value's here to make the same as your themes. I'm not quite sure why it's changing on different pages, it really shouldn't do that based on the code you have shown here.

Hi! I tested what I have proposed result of deleting some code in .js file is :

I do not know whether it is clearly visible but the window is missing and the text is slightly messy! Looked at the code of my theme but there is none similar .js file (I do not know whether this is a problem).Put the code from two files that are in the theme (Vistality2) if necessary modify i expect to say. The first file is theme.php:
[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false]<?php
/*---------------------------------------------+
| Vistality Theme for PHPFusion v7 |
| version 2.0 |
|----------------------------------------------|
| author: kot2007 © 2008 |
| web: http://www.agrosoft.com.ua |
| e-mail: koot2007@mail.ru |
|----------------------------------------------|
| Released under the terms and conditions |
| of the Affero GPLv3GNU |
+---------------------------------------------*/

if (!defined("IN_FUSION")) { die("Access Denied"); }

define("THEME_WIDTH", "99%");
define("THEME_BULLET", "<img src='".THEME."images/bullet.gif' alt='' style='border:0' />");

require_once INCLUDES."theme_functions_include.php";

function render_page($license=false) {

global $aidlink, $settings, $main_style, $locale, $userdata;

echo "<table border='1' bordercolor='#aeaeae' cellspacing='0' cellpadding='5' width='99%' align='center'>\n<tr>\n<td>\n";
//Header
echo "<table border='1' bordercolor='#000000' cellspacing='0' cellpadding='0' width='".THEME_WIDTH."' align='center'>\n<tr>\n";
echo "<td>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<tr><td class='sub-header' style='padding-left:5px'><div style='float:left'><font color='#ffffff'>".showsublinks(" <span class='bullet'>&middot;</span> ","white")."</div></font><div style='float:right'><img src='".THEME."images/button-minimize.png' alt='' /><img src='".THEME."images/button-maximize.png' alt='' /><a href='".BASEDIR."setuser.php?logout=yes'><img src='".THEME."images/button-close.png' alt='Logout' /></a></div></td>\n</tr>\n";
echo "<td class='full-header' width='".THEME_WIDTH."'>\n <div style='float:left'><a href='index.php'><img src='".THEME."images/logos.png' alt='Home' />&nbsp<a href='".BASEDIR."setuser.php?logout=yes'><img src='".THEME."images/logout.png' alt='Logout' /></a>&nbsp&nbsp&nbsp</a><a href='".ADMIN."index.php".$aidlink."' ><img src='".THEME."images/admin.png' alt='".$locale['global_123']."' /></a>&nbsp<a href='".BASEDIR."messages.php'><img src='".THEME."images/pm.png' alt='".$locale['global_121']."' /></a>&nbsp<a href='".BASEDIR."edit_profile.php'><img src='".THEME."images/profile.png' alt='".$locale['global_120']."' /></a></div><div style='float:right'><img src='".THEME."images/logo.png' alt='' /><b><font size='1px'>".showsubdate()."</font></b>&nbsp&nbsp&nbsp</div>".showbanners()."</td>\n";
echo "</tr>\n</table>\n";
echo "</td>\n</tr>\n</table>\n";

//Content
echo "<table cellpadding='0' cellspacing='0' class='border' width='".THEME_WIDTH."' align='center'>\n<tr>\n";
if (LEFT) { echo "<td class='side-border-left' valign='top'>".LEFT."</td>"; }
echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>";
if (RIGHT) { echo "<td class='side-border-right' valign='top'>".RIGHT."</td>"; }
echo "</tr>\n</table>\n";

//Footer
echo "<table border='1' bordercolor='#000000' cellpadding='0' cellspacing='0' width='".THEME_WIDTH."' align='center'>\n<tr>\n";
echo "<td colspan='2' align='center' class='footer'>";
echo "<div style='float:left'>".sprintf($locale['global_172'], substr((get_microtime() - START_TIME),0,4))."</div><div style='float:right'>".showcounter()."</div>\n";
echo "<br />".stripslashes($settings['footer'])."Vistality2Theme by: <a href='http://agrosoft.com.ua/profile.php?lookup=3' target='_blank' class='white' title='Vistality2Theme by kot2007'>kot2007</a><br />\n";
echo "Powered by <a href='http://www.php-fusion.co.uk' target='_blank' title='' class='white'>PHPFusion</a> copyright &copy; 2002 - ".date("Y")." by Nick Jones.\n";
echo "<br />Released as free software without warranties under <a href='http://www.fsf.org/licensing/licenses/agpl-3.0.html' target='_blank' title='' class='white'>GNU Affero GPL</a> v3.</td>\n</tr>\n";
echo "</table>\n";

echo "</td>\n</tr>\n</table>\n";
}

function render_news($subject, $news, $info) {

echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='capmain' align='center'>".$subject."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td class='tbl1'>".$news."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td align='center' class='news-footer'>\n";
echo "<div style='float:left'>".newsposter($info," &middot;")."</div><div style='float:right'>".newsopts($info,"&middot;").itemoptions("N",$info['news_id'])."</div>\n";
echo "</td></tr>\n<tr><td height='5'></td></tr>\n</table>\n";

}

function render_article($subject, $article, $info) {

echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td class='main-body'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td align='center' class='news-footer'>\n";
echo articleposter($info," &middot;").articleopts($info,"&middot;").itemoptions("A",$info['article_id']);
echo "</td>\n</tr>\n</table>\n";

}

function opentable($title) {

echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td align='center' class='capmain'>".$title."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td class='main-body'>\n";

}

function closetable() {

echo "</td>\n</tr>\n<tr><td height='5'></td></tr>\n</table>\n";

}

function openside($title, $collapse = false, $state = "on") {

global $panel_collapse; $panel_collapse = $collapse;

echo "<table cellpadding='0' cellspacing='0' width='100%' class='border'>\n<tr>\n";
echo "<td align='center' class='scapmain'>".$title."</td>\n";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
echo "<td class='scapmain' align='right'>".panelbutton($state,$boxname)."</td>\n";
}
echo "</tr>\n<tr>\n";
echo "<td".($collapse == true ? " colspan='2'" : "")." class='side-body'>\n";
if ($collapse == true) { echo panelstate($state, $boxname); }

}

function closeside($collapse = false) {

global $panel_collapse;

if ($panel_collapse == true) { echo "</div>\n"; }
echo "</td>\n</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n<td height='5'></td>\n</tr>\n</table>\n";

}
?>[/syntaxhighlighter]
Second file is styles.css:
[syntaxhighlighter brush=css,first-line=1,highlight=0,collapse=false,html-script=false]a {
color : #000;
text-decoration : none;
}

a:hover {
color : #0080ff;
text-decoration : underline;
}

a.side {
color : #000;
text-decoration : none;
}

a:hover.side {
color : #0080ff;
text-decoration : none;
background : url('images/on_button1.png');
}

a.white {
color : #ffffff;
text-decoration : none;
}

a:hover.white {
color : #000;
text-decoration : underline;
}

a.white1 {
color : #fff;
text-decoration : none;
}

a:hover.white1 {
color : #000;
text-decoration : underline;
}

body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
background : url('images/background.jpg') fixed;
}

form {
margin : 0px;
}

hr {
height : 1px;
border : 1px solid #eee;
}

hr.side-hr {
height : 1px;
border : 1px solid #aeaeae;
}

td {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}

pre {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}

.alt {
color : #005599;
}

.outer-border {
border-left : 1px solid #000;
border-right : 1px solid #000;
}

.sub-header {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #fff;
background-image: url(images/main.png);
border-bottom : 0px solid #000;
padding : 0px;
}

.on-footer {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #fff;
background-image: url(images/back.png);
padding : 0px;
}

.sub-header ul{
margin: 0;
padding: 0;
}

.sub-header ul li{
display: inline;
}

.sub-header ul li.first-link .bullet{
display: none;
}

.full-header {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #fff;
background-color : #F1F1F1;
background-image: url('images/header-bg.gif');
padding : 0px
}

.footer {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #fff;
background-image: url('images/footer_bg.gif');
padding : 5px
}

.button {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000;
background-color : #f1f1f1;
background-image: url('images/button.gif');
height : 20px;
border : 2px solid #000;
margin-top : 2px
}

.textbox {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555;
background-color : #f8f8f8;
border : 1px solid #275E93;
}

.main-body {
font-size : 11px;
color : #000;
background-image: url(images/main.png);
padding : 4px 4px 4px 4px;
}

.side-body {
font-size : 11px;
color : #444444;
padding : 4px;
background-image: url(images/main.png);
}

.center {
margin : 0 auto;
}

.main-bg {
color : #555;
background-color : #;
padding : 10px 5px 10px 5px;
}

.border {
border : 1px solid #000;
}

.borderd {
border : 1px dashed #fff;
}

.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}

.side-border-left {
color : #777;
background-color : #;
padding : 10px 5px 10px 10px;
width: 175px;
}

.side-border-right {
color : #777;
background-color : #;
padding : 10px 10px 10px 5px;
width: 175px;
}

.news-category {
border: 0px none;
float: left; margin-left:0; margin-right:5px; margin-top:3px; margin-bottom:0
}

.news-footer {
font-size : 10px;
color : #555;
background-color : #E6E6E6;
padding : 3px 4px 4px 4px;
}

.capmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color : #fff;
background-color : #fff;
background-image: url('images/panel_head.gif');
padding : 4px
}

.scapmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color : #fff;
background-color : #f1f1f1;
background-image: url('images/panel_head.gif');

padding : 4px
}

.tbl-border {
color : #555;
background-color : #aeaeae;
}

.tbl {
font-size : 11px;
color : #555;
background-color : #fff;
padding : 3px;
}

.tbl1 {
font-size : 11px;
color : #555;
background-color : #fff;
padding : 3px;
}

.tbl2 {
font-size : 11px;
color : #000;
background-color : #E6E6E6;
padding : 3px;
}

.forum-caption {
font-size : 11px;
font-weight : bold;
color : #000;
background-color : #f1f1f1;
padding : 2px 4px 4px 4px;
}

.quote {
font-size : 11px;
color : #555;
background-color : #f8f8f8;
padding : 4px;
margin : 0px 20px 0px 20px;
border : 1px solid #bbb;
}

.poll {
height : 12px;
border : 1px solid #bbb;
}

.comment-name {
font-weight : bold;
color : #275E93;
}

.shoutboxname {
font-weight : bold;
color : #275E93;
text-align : right;
background-color : #fff;
}

.shoutbox {
color : #000;
background-color : #;
}

.shoutboxdate {
font-size : 8px;
font-weight : bold;
color : #000;
text-align : right;
background-color : #e6e6e6;
}

.small {
font-size : 10px;
font-weight : normal;
}

.small2 {
font-size : 10px;
font-weight : normal;
color : #555;
}

.side-small {
font-size : 10px;
font-weight : normal;
color : #555;
background-color : #;
}

.side-label {
color : #000;
background-color : #e6e6e6;
padding : 2px 2px 3px 2px;
text-align: center;
}

/* Page Navigation */

.pagenav {
padding: 4px;
}

.pagenav span {
color: #fff;
background-color: #026FA4;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
}

.pagenav a {
color: #555;
background-color: #f1f1f1;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
}

.pagenav a:hover {
color: #fff;
background-color: #026FA4;
margin: 2px;
text-decoration: none;
}[/syntaxhighlighter]
Thanks advance for response

[syntaxhighlighter brush=javascript,first-line=1,highlight=0,collapse=false,html-script=false]function defHdrStyle() {
dvHdr.innerHTML='&nbsp;&nbsp;'+dvHdr.innerHTML;
dvHdr.style.fontWeight='bold';
dvHdr.style.width='100px';
dvHdr.style.fontFamily='tahoma';
dvHdr.style.border='4px solid #000000';
dvHdr.style.padding='3';
dvHdr.style.fontSize='11';
dvHdr.style.color='#FFFFFF';
dvHdr.style.background='#000000';
dvHdr.style.filter='alpha(opacity=95)'; // IE
dvHdr.style.opacity='0.99'; // FF
}

function defBdyStyle() {
dvBdy.style.borderBottom='4px solid #000000';
dvBdy.style.borderLeft='4px solid #000000';
dvBdy.style.borderRight='4px solid #000000';
dvBdy.style.width='100px';
dvBdy.style.fontFamily='verdana';
dvBdy.style.fontSize='10';
dvBdy.style.padding='3';
dvBdy.style.color='#1B4966';
dvBdy.style.background='#FFFFFF';
dvBdy.style.filter='alpha(opacity=95)'; // IE
dvBdy.style.opacity='0.95'; // FF
}

CBE.boCSSBDY?dvBdy.className=CBE.boCSSBDY:defBdyStyle();
CBE.boCSSHDR?dvHdr.className=CBE.boCSSHDR:defHdrStyle();[/syntaxhighlighter]

change this code to be more like the colors in your styles.css - here this will help you

http://www.comptechdoc.org/independen...style.html

Now everything is normal but only the home page! When I open a page and point to the panel popup with text!

Maybe something is missing specific pages!

You miss your javascript dude, try to add it.
You have it on your main page, but not on another pages.

Please be excused advance if I was cheeky. (PHP is not my strong side) I tried adding this code in header.php:[syntaxhighlighter brush=javascript,first-line=1,highlight=0,collapse=false,html-script=false]echo "<script type='text/javascript' src='".INFUSIONS."latest_members_by_avatar_panel/lma_boxover.js'></script>\n";
[/syntaxhighlighter] (if not wrong)
but it looks make an error - where exactly you should enter?

Try to add Into the panel.

As saying the into panel have in mind - panel which serves infusion? I tried adding it but no change !