Personalização do Footer

Detalhes da questão

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

Descrição

Bom, meu atual fim do footer se encontra assim: https://ibb.co/0KHzs9q

E eu queria alterar para esse:https://ibb.co/W06DqDR , mais estou com dificuldades, e não quero fazer censurado e ficar tentando arrumar um jeito para consertar, então decidir solicitar suporte.

Olá @luquinhasda10,

Você gostaria de remover o atual estilo por completo ou apenas substituir o fundo desta parte pelo fundo que está na imagem?

Chanp

Eu gostaria de remover, e colocar uma parecida com essa: https://ibb.co/W06DqDR

Certo.

Primeiramente, salve ambos os templates (overall_footer_end e overall_footer_begin). Em seguida, na página de templates, clique no X ao lado destes dois templates, como demonstrado nesta imagem.

Feito isso, adicione na sua folha de estilo CSS este código:

Código:

#page-footer {
    border-top: solid 1px #2a2e32;
    background-image: url(https://2img.net/i.imgur.com/xdvybJw.png);
    background-attachment: fixed;
}

Resolve sua questão?
Chanp

Nossa cara você está me salvando kkk, bom para colocar a mensagem para acessar o painel de controle assim: https://ibb.co/w0wJPq3.

tenho que abrir outra questão, ou você pode me explicar por aqui?

Olá @luquinhasda10,

bom para colocar a mensagem para acessar o painel de controle assim:

Como a sua captura de ecrã (printscreen) é inválida é um pouco difícil de andar a especular, todavia se o senhor quer um atalho flutuante do botão do Painel de controle, basta adicionar o seguinte código na sua folha de estilo:

Código:

.copyright {
    position: fixed;
    z-index: 999;
    bottom: 5%;
    right: 5%;
}
 
.copyright a[href^="/admin/"] {
    background: #239df7;
    border: 4px solid #3793ff;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    height: max-content;
    width: max-content;
    text-align: center;
    transition: all .5s;
}
 
.copyright a[href^="/admin"]:hover {
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1), inset 0 0 1px 1px rgba(0,0,0,.1);
}

Atenciosamente,
pedxz.

Opa bom dia, adicionei esse código sobre minha folha de estilo e aconteceu um bug, segue a imagem abaixo:

https://ibb.co/q5NT2T5

Como podemos ver ao lado inferior direito o botão de acessar o painel de controle.

Mas é o desejado?! Caso sim, altere para:

Código:

.copyright,
.copyright-body {
    position: fixed;
    z-index: 999;
    bottom: 5%;
    right: 5%;
    border: 0;
}
 
.copyright-body a[href^="/admin/"] {
    background: #239df7;
    border: 4px solid #3793ff;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    height: max-content;
    width: max-content;
    text-align: center;
    transition: all .5s;
}
 
.copyright-body a[href^="/admin"]:hover {
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1), inset 0 0 1px 1px rgba(0,0,0,.1);
}

Resolvido amigo, muito obrigado, me salvou.