Mudança nas cores

3 participantes

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

Tópico resolvido Mudança nas cores

Mensagem por Ph1liphe Seg 15 Mar 2021 - 12:31

Detalhes da questão


Endereço do fórum: https://testesf.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Olá, suporte!

Estou querendo mudas as cores do meu fórum, deixei no print aonde quero que se realize as mudanças:
https://prnt.sc/10mb8nd
https://prnt.sc/10mbeox
https://prnt.sc/10mbfj3

A cor que eu desejo é a #006400
Ph1liphe

Ph1liphe
**

Membro desde : 07/12/2020
Mensagens : 59
Pontos : 97

https://testesf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança nas cores

Mensagem por Musashi Seg 15 Mar 2021 - 12:45

Olá @Ph1liphe

Poderia informar a sua folha de estilo CSS para fazer as mudanças?

Atenciosamente, Wusthy Muito feliz
Musashi

Musashi
Membro

Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762

https://luciothemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança nas cores

Mensagem por Ph1liphe Seg 15 Mar 2021 - 13:22

Tentei enviar, porém, passa do máximo de caracteres.

Tem como enviar por outro lugar?
Ph1liphe

Ph1liphe
**

Membro desde : 07/12/2020
Mensagens : 59
Pontos : 97

https://testesf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança nas cores

Mensagem por Musashi Seg 15 Mar 2021 - 15:11

Olá @Ph1liphe

Perdão pela minha demora, mas aqui está as suas mudanças:

Modifique o estilo da folha do CSS atual:

Código:
#header-banner {
    background-color: #0af!important;
    background-image: url(https://lh5.googleusercontent.com/proxy/rFF4dmfyIiiaPwEgkmBfja0i5ZzZMWYNgqUZQOhBzsL8HTi4GyHa_DdQMvwWs0eNMO8=s0-d);
    background-repeat: no-repeat;
    background-size: auto;
    border-bottom: 6px solid #efefef;
    box-shadow: inset 0 -4px 6px rgba(0,0,0,0.14);
    color: #fff;
    font-family: sans-serif;
    font-size: 50px;
    font-weight: 700;
    height: 400px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 2px #000;
    width: 100%;
    z-index: 0;
    background-position: center;
}

Para esse:

Código:
#header-banner {
    background-color: #006400!important;
    background-image: url(https://lh5.googleusercontent.com/proxy/rFF4dmfyIiiaPwEgkmBfja0i5ZzZMWYNgqUZQOhBzsL8HTi4GyHa_DdQMvwWs0eNMO8=s0-d);
    background-repeat: no-repeat;
    background-size: auto;
    border-bottom: 6px solid #efefef;
    box-shadow: inset 0 -4px 6px rgb(0 0 0 / 14%);
    color: #fff;
    font-family: sans-serif;
    font-size: 50px;
    font-weight: 700;
    height: 400px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 2px #000;
    width: 100%;
    z-index: 0;
    background-position: center;
}

Seguida, mude o código:
Código:
.action-bar {
    background: linear-gradient(90deg,rgb(87,171,255) 0%, #57abff 50%, rgba(24,113,184,1) 100%);
}

Para esse:
Código:
.action-bar {
    background: #006400;
}

Por último, mude o seguinte código:

Código:
.forum-header, .posts-header {
    background-color: #57abff;
    border-bottom: 4px solid #4b93dc;
}

Para esse:
Código:
.forum-header, .posts-header {
    background-color: #006400;
    border-bottom: 4px solid #023c02;
}

Observação: Todos os estilos de folhas em CSS estão colocados em ordem da print, de forma hierárquica e, posteriormente, de forma que estejam organizada igual ao seu pedido da print.

Atenciosamente, Wusthy Muito feliz
Musashi

Musashi
Membro

Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762

https://luciothemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança nas cores

Mensagem por Ph1liphe Seg 15 Mar 2021 - 20:41

Funcionou perfeitamente! @Wusthy

Quando eu passo o mouse em cima dos botões do menu, as letras ficam azuis tem como deixar pra essa: #0B3B0B

Para melhor entendimento segue print:
https://prnt.sc/10mly8f
Ph1liphe

Ph1liphe
**

Membro desde : 07/12/2020
Mensagens : 59
Pontos : 97

https://testesf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança nas cores

Mensagem por Musashi Seg 15 Mar 2021 - 21:24

Olá, @Ph1liphe

Tem sim! Modifique o seguinte código da sua folha de estilo da CSS:

Código:
#header-navigation a:hover {
    background-color: transparent;
    color: #00c3f6;
}
#header-navigation a.active:hover {
    background-color: transparent;
    color: #00c3f6;
}

Para esse:

Código:
#header-navigation a:hover {
    background-color: transparent;
    color: #0B3B0B;
}
#header-navigation a.active:hover {
    background-color: transparent;
    color: #0B3B0B ;
}

Atenciosamente, Wusthy Muito feliz
Musashi

Musashi
Membro

Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762

https://luciothemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança nas cores

Mensagem por Ph1liphe Seg 15 Mar 2021 - 21:28

@Wusthy!

Tu é o cara, muito obrigado. Pode encerrar.
Ph1liphe

Ph1liphe
**

Membro desde : 07/12/2020
Mensagens : 59
Pontos : 97

https://testesf.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Mudança nas cores

Mensagem por tikky Ter 16 Mar 2021 - 8:12

Tópico resolvido


Movido para "Questões resolvidas".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

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