Forum

Bonjour

Voila sur le theme de chinchilla.org on vois le mini module gallerie au centre du site, Moi ce que je voudrais faire c'est affiché la shootbox. J'ai cherché partout mais trouvé .

Ensuite quel est le template generale du site?

Merci de vos reponses

Il faut reprendre le même principe que pour le module mini galerie .

C'est assez simple à faire je t'expliquerais les fichiers qu'il faut modifier .

Oui je sais, j'ai cherché dans tous les fichiers et je n'ai pas trouvé En tout cas je te remercie pour ton aide.
J'ai un peu compris les css, mais la je cale. Pourtant ce n'est pas la premiere fois que je fais des themes, j'en ai deja fais pour IPB et coolforum mais les tpl je cale

Quels sont les fichiers a modifier 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=html]<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=html]
# 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=css].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

Édité par KONA Le 16/01/2008 à 20h26

Ok merci je vais tester cela et je te tiens au courant

J'ai testé et il y a un soucis. La page centrale se retrouve vierge et le module news et shootbox se retrouve a droite comme un mini_module

Bizare as tu bien mis un < br /> dans shootbox_mini.tpl ? il faut activer dans les menu admin le mini module .

Sinon essaye avec se css :

[code=css].shoutbox_top{
height:20px;
width:80%;
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:80%;
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]

Bon c'est ok elle s'affiche. Dans ton script pour speed_bar.tpl tout en faut mettre ceci





# END end_right #



<div id="main"></div>



Le probleme c'est qu'elle s'affiche comme un mini module j'ai essayer 100% mais rien n'y fais. Il faudrais qu'elle prenne toute la longueur.





Et encore merci

Je vais regarder ça .

EDIT: Quel boulet j'ai pas poster le bon code désoler.

Édité par KONA Le 16/01/2008 à 20h14

c'est pas grave, avec toutes les demandes que vous avez c'est comprehensif

Voila le bon :

[code=html]
# 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]

C'est nickel merci beaucoup tu devrais le mettre dans le wiki

Sur la nouvelle version on pourra mettre les mini module a la place de la shoot box . Donc le mettre dans le wiki .... Je sais pas si ça faut le coup et une bonne petite recherche sur le forum est c'est bon

Bon voila mon site: je sais pas ce que j'ai manquer, mais la shout apparait bien mais elle ne fonctionne pas... Merci Kona pour cette astuce! mon site: http://www.3qcrp.com/news/news.php