Alterar a aparência do footer

2 participantes

Ir para baixo

Tópico resolvido Alterar a aparência do footer

Mensagem por DaviMorais 15.01.21 14:58

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/
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar a aparência do footer

Mensagem por RafaelS. 15.01.21 15:12

Olá @DaviMorais,

Queira nos fornecer o seu template overall_footer_begin.

Fico no aguardo,
RafaelS zen
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar a aparência do footer

Mensagem por DaviMorais 15.01.21 15:13

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

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar a aparência do footer

Mensagem por RafaelS. 15.01.21 15:41

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 King
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar a aparência do footer

Mensagem por DaviMorais 15.01.21 15:47

Olá, ainda não foi

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

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar a aparência do footer

Mensagem por RafaelS. 15.01.21 15:52

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. King
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar a aparência do footer

Mensagem por DaviMorais 15.01.21 15:56

Olá, foi

Poderia colocar na direita?

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

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar a aparência do footer

Mensagem por RafaelS. 15.01.21 16:02

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 zen


Última edição por RafaelS. em 15.01.21 16:06, editado 1 vez(es) (Motivo da edição : Correção)
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar a aparência do footer

Mensagem por DaviMorais 15.01.21 16:07

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

DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar a aparência do footer

Mensagem por RafaelS. 15.01.21 16:08

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


Foi mal, eu editei a mensagem mas já foi tarde demais. Rindo

Adiciona esse pequeno CSS à folha de estilos:

Código:
div#footer-copyright .footer-right {
    padding-right: 1%;
    align-items: initial;
}

Até mais.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar a aparência do footer

Mensagem por DaviMorais 15.01.21 16:13

Olá, pode fechar

Obrigado! Contente
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar a aparência do footer

Mensagem por RafaelS. 15.01.21 16:14

Tópico resolvido


Movido para "Questões resolvidas".
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos