PHPBoost

Support

Téléchargements

Développement

Communauté

Annonces
Question aléatoire

Comment peut-on aider le projet ?
Livre d'or

Par Sino

Et en plus le staff prend toujours 2min pour donner son avis sur une question.
Que vouloir de plus ?

Livre d'or

Mini sondage
Disposez-vous de PHP 5 chez votre hébergeur ?








Résultats

 
Installer la shoutbox en haut de chaques pages
 
Table des matières
  1. 1ère étape
  2. 2ème partie
  3. 3ème partie



Pour la v.3 : Maintenant c'est plus simple il faut aller dans admin / contenue / menu / gestion puis mettre la shoutbox dans menu central haut .

Pas valable pour la version 3.0

Voici les étapes :

1ère étape



-Copier le dossier shoutbox ( qui se trouve à la racine du site ) , dans le dossier thème ( exemple : phpboost.com/templates/main/ ensuite on colle le dossier )

Dans ce 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 son contenu complet et inscrire

Code HTML :
<br />


Enregistrer , c'est fini pour cette partie .

2ème partie



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

Effacer son contenu complet , ensuite copier/coller ce 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);
setTimeout('XMLHttpRequest_shoutrefresh()', 60000);
		}
		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);
		}
		setTimeout('XMLHttpRequest_shoutrefresh()', 60000);
		-->
		</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="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 -->
		<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 />



Enregistrer , c'est fini pour cette partie .

3ème partie



Ouvrir le fichier css qui se trouve à la racine du dossier du thème , prenons global.css

Ajoutez( 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:0px;
	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:20px;
}
.shoutbox_post{
	height:35px;
}


Enregistrer , envoyer tous les fichiers par FTP ( à la bonne place comme indiqué pour chaque modification ) et regarder le résultat obtenu ;)

 
Cette page a été vue 7205 fois
Annonces