Forum

Bonsoire tout le monde,

Je voudrait mettre une shout en haut de chaque pages de mon site comme sur vBulletin. Le module discussion est beaucoup trop petit et pas visible, et impossible depuis l'admin de la deplacer en haut...
Si vous pouvez m'expliquer comment faire ca SVP

Voici les étapes :

1er étape

-Copier le dossier shoutbox à la racine du thème

Dans se dossier "shootbox" il faut laisser index.php et shoutbox_mini.tpl qui se trouvera dans templates .

-Shoutbox
--index.php
--shoutbox_mini.tpl

Ensuite ouvrir shoutbox_mini.tpl effacer sont contenu complet et inscrire

[code]<br />[/code]

Enregistrer , c'est fini pour cette partie .

2ième partie

Ouvrir speed_bar.tpl ( il se trouve a la racine de ton thème ) .

Effacer sont contenu complet , ensuite copier/coller se code :

[code]
# START end_right #
</div>
# END end_right #

<div id="main">

<!-- Debut mini module discution -->
<script type="text/javascript">
<!--
function XMLHttpRequest_shoutmsg()
{
var xhr_object = null;
var data = null;
var filename = "../shoutbox/xmlhttprequest.php?add=1";
var pseudo = document.getElementById("shout_pseudo").value;
var contents = document.getElementById("shout_contents").value;

if(window.XMLHttpRequest) // Firefox
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else // XMLHttpRequest non supporté par le navigateur
return;

if( pseudo != "" && contents != "" )
{
document.getElementById('shoutimg').src = '../templates/{THEME}/images/loading_mini.gif';

pseudo = pseudo.replace(/+/g, '%2B');
pseudo = pseudo.replace(/&/g, '%26');
contents = contents.replace(/+/g, '%2B');
contents = contents.replace(/&/g, '%26');
data = "pseudo=" + pseudo + "&contents=" + contents;
xhr_object.open("POST", filename, true);
xhr_object.onreadystatechange = function()
{
if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' && xhr_object.responseText != '-2' && xhr_object.responseText != '-3' && xhr_object.responseText != '-4' )
{
var array_shout = new Array('', '');
eval(xhr_object.responseText);
document.getElementById('shout_container').innerHTML = '<p id="shout_container_' + array_shout[2] + '">' + array_shout[0] + '<span class="text_small">: ' + array_shout[1] + '</span></p>' + document.getElementById('shout_container').innerHTML;
document.getElementById('shout_contents').value = '';
document.getElementById('shoutimg').src = '../shoutbox/templates/images/refresh_mini.png';
}
else if( xhr_object.readyState == 4 )
{
document.getElementById('shoutimg').src = '../shoutbox/templates/images/refresh_mini.png';
switch( xhr_object.responseText )
{
case '-1':
alert("{L_ALERT_UNAUTH_POST}");
break;
case '-2':
alert("{L_ALERT_FLOOD}");
break;
case '-3':
alert("{L_ALERT_LINK_PSEUDO}");
break;
case '-4':
alert("{L_ALERT_LINK_FLOOD}");
case '-5':
alert("{L_ALERT_INCOMPLETE}");
break;
}
}
}
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr_object.send(data);
}
else
alert("{L_ALERT_INCOMPLETE}");
}
function XMLHttpRequest_shoutdelmsg(idmsg)
{
var xhr_object = null;
var data = null;
var filename = "../shoutbox/xmlhttprequest.php?del=1";

if(window.XMLHttpRequest) // Firefox
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else // XMLHttpRequest non supporté par le navigateur
return;

document.getElementById('shoutimg').src = '../templates/{THEME}/images/loading_mini.gif';
data = "idmsg=" + idmsg;
xhr_object.open("POST", filename, true);
xhr_object.onreadystatechange = function()
{
if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText == '1' )
{
document.getElementById('shoutimg').src = '../shoutbox/templates/images/refresh_mini.png';
document.getElementById('shout_container_' + idmsg).style.display = 'none';
}
else if( xhr_object.readyState == 4 )
document.getElementById('shoutimg').src = '../shoutbox/templates/images/refresh_mini.png';
}
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr_object.send(data);
}
function XMLHttpRequest_shoutrefresh()
{
var xhr_object = null;
var data = null;
var filename = "../shoutbox/xmlhttprequest.php?refresh=1";

if(window.XMLHttpRequest) // Firefox
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else // XMLHttpRequest non supporté par le navigateur
return;

document.getElementById('shoutimg').src = '../templates/{THEME}/images/loading_mini.gif';
xhr_object.open("POST", filename, true);
xhr_object.onreadystatechange = function()
{
if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '' )
{
document.getElementById('shoutimg').src = '../shoutbox/templates/images/refresh_mini.png';
document.getElementById('shout_container').innerHTML = xhr_object.responseText;
}
else if( xhr_object.readyState == 4 )
document.getElementById('shoutimg').src = '../shoutbox/templates/images/refresh_mini.png';
}
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr_object.send(data);
}
function check_form_shout(){
if(document.getElementById('shout_contents').value == "") {
alert("{L_ALERT_TEXT}");
return false;
}
return true;
}
function Confirm_del_shout(idmsg) {
if( confirm("{L_DELETE_MSG}") )
XMLHttpRequest_shoutdelmsg(idmsg);
}

-->
</script>

<form action="" method="post" onsubmit="return check_form_shout();">
<div class="module_mini_container">
<div class="shoutbox_top">
<h5 align="center" class="sub_title">{L_SHOUTBOX}</h5>
</div>
<div class="shoutbox_table">
<div style="width:97%;height:125px;overflow:auto;text-align:left;margin:auto;" id="shout_container">
# START shout #
<p id="shout_container_{shout.IDMSG}">{shout.PSEUDO}<span class="text_small">: {shout.CONTENTS}</span></p>
# END shout #
</div>
# START visible_shout #
<label><span style="font-size:10px;">Pseudo</span>
<input size="16" maxlength="25" type="text" class="text" name="shout_pseudo" id="shout_pseudo" value="{visible_shout.PSEUDO}" /></label>
# END visible_shout #

# START hidden_shout #
<input size="16" maxlength="25" type="hidden" class="text" name="shout_pseudo" id="shout_pseudo" value="{hidden_shout.PSEUDO}" /></label>
# END hidden_shout #

<br />
<label for="shout_contents"><span class="text_small">{L_MESSAGE}</span></label>
<textarea class="post" id="shout_contents" name="shout_contents" rows="4" cols="16"></textarea>

<input type="submit" name="shoutbox" id="shoutbox_submit" value="{L_SUBMIT}" class="submit" />
<script type="text/javascript">
<!--
document.getElementById('shoutbox_submit').style.display = 'none';
document.write('<input value="{L_SUBMIT}" onclick="XMLHttpRequest_shoutmsg();" type="button" class="submit" />');
-->
</script>
<a href="javascript:XMLHttpRequest_shoutrefresh();" title="{L_REFRESH}"><img src="../shoutbox/templates/images/refresh_mini.png" id="shoutimg" alt="{L_REFRESH}" class="valign_middle" /></a>
<p style="margin-top:10px">
<a class="small_link" href="../shoutbox/shoutbox.php{SID}" title="">{L_ARCHIVE}</a>
</p>
</div>
</div>
</form>
<!-- Fin du mini module -->
<div id="links">
<a class="small_link" href="{START_PAGE}" title="{L_INDEX}">{L_INDEX}</a>
# START link_speed_bar #
» <a class="small_link" href="{link_speed_bar.URL}" title="{link_speed_bar.TITLE}">{link_speed_bar.TITLE}</a>
# END link_speed_bar #
</div>
<br />
[/code]

Enregistrer , fini pour cette partie .

3ième partit

Ouvrir un fichier css qui se trouve à la racine de ton thème , prenons global.css

Ajouter ( tout à la fin ) :

[code].shoutbox_top{
height:20px;
width:97%;
border:2px solid #295F8D;
border-bottom:none;
background:#AFD2E8;
font-weight:bold;
margin-right:auto;
margin-left:auto;
color:#FFFFFF;
padding-top:2px;
margin-top:8px;
list-style-type:none;
}
.shoutbox_table{
width:97%;
background:#AFD2E8;
margin-right:auto;
margin-left:auto;
border-left:2px solid #295F8D;
border-right:2px solid #295F8D;
border-bottom:2px solid #295F8D;
text-align:center;
padding-top:5px;
}
.post{
height:35px;
}[/code]

Enregistrer , envoi tout les fichiers sur ton ftp ( à la bonne place comme indiqué pour chaque modification ) et regarde

merci beaucoup a toi, tres bien expliquer

kona tu nous mets ca sur le wiki?

ok ça roule , tu avais pas mis la mini galerie ?

non oublié...

Ok je la met aussi

Ceci est dans la doc à présent :



- Installer la shoutbox en haut de chaque pages

- Installer la mini_galerie en haut de chaque pages

Édité par KONA Le 06/02/2008 à 10h48

Si tu avait aussi comment mettre les derniers messages du forums, derniers inscits etc sous la shout box, sa serait cool aussi je sais j'en demande beaucoup...

Regarde la doc de ptithom rss forum etc....



Sinon pour les dernier inscrit et tout il faudrait modifier stats_mini.tpl ça va être surchargé après

@Kona ton code au niveau de div id="links" provoqué un petit bug dans les liens



Cela donné ceci

Citation :

Accueil » News

L'erreur est ici











Le bon code que tu m'a donné la premiere fois











ps:&RAQUO; s'ecris en minuscule

Édité par McGyver Le 07/02/2008 à 08h11

ok je te remercie