shoutbox_popupframe.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<{include file="db:shoutbox_popupheader.html"}>
</head>
<body id="shoutbox">
<table width='100%' border='0' cellpadding='5' cellspacing='0' style='padding: 0; margin: 0;'>
<{if $config.popup_sound==1 && $newmessage}>
<script type="text/javascript">
<!--
if (top.xoopsGetElementById("soundselect").checked)
{
document.write("<embed src='new_shout.wav' autostart='true' volume='100' HEIGHT='0' WIDTH='0' controls='smallconsole'>");
}else{
document.write("<embed src='new_shout.wav' autostart='false' volume='0' HEIGHT='0' WIDTH='0' controls='smallconsole'>");
}
-->
</script>
<{/if}>
<{foreach item=shout from=$shouts}>
<{cycle values="odd,even" assign="cycle_color"}>
<tr class='<{$cycle_color}>'>
<td title='<{$shout.time}><{if $xoops_isadmin}> [<{$shout.ip}>]<{/if}>' width='10%'>
<{if $shout.avatar}>
<img src='<{$shout.avatar}>' alt='' />
<br />
<{/if}>
<{if $shout.uid}>
<{if $shout.online}><img src='<{$xoops_url}>/modules/shoutbox/images/online.gif' alt='Online!' />
<{else}><img src='<{$xoops_url}>/modules/shoutbox/images/offline.gif' alt='Offline' />
<{/if}>
<{else}>
<b><{$lang_anonymous}></b>
<{/if}>
</td>
<td width='90%' valign='top' title='<{$shout.time}><{if $xoops_isadmin}> [<{$shout.ip}>]<{/if}>' >
<{if $shout.uid}>
<b><a href='javascript:top.window.opener.location="<{$xoops_url}>/userinfo.php?uid=<{$shout.uid}>";top.window.opener.focus();'><b><{$shout.uname}></b></a>:</b>
<{else}>
<b><{$shout.uname}>:</b>
<{/if}>
<{$shout.message}>
</td>
</tr>
<tr class='<{$cycle_color}>'>
<td>
<i><{$shout.time}></i>
</td>
<td align='right'>
<{if !$shout.uid}>
<a href='javascript:openWithSelfMain("<{$xoops_url}>/pmlite.php?send2=1&to_userid=<{$shout.uid}>","pmlite",450,380);'><img src='<{$xoops_url}>/images/icons/pm.gif' alt='' border='0' /></a>
<{/if}>
<{if !$shout.email}>
<a href='mailto:<{$shout.email}>'><img src='<{$xoops_url}>/images/icons/email.gif' border='0' alt='' /></a>
<{/if}>
<{if !$shout.url}>
<a href='<{$shout.url}>' target='_blank'><img src='<{$xoops_url}>/images/icons/www.gif' border='0' alt='' /></a>
<{/if}>
</td>
</tr>
<{/foreach}>
</table>
</body>
</html>
shoutbox_shoutframe.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Shoutbox frame</title>
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<script type="text/javascript">
<!--
<{if $captcha_error}>
alert('<{$captcha_error}>');
top.xoopsGetElementById("xoopscaptcha").focus();
top.xoops_captcha_refresh("xoopscaptcha");
<{/if}>
<{if $refresh}>
var cbox = top.xoopsGetElementById("xoopscaptcha");
if (cbox) {
top.xoopsGetElementById("xoopscaptcha").focus();
top.xoops_captcha_refresh("xoopscaptcha");
}
var ctext = top.xoopsGetFormElement("shoutform","xoopscaptcha");
if (ctext) {
top.xoopsGetFormElement("shoutform","xoopscaptcha").value='';
top.xoopsGetFormElement("shoutform","xoopscaptcha").focus();
}
top.xoopsGetElementById("shoutfield").value='';
top.xoopsGetElementById("shoutfield").focus();
<{/if}>
<{if $config.block_autorefresh}>
var refreshtime=top.xoopsGetElementById("refreshtime").value;
if (top.xoopsGetElementById("shoutrefresh").checked)
{
setTimeout('location.href="shoutframe.php"',refreshtime);
}
<{/if}>
window.onload = function () {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var count=0; count<anchors.length; count++) {
var anchor = anchors[count];
if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external"){
anchor.target = "_blank";
}
}
}
//-->
</script>
<style type='text/css' media='all'>
@import url(<{$themecss}>);
</style>
</head>
<body id="shoutbox">
<table width='100%' border='0' cellpadding='0' cellspacing='0' style='padding: 0; margin: 0;'>
<{foreach item=shout from=$shouts}>
<tr style="width: 100%" class='<{cycle values="even,odd"}>' title='<{$shout.time}><{if $xoops_isadmin}> [<{$shout.ip}>]<{/if}>'>
<{if $config.display_avatar}>
<td class='avatarblock' width='40' valign='top'>
<img src='<{$shout.avatar}>' width='40'>
</td>
<{/if}>
<td class='sideboxcontent'>
<{if $shout.uid neq 0}>
<b><a href='<{$xoops_url}>/userinfo.php?uid=<{$shout.uid}>' target='_top'><{$shout.uname}></a>:</b>
<{else}>
<b><{$shout.uname}><font color='#990000'>*</font>:</b>
<{/if}>
<{$shout.message}>
</td>
</tr>
<{/foreach}>
</table>
</body>
</html>
et dans la feuille de style de ton thème, tu ajoutes :
body {
margin: 0px;
padding: 0px 10px;
font-size: 8pt;
font-family: "Lucida Grande", Verdana, sans-serif;
color: #fff;
background:#000 url(img/body.jpg) no-repeat fixed top right;
}
body#shoutbox { background:none; background-image:none;}
à la place de :
html, body {
margin: 0px;
padding: 0px 10px;
font-size: 8pt;
font-family: "Lucida Grande", Verdana, sans-serif;
color: #fff;
background:#000 url(img/body.jpg) no-repeat fixed top right;
}
fais tout de même une sauvegarde de tes fichiers existants
j'ai pris la shoutbox 5.0 pour l'exemple