Déplacer la shoutbox vers header [Réglé]
mettre la shoutbox sur le header avec Main2
Créations de Modules
Visiteur
Boosteur Inactif
Je souhaite modifier mon petit phpboost, tournant sous le theme Main2.
J'ai déja réalisé quelques modif, mais j'ai un soucis pour déplacer la shootbox.
Je souhaiterai la mettre a droite du logo, dans le header.
donc j'ai essayé plusieurs manip, aucune n'est concluente. j'ai modifier le fichier header.tpl, présent dans le dossier du thème mais je n'arrive pas a afficher ma shoutbox ^^ même avec un include.
Je ne voi plus comment faire..
Si quelqu'un pouvai m'aider j'aprécirai, car je suis un peu perdu
merci a tous
++
Édité par Visiteur Le 20/03/2008 à 10h28
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet

Ton header fait combien en px ? car sinon je peux pas te le régler car la il déborde sinon .
JC Membre non connecté
Booster Mortier
-
Booster Mortier
- Voir le profil du membre JC
- Inscrit le : 31/01/2008
- Groupes :
Sincères salutations,
Le JC
Le JC
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
JC Membre non connecté
Booster Mortier
-
Booster Mortier
- Voir le profil du membre JC
- Inscrit le : 31/01/2008
- Groupes :
Je pose que des question à la con.
C'est pas mon jour !
Sincères salutations,
Le JC
Le JC
Visiteur
Boosteur Inactif
KONA :
Salut et bienvenue 
Ton header fait combien en px ?

Ton header fait combien en px ?
sérieusement j'en ai aucune idée, et je ne sai pas comment le savoir

Mon problème de d'inclure la shoutbox. ce n'est pas l'endroit qui devrai dérangé, car j'ai juste après a modifier la taille de la cellule pour taper le texte ou pour voir ce qui a été écrit..
Merci pour votre aide
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
[code=html]<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 style="position:absolute;top:0px" id="shoutbox">
<div class="shoutbox_table">
<div style="width:150px%;height:55px;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="shoutbox_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 -->[/code]
Ensuite dans design.css ajoute ceci :
[code=css]div#shoutbox{
position:relative;
width:210px;
left:698px !important;
left:-5px;
font-size:10px;
border-bottom:none;
background:#AFD2E8;
text-align:center;
}
.shoutbox_table{
background:#AFD2E8;
border:2px solid #295F8D;
font-size:10px;
color:#000000;
text-align:center;
}
.shoutbox_post{
height:35px;
}[/code]
Après c'est juste des réglages en fonctionne de ton site
.
Visiteur
Boosteur Inactif
KONA :
Après c'est juste des réglages en fonctionne de ton site
.
Après c'est juste des réglages en fonctionne de ton site
.Wa jte remerci, c tro la classe maintenant
un grand merci a toi kona
++
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
