Como adiiconar o codigo do Xat.com ao template?

Mensagem por **tvdecoevoxl** » 20 Abr 2011, 11:50

URL do Fórum: http://www.tvdecoevoxl.com.br (necessita logar pra ver conteudo)

olá maigos, cá estou eu mais uma vez pedindo a ajuda de voces!
Gostaria de add o xat que possuo de suiporte ao template do meu site, de mmodo que o usuario ao entrar ou navegar pelo site veja o xat e fike logado a ele para receber suporte!
eis o codigo fornecido pelo xat.com para adicionlo ao site!

Código: Selecionar todos

<embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=85235362&rl=Brazilian" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=85235362">Go Large!</a></small><br>

agradeco pela ajuda!

Mensagem por **_Vinny_** » 20 Abr 2011, 11:53

Poste aqui o arquivo: styles/(seu-estilo)/template/overall_header.html

Mensagem por **tvdecoevoxl** » 20 Abr 2011, 13:25

So uma pergunta, este codigo colado ao template interfere muito no fluxo de navegacao do site? minha preocupacao e ultrapassar o limite de banda ja que meu site tem servidor compartilhado!!
aí está:

Código: Selecionar todos

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
	phpBB style name: freestyler
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:	  pit

	NOTE: This page was generated by phpBB, the free open-source bulletin board package.
	      The phpBB Group is not responsible for the content of this page and forum. For more information
	      about phpBB please visit http://www.phpbb.com
-->

<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP -->
		if ({S_NEW_PM})
		{
			var url = '{UA_POPUP_PM}';
			window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
		}
	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	}

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	}

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

<link rel="alternate stylesheet" type="text/css" href="{T_THEME_PATH}/style1.css" title="style1" />
<link rel="alternate stylesheet" type="text/css" href="{T_THEME_PATH}/style2.css" title="style2" />
<link rel="alternate stylesheet" type="text/css" href="{T_THEME_PATH}/style3.css" title="style3" />
<link rel="alternate stylesheet" type="text/css" href="{T_THEME_PATH}/style4.css" title="style4" />
<link rel="alternate stylesheet" type="text/css" href="{T_THEME_PATH}/style5.css" title="style5" />
<link rel="alternate stylesheet" type="text/css" href="{T_THEME_PATH}/style6.css" title="style6" />
<link rel="alternate stylesheet" type="text/css" href="{T_THEME_PATH}/style7.css" title="style7" />
<link rel="alternate stylesheet" type="text/css" href="{T_THEME_PATH}/style8.css" title="style8" />
<link rel="alternate stylesheet" type="text/css" href="{T_THEME_PATH}/style9.css" title="style9" />

<!--[if IE 6]>
	<style type="text/css">
	/* <![CDATA[ */
	body {width: expression(d=document.compatMode=="CSS1Compat"?documentElement:document)&&(d.clientWidth<991?"990px":"auto");}}
	img, p, input, dt, div {behavior: url("{T_THEME_PATH}/images/iepngfix.htc")}
	/* ]]> */
	</style>
<![endif]-->

<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/dbx.js"></script>
<!--Loading Mask-->
<script type="text/javascript">
function overlay() {
elem = document.getElementById("overlay");
 elem.style.visibility="hidden";
elem = document.getElementById("bodydiv");
 elem.style.visibility="visible"; 
}
</script>

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}" onload="overlay()">

<div id="overlay"></div>
<div id="bodydiv">
    <div><a id="top" name="top" accesskey="t"></a></div>
	<div id="page-bg">
	    <!--Begin Menu-->
		<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
		    <div class="menu">
			    <div class="wrapper">
				    <ul>
					    <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
						<!-- IF S_LOAD_UNREADS --><li><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a></li><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --><li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li><!-- ENDIF -->
						<li><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
					</ul>
				</div>
			</div>
		<!-- ENDIF -->
		<!--End Menu-->
		
		<!--Begin Header-->
		    <div id="header">
			    <div id="header-bg">
				    <div id="header-bottom">
					    <div class="wrapper">
						    <!-- LOGO --><div id="logo"><a href="{U_INDEX}"><img class="logo" src="{T_THEME_PATH}/images/spacer.gif" alt="logo" /></a></div>
							<!--Begin User Panel-->
							    <div class="user-panel">
								    <div class="user-panel-top"><div class="user-panel-top-left"><div class="user-panel-top-right"></div></div></div>
									<div class="user-panel-middle">
									    <div class="user-panel-content">
										    <!-- IF not S_IS_BOT and not S_USER_LOGGED_IN -->
											    <!-- IF S_USER_LANG == pl --><img class="welcome" src="{T_THEME_PATH}/images/welcome-guest-pl.png" alt="" /><br /><!-- ELSE --><img class="welcome" src="{T_THEME_PATH}/images/welcome-guest.png" alt="" /><br /><!-- ENDIF -->
												{CURRENT_TIME}<br />
					                            <a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a>
					                            <!-- IF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --> &bull; <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
					                        <!-- ELSE -->
												<div><span class="user-panel-username">{L_USER_PANEL}{S_USERNAME}</span><span class="user-panel-avatar"><!-- IF USER_PANEL_AVATAR -->{USER_PANEL_AVATAR}<!-- ENDIF --></span></div>
					                            <!-- IF U_ACP --><strong><a href="{U_ACP}">{L_ACP}</a></strong><br /><!-- ENDIF --><!-- IF U_MCP --><a href="{U_MCP}"><strong>{L_MCP}</strong></a><br /><!-- ENDIF -->
					                            <!-- IF S_DISPLAY_PM --><strong>{L_MESSAGES}:&nbsp;</strong> <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a><br /><!-- ENDIF -->
					                            {CURRENT_TIME}<br />{LAST_VISIT_DATE}<br />
					                            <!-- IF S_DISPLAY_SEARCH --><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> &bull; <!-- ENDIF -->
					                            <a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e"><strong>{L_PROFILE}</strong></a><br />
					                        <!-- ENDIF -->
					                    </div>
				                    </div>
									<div class="user-panel-bottom"><div class="user-panel-bottom-left"><div class="user-panel-bottom-right"></div></div></div>
								</div>
							<!--End User Panel-->
							<div class="site-description">
							    {SITENAME}<br />
								<span>{SITE_DESCRIPTION}</span>
							</div>
							<div class="clear"></div>
						</div>
					</div>
				</div>
			</div>
		<!--End Header-->

		<!--Begin  Menu-->
		   <div class="menu">
		        <div class="wrapper">
				    <ul>
					    <li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
						<!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a></li><!-- ENDIF -->
						<li><a href="#" onclick="toggle_visibility('styleswitcher_top'); return false;">{L_COLOUR_SWATCH}</a></li>
						<li><a href="#" onclick="setActiveStyleSheet('A'); return false;">A</a></li>
						<li><a href="#" onclick="setActiveStyleSheet('A+'); return false;">A+</a></li>
						<li><a href="#" onclick="setActiveStyleSheet('A++'); return false;">A++</a></li>
						<!-- IF not S_IS_BOT -->
						    <li class="rightside"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
							<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li style="float: right"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
						    <!-- IF S_DISPLAY_MEMBERLIST --><li class="rightside"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
						<!-- ENDIF -->
						<!-- IF U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
					</ul>
				</div>
			</div>
		<!--End Menu-->
		
		<!--Begin Main Content-->
		<div class="body-top-bg">
		    <script type="text/javascript">
			<!--
			function resettoggle() 
			{
			    var e = document.getElementById('styleswitcher_top');
				e.style.display = 'none';
			}
			
			function toggle_visibility(id)
			{
			    var e = document.getElementById(id);
				if(e.style.display == 'none')
				    e.style.display = 'block';
				else
				    e.style.display = 'none';
			}
			//-->
			</script>
			<div id="styleswitcher_top" style="display: none;">
			    <a class="styleswitcher" href="#" onclick="setActiveStyleSheet('style1'); return false;"><img src="{T_THEME_PATH}/images/style1.gif"  alt="1" /></a>
		        <a class="styleswitcher" href="#" onclick="setActiveStyleSheet('style2'); return false;"><img src="{T_THEME_PATH}/images/style2.gif"  alt="1" /></a>
		        <a class="styleswitcher" href="#" onclick="setActiveStyleSheet('style3'); return false;"><img src="{T_THEME_PATH}/images/style3.gif"  alt="1" /></a>
		        <a class="styleswitcher" href="#" onclick="setActiveStyleSheet('style4'); return false;"><img src="{T_THEME_PATH}/images/style4.gif"  alt="1" /></a>
		        <a class="styleswitcher" href="#" onclick="setActiveStyleSheet('style5'); return false;"><img src="{T_THEME_PATH}/images/style5.gif"  alt="1" /></a>
		        <a class="styleswitcher" href="#" onclick="setActiveStyleSheet('style6'); return false;"><img src="{T_THEME_PATH}/images/style6.gif"  alt="1" /></a>
		        <a class="styleswitcher" href="#" onclick="setActiveStyleSheet('style7'); return false;"><img src="{T_THEME_PATH}/images/style7.gif"  alt="1" /></a>
		        <a class="styleswitcher" href="#" onclick="setActiveStyleSheet('style8'); return false;"><img src="{T_THEME_PATH}/images/style8.gif"  alt="1" /></a>
		        <a class="styleswitcher" href="#" onclick="setActiveStyleSheet('style9'); return false;"><img src="{T_THEME_PATH}/images/style9.gif"  alt="1" /></a>
	        </div>
		</div>
		<div id="forum-body">
		    <div class="wrapper">
			    <div id="wrap">
				    <div class="navbar">
					    <!-- IF U_EMAIL_TOPIC or U_PRINT_TOPIC or U_EMAIL_PM or U_PRINT_PM -->
						    <ul class="linklist navlinks">
							    <!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
							    <!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
							    <!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
							    <!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
							</ul>
						<!-- ENDIF -->			
						<ul class="linklist leftside">
							<li>
								<a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks -->
								<!-- IF U_RESTORE_PERMISSIONS --> &bull; <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
							</li>
						</ul>
					</div>
					<a name="start_here"></a>
					<div id="page-body">
					    <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) --> 
						    <div id="message" class="rules">
							    <div class="inner"><span class="corners-top"><span></span></span>
								    <strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
								<span class="corners-bottom"><span></span></span></div>
							</div>
						<!-- ENDIF -->

