Footer abaixo das páginas

Suporte aos Estilos para phpBB 3.1.x.
Avatar do usuário
LucasLV
Moderador
Moderador
Mensagens: 711
Registrado em: 18 Out 2013, 04:40

Footer abaixo das páginas

Mensagem por LucasLV »

Pessoal, me ajudem com uma coisa: gostaria de criar um quadro no rodapé da página com informações como "Sobre Nós", "Contato", "Redes Sociais" e etc no mesmo lugar onde fica o copyright. Como deveria fazer?

O fundo seria preto, e as letras brancas.

Seria semelhante ao que existe nesse tema Subway, que o SPBB usa.

Meu overall_footer.html

Código: Selecionar todos

		<!-- EVENT overall_footer_content_after -->
	</div>

<!-- EVENT overall_footer_page_body_after -->

<div id="page-footer" role="contentinfo">

	<div id="darkenwrapper" data-ajax-error-title="{L_AJAX_ERROR_TITLE}" data-ajax-error-text="{L_AJAX_ERROR_TEXT}" data-ajax-error-text-abort="{L_AJAX_ERROR_TEXT_ABORT}" data-ajax-error-text-timeout="{L_AJAX_ERROR_TEXT_TIMEOUT}" data-ajax-error-text-parsererror="{L_AJAX_ERROR_TEXT_PARSERERROR}">
		<div id="darken">&nbsp;</div>
	</div>

	<div id="phpbb_alert" class="phpbb_alert" data-l-err="{L_ERROR}" data-l-timeout-processing-req="{L_TIMEOUT_PROCESSING_REQ}">
		<a href="#" class="alert_close"></a>
		<h3 class="alert_title">&nbsp;</h3><p class="alert_text"></p>
	</div>
	<div id="phpbb_confirm" class="phpbb_alert">
		<a href="#" class="alert_close"></a>
		<div class="alert_text"></div>
	</div>
</div>
</div>

	<!-- INCLUDE navbar_footer.html -->

	<div class="copyright">
		<!-- EVENT overall_footer_copyright_prepend -->
		{CREDIT_LINE}
		<br />TudoBR 1.1 by Lucas based in Cynthia style by <a href="http://www.melvingarcia.com/">Melvin Garcia</a>
		<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
		<!-- EVENT overall_footer_copyright_append -->
		<!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
		<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
	</div>
<div>
	<a id="bottom" class="anchor" accesskey="z"></a>
	<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

<script type="text/javascript" src="{T_JQUERY_LINK}"></script>
<!-- IF S_ALLOW_CDN --><script type="text/javascript">window.jQuery || document.write(unescape('%3Cscript src="{T_ASSETS_PATH}/javascript/jquery.min.js?assets_version={T_ASSETS_VERSION}" type="text/javascript"%3E%3C/script%3E'));</script><!-- ENDIF -->
<script type="text/javascript" src="{T_ASSETS_PATH}/javascript/core.js?assets_version={T_ASSETS_VERSION}"></script>
<!-- INCLUDEJS forum_fn.js -->
<!-- INCLUDEJS ajax.js -->
<script type="text/javascript">
// <![CDATA[
    $(function() {

        var btn_movil = $('#nav-mobile'),
            menu = $('#menu-mobile').find('ul');

        // Al dar click agregar/quitar clases que permiten el despliegue del menú
        btn_movil.on('click', function (e) {
            e.preventDefault();

            var el = $(this);

            el.toggleClass('nav-active');
            menu.toggleClass('open-menu');
        })

    });
// ]]>
</script>
<!-- EVENT overall_footer_after -->

<!-- IF S_PLUPLOAD --><!-- INCLUDE plupload.html --><!-- ENDIF -->
{$SCRIPTS}

<!-- EVENT overall_footer_body_after -->

</div>
</body>
</html>
Avatar do usuário
Chico Gois
Administrador
Administrador
Mensagens: 3623
Registrado em: 03 Jul 2004, 03:53
Nome Real: Chico Gois
Localização: São Paulo - Capital
Contact:

Re: Footer abaixo das páginas

Mensagem por Chico Gois »

Endereço do fórum para dar uma olhada no geral
Avatar do usuário
LucasLV
Moderador
Moderador
Mensagens: 711
Registrado em: 18 Out 2013, 04:40

Re: Footer abaixo das páginas

Mensagem por LucasLV »

Chico Gois escreveu:Endereço do fórum para dar uma olhada no geral
está em localhost, Chico, mas dá pra ter uma ideia aqui, é o style Cynthia que utiizo: https://www.phpbb.com/customise/db/download/90166 sem nenhuma alteração feita
Avatar do usuário
Chico Gois
Administrador
Administrador
Mensagens: 3623
Registrado em: 03 Jul 2004, 03:53
Nome Real: Chico Gois
Localização: São Paulo - Capital
Contact:

Re: Footer abaixo das páginas

Mensagem por Chico Gois »

Tente com o nosso, vai precisar alterar coisas do CSS

Abra:
index_body.html

Localize:

Código: Selecionar todos

<!-- INCLUDE overall_footer.html -->
Antes, adicione:

Código: Selecionar todos

<div class="content_footer columns_33">
	<div>
		<h3>Sobre Nós</h3>
		<p>O Suporte phpBB Brasil é uma comunidade brasileira fundada em 2002 e sem fins lucrativos,  formada por pessoas voluntárias que dedicam seu tempo prestando suporte ao software phpBB. Mantemos e gerenciamos a tradução oficial do phpBB para o Português Brasileiro, sendo este trabalho reconhecido e disponibilizado no site phpbb.com, além de prestar suporte geral ao phpBB3.</p>
	</div>				

	<div>
		<h3>Parceiros</h3>
		<ul>
			<li><i class="icon-uniE0FD"></i><a href="http://www.phpbb3styles.net/">phpBB3styles.net</a></li>
			<!--li><i class="icon-uniE0FD"></i><a href="http://www.phpbbhacks.com/">phpBB Hacks</a></li-->
			<li><i class="icon-uniE0FD"></i><a href="http://www.phpbb-es.com/">phpBB-Es</a></li>
			<li><i class="icon-uniE0FD"></i><a href="http://www.phpbbargentina.com/">phpBB Argentina</a></li>
		</ul>
	</div>

	<div>
		<h3>{L_INFORMATION}</h3>
		<ul>
			<li><i class="icon-uniE0FD"></i><a href="{U_TERMS_USE}">{L_TERMS_USE}</a></li>
			<li><i class="icon-uniE0FD"></i><a href="{U_PRIVACY}">{L_PRIVACY}</a></li>
			<li><i class="icon-uniE0FD"></i><a href="{U_FAQ}" rel="help">{L_FAQ}</a></li>

			<!-- IF not S_IS_BOT -->
			<!-- IF S_DISPLAY_MEMBERLIST -->
			<li><i class="icon-uniE0FD"></i><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></li>
			<!-- ENDIF -->
			<!-- ENDIF -->

			<!-- IF U_TEAM -->
			<li><i class="icon-uniE0FD"></i><a href="{U_TEAM}">{L_THE_TEAM}</a></li>
			<!-- ENDIF -->

			<!-- IF U_CONTACT_US -->
			<li><i class="icon-uniE0FD"></i><a href="{U_CONTACT_US}">{L_CONTACT_US}</a></li>
			<!-- ENDIF -->			    		
		</ul>
	</div>

</div>
Avatar do usuário
LucasLV
Moderador
Moderador
Mensagens: 711
Registrado em: 18 Out 2013, 04:40

Re: Footer abaixo das páginas

Mensagem por LucasLV »

Chico Gois escreveu:Tente com o nosso, vai precisar alterar coisas do CSS

Abra:
index_body.html

Localize:

Código: Selecionar todos

<!-- INCLUDE overall_footer.html -->
Antes, adicione:

Código: Selecionar todos

<div class="content_footer columns_33">
	<div>
		<h3>Sobre Nós</h3>
		<p>O Suporte phpBB Brasil é uma comunidade brasileira fundada em 2002 e sem fins lucrativos,  formada por pessoas voluntárias que dedicam seu tempo prestando suporte ao software phpBB. Mantemos e gerenciamos a tradução oficial do phpBB para o Português Brasileiro, sendo este trabalho reconhecido e disponibilizado no site phpbb.com, além de prestar suporte geral ao phpBB3.</p>
	</div>				

	<div>
		<h3>Parceiros</h3>
		<ul>
			<li><i class="icon-uniE0FD"></i><a href="http://www.phpbb3styles.net/">phpBB3styles.net</a></li>
			<!--li><i class="icon-uniE0FD"></i><a href="http://www.phpbbhacks.com/">phpBB Hacks</a></li-->
			<li><i class="icon-uniE0FD"></i><a href="http://www.phpbb-es.com/">phpBB-Es</a></li>
			<li><i class="icon-uniE0FD"></i><a href="http://www.phpbbargentina.com/">phpBB Argentina</a></li>
		</ul>
	</div>

	<div>
		<h3>{L_INFORMATION}</h3>
		<ul>
			<li><i class="icon-uniE0FD"></i><a href="{U_TERMS_USE}">{L_TERMS_USE}</a></li>
			<li><i class="icon-uniE0FD"></i><a href="{U_PRIVACY}">{L_PRIVACY}</a></li>
			<li><i class="icon-uniE0FD"></i><a href="{U_FAQ}" rel="help">{L_FAQ}</a></li>

			<!-- IF not S_IS_BOT -->
			<!-- IF S_DISPLAY_MEMBERLIST -->
			<li><i class="icon-uniE0FD"></i><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></li>
			<!-- ENDIF -->
			<!-- ENDIF -->

			<!-- IF U_TEAM -->
			<li><i class="icon-uniE0FD"></i><a href="{U_TEAM}">{L_THE_TEAM}</a></li>
			<!-- ENDIF -->

			<!-- IF U_CONTACT_US -->
			<li><i class="icon-uniE0FD"></i><a href="{U_CONTACT_US}">{L_CONTACT_US}</a></li>
			<!-- ENDIF -->			    		
		</ul>
	</div>

</div>
Apareceu, somente a formatação que não, deve ser por conta das classes css

O problema vai ser criar as classes css pra ficar formatadinho corretamente. rsrs
Avatar do usuário
Chico Gois
Administrador
Administrador
Mensagens: 3623
Registrado em: 03 Jul 2004, 03:53
Nome Real: Chico Gois
Localização: São Paulo - Capital
Contact:

Re: Footer abaixo das páginas

Mensagem por Chico Gois »

Foi o que eu disse...

Esta é parte mais trabalhosa, tente usar o inspecionar elemento do firefox
Avatar do usuário
LucasLV
Moderador
Moderador
Mensagens: 711
Registrado em: 18 Out 2013, 04:40

Re: Footer abaixo das páginas

Mensagem por LucasLV »

Vou fazer isso. Muito obrigado pela ajuda, Chico!

qualquer coisa edito o post informando se consegui ou não. Abraço
Avatar do usuário
Chico Gois
Administrador
Administrador
Mensagens: 3623
Registrado em: 03 Jul 2004, 03:53
Nome Real: Chico Gois
Localização: São Paulo - Capital
Contact:

Re: Footer abaixo das páginas

Mensagem por Chico Gois »

Beleza!
Avatar do usuário
LucasLV
Moderador
Moderador
Mensagens: 711
Registrado em: 18 Out 2013, 04:40

Re: Footer abaixo das páginas

Mensagem por LucasLV »

Muito difícil :(

Estou colocando tudo em common.css mas sempre falta classes, o inspecionar parece não pegar todas.
Avatar do usuário
Chico Gois
Administrador
Administrador
Mensagens: 3623
Registrado em: 03 Jul 2004, 03:53
Nome Real: Chico Gois
Localização: São Paulo - Capital
Contact:

Re: Footer abaixo das páginas

Mensagem por Chico Gois »

Não prometo mas vou tentar ver isto
Responder