Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Alterar a aparência do footer
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Alterar a aparência do footer
Detalhes da questão
Endereço do fórum: http://testeforummm.forumeiros.com
Versão do fórum: phpBB3
Descrição
Olá, queria mudar isso aqui
https://prnt.sc/wozgfx
Queria um desse estilo
https://prnt.sc/wozkeh
Fórum que vi:
https://temapagohe.forumeiros.com/
Re: Alterar a aparência do footer
Olá, aqui está:
- Código:
<!-- BEGIN html_validation -->
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<!-- END html_validation -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="fa-footer">
<div class="fa-footer-row">
<div class="fa-footer-col fa-primary-footer-col">
<div class="fa-footer-logo">
<img src="https://i.imgur.com/xHJ8sLi.png" class="logo"/>
</div>
<div id="socialnetwork">
<a href="https:twitter.com" target="_blank" title="Twitter">
<img src="https://i.servimg.com/u/f35/19/85/99/30/32610.png" alt="Twitter">
<a/>
<a href="https://www.instagram.com/" target="_blank" title="Instagram">
<img src="https://i.servimg.com/u/f35/19/85/99/30/51610.png" alt="Instagram">
</a>
<a href="https://www.youtube.com/" target="_blank" title="Youtube">
<img src="https://i.servimg.com/u/f35/19/85/99/30/42210.png" alt="Youtube">
</a>
</div>
</div>
<div class="fa-footer-col">
<strong class="lead"><i class="fas fa-map-marked-alt"></i> Missão</strong>
<p> A definir... </p>
</div>
<div class="fa-footer-col">
<strong class="lead"><i class="fas fa-expand-arrows-alt"></i> Visão</strong>
<p> A definir... </p>
</div>
<div class="fa-footer-col">
<strong class="lead"><i class="fas fa-history"></i> História</strong>
<p> A definir... </p>
</div>
</div>
<div style="height: 50px;background-color: #262a2c;display: flex;align-items: center;">
<div class="wrap">
<!-- BEGIN giefmod_index2 -->
{giefmod_index2.MODVAR}
<!-- END giefmod_index2 -->
</div>
</div>
<div id="page-footer">
<div class="wrap">
<ul class="footerbar-system">
<li class="footer-home">
<a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
</li>
<li class="rightside">
<a>Este tema foi <i class="fas fa-code" title="desenvolvido"></i> por <a href="https://www.habbo.com.br/profile/blade15">Diogo Tómas (blade15). | </a>
<!-- BEGIN html_validation -->
</li>
</div>
</div>
<!-- END html_validation -->
Re: Alterar a aparência do footer
Olá novamente,
Troque o template overall_footer_begin por este:
Obs: esta não é a versão final do código... provavelmente irá necessitar mais alguns ajustes.
Atenciosamente,
RafaelS
Troque o template overall_footer_begin por este:
- Código:
<!-- BEGIN html_validation -->
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<!-- END html_validation -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="fa-footer">
<div class="fa-footer-row">
<div class="fa-footer-col fa-primary-footer-col">
<div class="fa-footer-logo">
<img src="https://i.imgur.com/xHJ8sLi.png" class="logo"/>
</div>
<div id="socialnetwork">
<a href="https:twitter.com" target="_blank" title="Twitter">
<img src="https://i.servimg.com/u/f35/19/85/99/30/32610.png" alt="Twitter">
<a/>
<a href="https://www.instagram.com/" target="_blank" title="Instagram">
<img src="https://i.servimg.com/u/f35/19/85/99/30/51610.png" alt="Instagram">
</a>
<a href="https://www.youtube.com/" target="_blank" title="Youtube">
<img src="https://i.servimg.com/u/f35/19/85/99/30/42210.png" alt="Youtube">
</a>
</div>
</div>
<div class="fa-footer-col">
<strong class="lead"><i class="fas fa-map-marked-alt"></i> Missão</strong>
<p> A definir... </p>
</div>
<div class="fa-footer-col">
<strong class="lead"><i class="fas fa-expand-arrows-alt"></i> Visão</strong>
<p> A definir... </p>
</div>
<div class="fa-footer-col">
<strong class="lead"><i class="fas fa-history"></i> História</strong>
<p> A definir... </p>
</div>
</div>
<div style="height: 50px;background-color: #262a2c;display: flex;align-items: center;">
<div class="wrap">
<!-- BEGIN giefmod_index2 -->
{giefmod_index2.MODVAR}
<!-- END giefmod_index2 -->
</div>
</div>
<div id="page-footer">
<div class="wrap" style="display: none">
</div>
<div id="footer-copyright">
<div id="site-footer">
<div class="footer-right">
<ul class="footerbar-system">
<li>Copyright :copyright: Polícia DMR 2018 ~ <span>2020</span>. Todos os direitos reservados.</li>
<li>Criado e desenvolvido por Kauan Chagas (Luxxiene) e créditos adicionais para Alexandre Garcia (Zaswes).</li>
<li class="footer-home">
<a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
</li>
<li class="rightside">
<!-- BEGIN html_validation -->
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END html_validation -->
Obs: esta não é a versão final do código... provavelmente irá necessitar mais alguns ajustes.
Atenciosamente,
RafaelS
Re: Alterar a aparência do footer
Certo, troque novamente por este:
Atenciosamente,
RafaelS.
- Código:
<!-- BEGIN html_validation -->
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<!-- END html_validation -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="fa-footer">
<div class="fa-footer-row">
<div class="fa-footer-col fa-primary-footer-col">
<div class="fa-footer-logo">
<img src="https://i.imgur.com/xHJ8sLi.png" class="logo"/>
</div>
<div id="socialnetwork">
<a href="https:twitter.com" target="_blank" title="Twitter">
<img src="https://i.servimg.com/u/f35/19/85/99/30/32610.png" alt="Twitter">
<a/>
<a href="https://www.instagram.com/" target="_blank" title="Instagram">
<img src="https://i.servimg.com/u/f35/19/85/99/30/51610.png" alt="Instagram">
</a>
<a href="https://www.youtube.com/" target="_blank" title="Youtube">
<img src="https://i.servimg.com/u/f35/19/85/99/30/42210.png" alt="Youtube">
</a>
</div>
</div>
<div class="fa-footer-col">
<strong class="lead"><i class="fas fa-map-marked-alt"></i> Missão</strong>
<p> A definir... </p>
</div>
<div class="fa-footer-col">
<strong class="lead"><i class="fas fa-expand-arrows-alt"></i> Visão</strong>
<p> A definir... </p>
</div>
<div class="fa-footer-col">
<strong class="lead"><i class="fas fa-history"></i> História</strong>
<p> A definir... </p>
</div>
</div>
<div style="height: 50px;background-color: #262a2c;display: flex;align-items: center;">
<div class="wrap">
<!-- BEGIN giefmod_index2 -->
{giefmod_index2.MODVAR}
<!-- END giefmod_index2 -->
</div>
</div>
<div id="page-footer">
<div class="wrap" style="display: none">
</div>
<div id="footer-copyright">
<div id="site-footer">
<div class="footer-right">
<ul>
<li>Copyright :copyright: Polícia DMR 2018 ~ <span>2020</span>. Todos os direitos reservados.</li>
<li>Criado e desenvolvido por Kauan Chagas (Luxxiene) e créditos adicionais para Alexandre Garcia (Zaswes).
</ul>
<ul class="footerbar-system" style="padding:0">
</li>
<li class="footer-home">
<a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
</li>
<li class="rightside">
<!-- BEGIN html_validation -->
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END html_validation -->
Atenciosamente,
RafaelS.
Re: Alterar a aparência do footer
Olá,
Para o alinhamento à direita, adicione à sua folha de estilos (CSS)
Segue as Condições Gerais de Uso de Forumeiros:
Posto isto, a única maneira de ocultar essas informações é adquirindo o pacote Premium Forumeiros.
Entretanto se você quiser um rodapé menor, basta remover um dos dois outros elementos, ficando apenas com 2 linhas.
Fico no aguardo,
RafaelS
Para o alinhamento à direita, adicione à sua folha de estilos (CSS)
- Código:
div#footer-copyright .footer-right {
padding-right: 1%;
align-items: initial;
}
div#footer-copyright #site-footer {
display: block;
}
Segue as Condições Gerais de Uso de Forumeiros:
Com exceção do que é possível graças à Gestão de Crédito, é estritamente proibido excluir, ocultar ou tornar ilegível, por qualquer meio, as informações obrigatórias e os direitos autorais dos Fóruns (especialmente na barra de ferramentas) ou no rodapé do fórum, bem como conteúdo patrocinado ou anúncios. Esses itens podem ser removidos somente por meio de gerenciamento de crédito.
Posto isto, a única maneira de ocultar essas informações é adquirindo o pacote Premium Forumeiros.
Entretanto se você quiser um rodapé menor, basta remover um dos dois outros elementos, ficando apenas com 2 linhas.
Fico no aguardo,
RafaelS
Última edição por RafaelS. em 15.01.21 16:06, editado 1 vez(es) (Motivo da edição : Correção)
Re: Alterar a aparência do footer
Foi mal, eu editei a mensagem mas já foi tarde demais.
Adiciona esse pequeno CSS à folha de estilos:
- Código:
div#footer-copyright .footer-right {
padding-right: 1%;
align-items: initial;
}
Até mais.
Tópicos semelhantes
» Alterar cor do início do Footer
» Ajusta footer
» Alterar espaçamento entre tópicos e alterar posições dos respectivos titulos
» Fim do footer
» Problemas com o footer
» Ajusta footer
» Alterar espaçamento entre tópicos e alterar posições dos respectivos titulos
» Fim do footer
» Problemas com o footer
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos