Botão do Painel de Controle flutuante

3 participantes

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

Tópico resolvido Botão do Painel de Controle flutuante

Mensagem por Nikkon 17.11.20 2:09

Detalhes da questão


Endereço do fórum: https://pernaesquerda.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Gostaria de colocar um rodapé parecido com esse que eu fiz no photoshop, e gostaria de ter o botão do painel de controle flutuante, eu tinha até conseguido, mas ficava um espaço desnecessário e quando ia para o perfil de alguém ficava um | no lugar
Spoiler:

Desde já agradeço pela ajuda
Nikkon

Nikkon
Nível 4

Feminino
Membro desde : 12/10/2020
Mensagens : 32
Pontos ativos : 48

https://pernaesquerda.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Botão do Painel de Controle flutuante

Mensagem por pedxz 17.11.20 11:24

Olá @Nikkon,

Adicione na sua folha de estilo o seguinte código:
Código:
.footerbar-system { padding-bottom: 1.75rem !important; }
.copyright > .wrap > .copyright-body {
  border-top-width: 0 !important;
  display: none;
}
 
.copyright > .wrap > .copyright-body:not(:empty) {
  position: fixed;
  bottom: 25px;
  right: 25px;
  font-size: 0;
  z-index: 999;
  display: inline-flex;
}
 
.copyright > .wrap > .copyright-body a[href^="/admin/"] {
  background-color: #4299E1;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  padding: 5px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: .75rem;
}


Atenciosamente,
pedxz.
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7068
Pontos ativos : 8297

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão do Painel de Controle flutuante

Mensagem por Nikkon 17.11.20 13:07

Gostei de como ficou, mas não é possivel fazer o rodapé ficar do tamanho da pagina?
Spoiler:
Nikkon

Nikkon
Nível 4

Feminino
Membro desde : 12/10/2020
Mensagens : 32
Pontos ativos : 48

https://pernaesquerda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão do Painel de Controle flutuante

Mensagem por Chagas 17.11.20 13:59

Olá!

Adicione esse código no início da folha de estilo CSS:

Código:
#page-footer {
    width: 92.1%!important;
    margin-left: 4%;
}


Atenciosamente,
Chagas
Chagas

Chagas
Membro destaque

Masculino
Membro desde : 22/10/2015
Mensagens : 886
Pontos ativos : 1091

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão do Painel de Controle flutuante

Mensagem por Nikkon 17.11.20 16:00

Modifiquei seu código e ficou certinho, obrigada chagas e pedxz
Código:
        #page-footer {
            width: 73.45%!important;
            margin-left: 13.3%;
        }
Nikkon

Nikkon
Nível 4

Feminino
Membro desde : 12/10/2020
Mensagens : 32
Pontos ativos : 48

https://pernaesquerda.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Botão do Painel de Controle flutuante

Mensagem por pedxz 17.11.20 16:06

Contente

Tópico resolvido


Movido para "Questões resolvidas".
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7068
Pontos ativos : 8297

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