Alterar a aparência do footer

2 participantes

Ver o tópico anterior Ver o tópico seguinte 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
Nível 9

Masculino
Membro desde : 03/08/2020
Mensagens : 171
Pontos : 222

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Ex-Admineiro

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

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Membro desde : 26/04/2014
Mensagens : 5748
Pontos : 7155

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
Nível 9

Masculino
Membro desde : 03/08/2020
Mensagens : 171
Pontos : 222

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Ex-Admineiro

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

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Membro desde : 26/04/2014
Mensagens : 5748
Pontos : 7155

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
Nível 9

Masculino
Membro desde : 03/08/2020
Mensagens : 171
Pontos : 222

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Ex-Admineiro

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

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Membro desde : 26/04/2014
Mensagens : 5748
Pontos : 7155

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
Nível 9

Masculino
Membro desde : 03/08/2020
Mensagens : 171
Pontos : 222

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Ex-Admineiro

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)
RafaelS.

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Membro desde : 26/04/2014
Mensagens : 5748
Pontos : 7155

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
Nível 9

Masculino
Membro desde : 03/08/2020
Mensagens : 171
Pontos : 222

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Ex-Admineiro

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

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Membro desde : 26/04/2014
Mensagens : 5748
Pontos : 7155

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
Nível 9

Masculino
Membro desde : 03/08/2020
Mensagens : 171
Pontos : 222

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Ex-Admineiro

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".
RafaelS.

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Membro desde : 26/04/2014
Mensagens : 5748
Pontos : 7155

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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