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/

Olá @DaviMorais,

Queira nos fornecer o seu template overall_footer_begin.

Fico no aguardo,
RafaelS

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 -->

Olá novamente,

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

Olá, ainda não foi

ficou assim: https://prnt.sc/wp5gqp

Certo, troque novamente 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>
 <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.

Olá, foi

Poderia colocar na direita?

Não tem como tirar esses negocios aqui? https://prnt.sc/wp6h7u

Olá,

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

Olá, ainda não ficou na direita
https://prnt.sc/wp6vc4

DaviMorais escreveu:Olá, ainda não ficou na direita
https://prnt.sc/wp6vc4

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.

Olá, pode fechar

Obrigado!