Botão do Painel de Controle flutuante

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

Atendido / 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:

Botão do Painel de Controle flutuante  Fregwayh
Botão do Painel de Controle flutuante  Image

Desde já agradeço pela ajuda
Nikkon

Nikkon
Nível 4

Feminino
Inscrito dia : 12/10/2020
Mensagens : 32
Pontos Ativos : 48

https://pernaesquerda.forumeiros.com/

Atendido / 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.


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5831
Pontos Ativos : 6937

Atendido / 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:
Botão do Painel de Controle flutuante  Image
Nikkon

Nikkon
Nível 4

Feminino
Inscrito dia : 12/10/2020
Mensagens : 32
Pontos Ativos : 48

https://pernaesquerda.forumeiros.com/

Atendido / 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
Usuário destaque

Masculino
Inscrito dia : 22/10/2015
Mensagens : 755
Pontos Ativos : 942

https://pelotao.forumeiros.com

Atendido / 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
Inscrito dia : 12/10/2020
Mensagens : 32
Pontos Ativos : 48

https://pernaesquerda.forumeiros.com/

Atendido / 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".


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5831
Pontos Ativos : 6937

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum