Page Plugin Facebook

Suporte à dúvidas gerais relacionadas ao phpBB 3.1.
Responder
Avatar do usuário
GOLX
Membro Recente
Membro Recente
Mensagens: 213
Registrado em: 14 Out 2015, 12:33

Page Plugin Facebook

Mensagem por GOLX »

Pessoal o "Like Box" do facebook foi depreciado e agora só se pode usar o novo "Page Plugin".

Então fui ao site de desenvolvedores do facebook e criei o código do meu Page Plugin, apareceram 3 códigos

Javascript SDK = 2 códigos
IFrame = 1 código

Onde coloco estes códigos exatamente no fórum? Preciso de usar mesmo todos os 3 códigos ou apenas o Iframe resolve e onde?

Obrigado a todos!
Voltar ao topo
Avatar do usuário
Chico Gois
Administrador
Administrador
Mensagens: 3626
Registrado em: 03 Jul 2004, 03:53
Nome Real: Chico Gois
Localização: São Paulo - Capital
Contact:
Contato Chico Gois

Re: Page Plugin Facebook

Mensagem por Chico Gois »

Tem mais informação?

Só isto não ajuda muito.
Voltar ao topo
Avatar do usuário
GOLX
Membro Recente
Membro Recente
Mensagens: 213
Registrado em: 14 Out 2015, 12:33

Re: Page Plugin Facebook

Mensagem por GOLX »

Chico parece uma coisa simples mas eu fiz alguns testes e não obtive sucesso.
Estes são os documentos do PAGE PUGLIN onde você pode gerar os códigos.

https://developers.facebook.com/docs/pl ... age-plugin


os arquivos gerados para mim são estes:

Pelo que entendi você tem Duas opções a escolher ou inseri no seu site o código javaScript SDK ou inseri o código Iframe

Com o código javaScript SDK .

Step 1: Criei e configurei o código (pelo que entendi)

Step 2: Include the Javascript SDK on your page once, ideally right after the opening <body> tag:

Código: Selecionar todos

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_PT/sdk.js#xfbml=1&version=v2.7";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Step 3: Place this code wherever you want the plugin to appear on your page:

Código: Selecionar todos

<div class="fb-page" data-href="https://www.facebook.com/F&#xf3;rum-523746704477380/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/F&#xf3;rum--523746704477380/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/</blockquote></div>

Com o código Iframe .

Step 1: Criei e configurei o código (pelo que entendi)

Step 2: Place this code wherever you want the plugin to appear on your page.

Código: Selecionar todos

<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FF%77380%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
Alguns tutorias para colocar o page plugin em website dizem para por os códigos no html do site, mas então forum é diferente, por isso não sei onde por os arquivos, então coloquei os códigos em qualquer parte do arquivo overall_header.html, depois de ler alguns tópicos aqui na comunidade. Mas não resultou em nada.

Pasta Style >>> template>>> We_universal >>> overall_header.html

onde é o lugar certo no phpbb para por estes códigos como pede o facebook?

Obrigado Colegas!
Editado pela última vez por GOLX em 31 Jul 2016, 16:53, em um total de 2 vezes.
Voltar ao topo
Avatar do usuário
Chico Gois
Administrador
Administrador
Mensagens: 3626
Registrado em: 03 Jul 2004, 03:53
Nome Real: Chico Gois
Localização: São Paulo - Capital
Contact:
Contato Chico Gois

Re: Page Plugin Facebook

Mensagem por Chico Gois »

Sem IFRAME

Este aqui você coloca no overral_header.html depois do <body>

Código: Selecionar todos

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_PT/sdk.js#xfbml=1&version=v2.7";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Este aqui você "encaixa" so seu overral_footer.html antes do </body> ou onde achar melhor

Código: Selecionar todos

<div class="fb-page" data-href="https://www.facebook.com/F&#xf3;rum-Capilar-Transplante-Capilar-523746704477380/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/F&#xf3;rum-Capilar-Transplante-Capilar-523746704477380/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/F&#xf3;rum-Capilar-Transplante-Capilar-523746704477380/">Fórum Capilar - Transplante Capilar</a></blockquote></div>
Voltar ao topo
Avatar do usuário
GOLX
Membro Recente
Membro Recente
Mensagens: 213
Registrado em: 14 Out 2015, 12:33

Re: Page Plugin Facebook

Mensagem por GOLX »

Obrigado Chico

Fiz axatamente isto que você escreveu e não consegui sucesso, nada aparece na página inicial do fórum, e nem em lugar nenhum.
Fiz tanto no Fórum com template We_universal como com o Prosilver e em nem um dos 2 funcionou. Editei e fiz o teste com os dois estilos, nem um dos arquivos resultou.


Acabei de fazer um teste em um site simples, com estes mesmos códigos e o page plugin funcionou perfeitamente, porque será que no phpBB não funciona?

Segue o meu overall_header.html do prosilver para vc dar uma olhada se to fazendo certo por favor (desculpa não consegui anexar o arquivo, caso seja muito código na mensagem pode apagar por favor)

Coloquei os dois códigos logo após o body, está comentado <!-- page plugin facebook javascript-->

Código: Selecionar todos

<!DOCTYPE html>
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1" />
{META}
<title><!-- IF UNREAD_NOTIFICATIONS_COUNT -->({UNREAD_NOTIFICATIONS_COUNT}) <!-- ENDIF --><!-- IF not S_VIEWTOPIC and not S_VIEWFORUM -->{SITENAME} - <!-- ENDIF --><!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}<!-- IF S_VIEWTOPIC or S_VIEWFORUM --> - {SITENAME}<!-- ENDIF --></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 -->
	<!-- EVENT overall_header_feeds -->
<!-- ENDIF -->

<!-- IF U_CANONICAL -->
	<link rel="canonical" href="{U_CANONICAL}">
<!-- ENDIF -->

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

<!-- IF S_ALLOW_CDN -->
<script>
	WebFontConfig = {
		google: {
			families: ['Open+Sans:600:cyrillic-ext,latin,greek-ext,greek,vietnamese,latin-ext,cyrillic']
		}
	};

	(function(d) {
		var wf = d.createElement('script'), s = d.scripts[0];
		wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
		wf.async = true;
		s.parentNode.insertBefore(wf, s);
	})(document);
</script>
<!-- ENDIF -->
<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">
<link href="{T_THEME_PATH}/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" media="all and (max-width: 700px)">

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->

<!-- IF S_PLUPLOAD -->
	<link href="{T_THEME_PATH}/plupload.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->

<!--[if lte IE 9]>
	<link href="{T_THEME_PATH}/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<![endif]-->

<!-- EVENT overall_header_head_append -->

{$STYLESHEETS}

<!-- EVENT overall_header_stylesheets_after -->

</head>
<body id="phpbb" class="nojs notouch section-{SCRIPT_NAME} {S_CONTENT_DIRECTION} {BODY_CLASS}">

<!-- page plugin facebook javascript-->

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_PT/sdk.js#version=v2.7";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- page plugin facebook div-->

<div class="fb-page" data-href="https://www.facebook.com/F&#xf3;rum-523746704477380/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/F&#xf3;rum-523746704477380/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/F&#xf3;rum--523746704477380/">Fórum r</a></blockquote></div>

<!-- EVENT overall_header_body_before -->

<div id="wrap">
	<a id="top" class="anchor" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar" role="banner">
			<div class="inner">

			<div id="site-description">
				<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

			<!-- EVENT overall_header_searchbox_before -->
			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" class="search-box search-header" role="search">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
					<button class="button icon-button search-icon" type="submit" title="{L_SEARCH}">{L_SEARCH}</button>
					<a href="{U_SEARCH}" class="button icon-button search-adv-icon" title="{L_SEARCH_ADV}">{L_SEARCH_ADV}</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->

			</div>
		</div>
		<!-- EVENT overall_header_navbar_before -->
		<!-- INCLUDE navbar_header.html -->
	</div>

	<!-- EVENT overall_header_page_body_before -->

	<a id="start_here" class="anchor"></a>
	<div id="page-body" role="main">
		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="rules">
			<div class="inner">
				<strong>{L_INFORMATION}{L_COLON}</strong> {L_BOARD_DISABLED}
			</div>
		</div>
		<!-- ENDIF -->

		<!-- EVENT overall_header_content_before -->