obrigado desde ja pela ajuda

Mensagem por **_Vinny_** » 20 Abr 2011, 16:14

Localize:

Código: Selecionar todos

<div id="page-body">

Adicione depois o código do seu chat, não esqueça de atualizar a template do estilo.

E se aceita uma sugestão, leia este artigo: kb.php?a=95

Mensagem por **tvdecoevoxl** » 20 Abr 2011, 18:31

Valeu amigo muito boa a dica! ja postei tbm o xat no site mutio obrigado pela ajuda!

Mensagem por **AstolphoWagner** » 22 Jun 2012, 00:37

Olá, sei que o post é velho,mais já que é uma duvida parecida, vou postar aqui. sou novo em mexer em fóruns ,tbm quero adicionar um xat.com no meu fórum, já coloquei o código depois de <div id="page-body"> , mais o xat não aparece, alguma ideia do que poderia ser?

Agradeço desde já!

Abraço.

Mensagem por **Chico Gois** » 22 Jun 2012, 00:41

AstolphoWagner,

Suporte phpBB

Como adiiconar o codigo do Xat.com ao template?

Como adiiconar o codigo do Xat.com ao template?

Re: Como adiiconar o codigo do Xat.com ao template?

Re: Como adiiconar o codigo do Xat.com ao template?

Re: Como adiiconar o codigo do Xat.com ao template?

Re: Como adiiconar o codigo do Xat.com ao template?

Re: Como adiiconar o codigo do Xat.com ao template?

Re: Como adiiconar o codigo do Xat.com ao template?