Aqui está o meu overrall_header.html do Template We_universal, tambem com os códigos

Código: Selecionar todos

<!DOCTYPE html>
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
{META}
<title><!-- IF UNREAD_NOTIFICATIONS_COUNT -->({UNREAD_NOTIFICATIONS_COUNT}) <!-- ENDIF --><!-- IF not S_VIEWTOPIC and not S_VIEWFORUM -->{SITENAME} - <!-- ENDIF --><!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}<!-- IF S_VIEWTOPIC or S_VIEWFORUM --> - {SITENAME}<!-- ENDIF --></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 -->
	<!-- EVENT overall_header_feeds -->
<!-- ENDIF -->

<!-- IF U_CANONICAL -->
	<link rel="canonical" href="{U_CANONICAL}">
<!-- ENDIF -->

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

<!-- IF S_ALLOW_CDN -->
<script>
	WebFontConfig = {
		google: {
			families: ['Open+Sans:600:cyrillic-ext,latin,greek-ext,greek,vietnamese,latin-ext,cyrillic']
		}
	};

	(function(d) {
		var wf = d.createElement('script'), s = d.scripts[0];
		wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
		wf.async = true;
		s.parentNode.insertBefore(wf, s);
	})(document);
</script>
<!-- ENDIF -->

<link href="{ROOT_PATH}styles/prosilver/theme/stylesheet.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
<link href="{ROOT_PATH}styles/prosilver/theme/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" media="all and (max-width: 700px), all and (max-device-width: 700px)">
<link href="{T_THEME_PATH}/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" media="all and (max-width: 700px), all and (max-device-width: 700px)">

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{ROOT_PATH}styles/prosilver/theme/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->

<!-- IF S_PLUPLOAD -->
	<link href="{ROOT_PATH}styles/prosilver/theme/plupload.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->

<!--[if lte IE 9]>
	<link href="{ROOT_PATH}styles/prosilver/theme/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<![endif]-->

<!-- EVENT overall_header_head_append -->

{$STYLESHEETS}

<!-- EVENT overall_header_stylesheets_after -->

<!--[if lt IE 9]>
	<script type="text/javascript" src="{T_TEMPLATE_PATH}/html5shiv.min.js"></script>
<![endif]-->

</head>
<body id="phpbb" class="nojs notouch section-{SCRIPT_NAME} {S_CONTENT_DIRECTION} {BODY_CLASS}<!-- IF S_USER_LOGGED_IN --> logged-in<!-- ELSE --> logged-out<!-- ENDIF -->">

<!-- page plugin facebook javascript -->

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_PT/sdk.js#xfversion=v2.7";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- page plugin facebook div -->

<div class="fb-page" data-href="https://www.facebook.com/F&#xf3;rum-523746704477380/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/F&#xf3;rum-523746704477380/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/F&#xf3;rum--523746704477380/">Fórum r</a></blockquote></div>

<!-- EVENT overall_header_body_before -->

<div id="wrap">
	<a id="top" class="anchor" accesskey="t"></a>

	<div class="inventea-headerbar">
		<nav class="inventea-wrapper inventea-userbar">
			<!-- INCLUDE navbar_responsive_header.html -->

			<!-- EVENT overall_header_searchbox_before -->

			<ul class="linklist bulletin inventea-user-menu" role="menubar">
				<!-- IF S_REGISTERED_USER -->
					<li id="username_logged_in" class="rightside <!-- IF CURRENT_USER_AVATAR --> no-bulletin<!-- ENDIF -->" data-skip-responsive="true">
						<!-- EVENT navbar_header_username_prepend -->
						<div class="header-profile dropdown-container">
							<a href="{U_PROFILE}" class="header-avatar dropdown-trigger"><!-- IF CURRENT_USER_AVATAR -->{CURRENT_USER_AVATAR}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /><!-- ENDIF --> {CURRENT_USERNAME_SIMPLE}</a>
							<div class="dropdown hidden">
								<div class="pointer"><div class="pointer-inner"></div></div>
								<ul class="dropdown-contents" role="menu">
									<!-- IF U_RESTORE_PERMISSIONS --><li class="small-icon icon-restore-permissions"><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->

									<!-- EVENT navbar_header_profile_list_before -->

									<li class="small-icon icon-ucp"><a href="{U_PROFILE}" title="{L_PROFILE}" role="menuitem">{L_PROFILE}</a></li>
									<li class="small-icon icon-profile"><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">{L_READ_PROFILE}</a></li>

									<!-- EVENT navbar_header_profile_list_after -->

									<li class="separator"></li>
									<li class="small-icon icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" role="menuitem">{L_LOGIN_LOGOUT}</a></li>
								</ul>
							</div>
						</div>
						<!-- EVENT navbar_header_username_append -->
					</li>
					<!-- IF S_DISPLAY_PM -->
						<li class="small-icon icon-pm rightside" data-skip-responsive="true">
							<a href="{U_PRIVATEMSGS}" role="menuitem"><span>{L_PRIVATE_MESSAGES}</span><!-- IF PRIVATE_MESSAGE_COUNT > 0 --><strong>{PRIVATE_MESSAGE_COUNT}</strong><!-- ENDIF --></a>
						</li>
					<!-- ENDIF -->
					<!-- IF S_NOTIFICATIONS_DISPLAY -->
						<li class="small-icon icon-notification dropdown-container dropdown-{S_CONTENT_FLOW_END} rightside" data-skip-responsive="true">
							<a href="{U_VIEW_ALL_NOTIFICATIONS}" id="notification_list_button" class="dropdown-trigger"><span>{L_NOTIFICATIONS}</span><!-- IF NOTIFICATIONS_COUNT > 0 --><strong>{NOTIFICATIONS_COUNT}</strong><!-- ENDIF --></a>
							<!-- INCLUDE notification_dropdown.html -->
						</li>
					<!-- ENDIF -->
				<!-- ELSE -->
					<li class="small-icon icon-logout rightside" data-skip-responsive="true"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" role="menuitem">{L_LOGIN_LOGOUT}</a></li>
					<!-- IF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) -->
						<li class="small-icon icon-register rightside" data-skip-responsive="true"><a href="{U_REGISTER}" role="menuitem">{L_REGISTER}</a></li>
					<!-- ENDIF -->
					<!-- EVENT navbar_header_logged_out_content -->
				<!-- ENDIF -->
			</ul>
		</nav>
	</div>

	<header class="inventea-header">
		<div class="inventea-dashboard" role="banner">
			<!-- EVENT overall_header_navbar_before -->
			<!-- INCLUDE navbar_header.html -->

			<div class="inventea-sitename">
				<h1><a href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITENAME}</a></h1>
				<span>{SITE_DESCRIPTION}</span>
			</div>
		</div>
	</header>

	<div class="inventea-wrapper inventea-content" role="main">
		<!-- EVENT overall_header_page_body_before -->

		<ul id="nav-breadcrumbs" class="linklist navlinks" role="menubar">
			<!-- IF S_INDEX -->
				<li class="rightside inventea-time"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --></li>
			<!-- ENDIF -->

			<!-- DEFINE $MICRODATA = ' itemtype="http://data-vocabulary.org/Breadcrumb" itemscope=""' -->
			<!-- EVENT overall_header_breadcrumbs_before -->
			<li class="small-icon breadcrumbs">
				<!-- IF U_SITE_HOME --><span class="crumb"{$MICRODATA}><a href="{U_SITE_HOME}" data-navbar-reference="home" itemprop="url"><span itemprop="title">{L_SITE_HOME}</span></a></span><!-- ENDIF -->
				<!-- EVENT overall_header_breadcrumb_prepend -->
				<span class="crumb"{$MICRODATA}><a href="{U_INDEX}" accesskey="h" data-navbar-reference="index" itemprop="url"><span itemprop="title">{L_INDEX}</span></a></span>
				<!-- BEGIN navlinks -->
					<!-- EVENT overall_header_navlink_prepend -->
					<span class="crumb"{$MICRODATA}<!-- IF navlinks.MICRODATA --> {navlinks.MICRODATA}<!-- ENDIF -->><a href="{navlinks.U_VIEW_FORUM}" itemprop="url"><span itemprop="title">{navlinks.FORUM_NAME}</span></a></span>
					<!-- EVENT overall_header_navlink_append -->
				<!-- END navlinks -->
				<!-- EVENT overall_header_breadcrumb_append -->
			</li>
			<!-- EVENT overall_header_breadcrumbs_after -->
		</ul>

		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
			<div id="information" class="rules">
				<div class="inner">
					<strong>{L_INFORMATION}{L_COLON}</strong> {L_BOARD_DISABLED}
				</div>
			</div>
		<!-- ENDIF -->

		<!-- EVENT overall_header_content_before -->
Editado pela última vez por GOLX em 31 Jul 2016, 16:58, em um total de 2 vezes.
Voltar ao topo
henrique.seven2011
Moderador
Moderador
Mensagens: 984
Registrado em: 23 Mar 2012, 13:50
Nome Real: Saulo Henrique

Re: Page Plugin Facebook

Mensagem por henrique.seven2011 »

O da tag script coloque antes de fechar a tag body, aonde vc põem pode gerar bugs, pois nessa ordem vc prioriza e pode vim algo em baixo que sobrescreve e buga.
Cloud de Verdade?! Recomendo: Vultr, DigitalOcean e LetsCloud | Freelancer a disposição!
Voltar ao topo
Avatar do usuário
GOLX
Membro Recente
Membro Recente
Mensagens: 213
Registrado em: 14 Out 2015, 12:33

Re: Page Plugin Facebook

Mensagem por GOLX »

Obrigado Henrique,

Eu ja tentei achar tag de fechamento </body> nos meus arquivos mas não existem, somente a de abertura <body> existe, todo mundo na internet tem a tag </boby> nos tutorias, eu sou o único que não tenho. Porque? Nem no Prosilver, nem no We_universal, olha por favor ai nos meus arquivos logo acima da sua mensagem e me diz se você acha a tag </boby>, nem com a busca no sublime existe esta tag de fechamento em nenhum dos meus arquivos. isto é Normal?

ok.. pra deixar a consciência limpa, pus o código de javascript que você falou no fim do arquivo, e também não resultou em nada colega!

Onde será que ta esta falha, uma coisa tão simples de fazer!
Voltar ao topo
henrique.seven2011
Moderador
Moderador
Mensagens: 984
Registrado em: 23 Mar 2012, 13:50
Nome Real: Saulo Henrique

Re: Page Plugin Facebook

Mensagem por henrique.seven2011 »

</body> fica no footer. Procure pelo arquivo overall_footer.html e altere lá.
Cloud de Verdade?! Recomendo: Vultr, DigitalOcean e LetsCloud | Freelancer a disposição!
Voltar ao topo
Avatar do usuário
GOLX
Membro Recente
Membro Recente
Mensagens: 213
Registrado em: 14 Out 2015, 12:33

Re: Page Plugin Facebook

Mensagem por GOLX »

Obrigado Henrique!

Ja localizei e coloquei la o plugin e deu tudo certo! :)
Agora tenho que dizer que ficou uma coisa totalmente fora de contexto, o plugin tem uns 300px de largura, mas posso mudar essa largura quando o crio e fiz, mas mesmo assim ele ocupa toda a largura do fórum, deixando um grande espaço em branco acima do rodapé do fórum.

Como posso por este plugin numa barra lateral do Fórum? Gostaria que ficasse numa barra lateral direita assim como tem aqui na comunidade! Gostaria também de incluir os tópicos recentes nesta barra lateral e outras coisas! É possível?
Obrigado!
Voltar ao topo
henrique.seven2011
Moderador
Moderador
Mensagens: 984
Registrado em: 23 Mar 2012, 13:50
Nome Real: Saulo Henrique

Re: Page Plugin Facebook

Mensagem por henrique.seven2011 »

Crie uma sidebar, siga o tutorial de sua style: https://gist.github.com/jaroslw/c310fe539b11cbfec5e4
Em Step #6, em .sidebar e .content-floated vc pode altera a linha float: left; para posicionar para esquerda ou direta. Use para esquerda: float: left; e direita float: right;
Cloud de Verdade?! Recomendo: Vultr, DigitalOcean e LetsCloud | Freelancer a disposição!
Voltar ao topo
Responder

Voltar para “Suporte Geral phpBB 3.1.X”