📣 Seu anúncio aqui? Anuncie no ForoBeta

Editar cores no MOBAPP - Ajuda com tema de cabeçalho e rodapé

  • Autor Autor Saldotransfer
  • Data de início Data de início
Este tópico foi traduzido automaticamente do espanhol. Ver original
S

Saldotransfer

Gamma
SEO
No recomendado
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Saudações amigos! queria contar a vocês que tenho o seguinte tema https://colorlib.com/etc/MobApp/index.html, o qual eu gostaria de saber em qual de todos os .css que ele contém se encontra a possibilidade de editar as cores dos dois blocos gigantes que tem no rodapé e no cabeçalho.

Obrigado
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
Bom, primeiro antes de tudo, suba para sua hospedagem, passe o link e poderemos te dizer qual é
 
bytake disse:
Bom, primeiro antes de tudo, suba para sua hospedagem, passe o link e poderemos te dizer qual é
Clique para expandir...

Aí está o link, é o mesmo 😛 que tenho baixado kkkkkkkkkkkkk
 
Está no style.css, especificamente esta classe: bg-gradient
 
likepop disse:
Está no style.css, especificamente esta classe: bg-gradient
Clique para expandir...


.bg-gradient {
background-image: -moz-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
}

e como mudo as cores disso?
 
Saldotransfer disse:
.bg-gradient {
background-image: -moz-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
}

e como mudo as cores disso?
Clique para expandir...

Você deseja utilizar uma cor sólida ou gradiente? Atualmente o que está sendo utilizado é um degradê, por isso você vê tantas linhas de código.

- Para que seu fundo seja uma cor sólida, você teria que substituir tudo isso por: background-color: #4287f5 (sendo esta a sua cor)
- E para um degradê eu recomendaria utilizar https://cssgradient.io/ <- Aí você coloca suas cores e substitui o código que tem pelo que o site te oferece

Qualquer coisa estou à disposição, abraços!
 
likepop disse:
Você deseja utilizar uma cor sólida ou gradiente? Atualmente o que está sendo utilizado é um degradê, por isso você vê tantas linhas de código.

- Para que seu fundo seja uma cor sólida, você teria que substituir tudo isso por: background-color: #4287f5 (sendo esta a sua cor)
- E para um degradê eu recomendaria utilizar https://cssgradient.io/ <- Aí você coloca suas cores e substitui o código que tem pelo que o site te oferece

Qualquer coisa estou à disposição, abraços!
Clique para expandir...

Sim, quero usar o degradê, mas mudar as cores dele.
 
Saldotransfer disse:
Sim, quero usar o degradê, mas mudar as cores dele.
Clique para expandir...

Isso é mais fácil. A única coisa que você deveria fazer seria substituir isso pela sua cor:

background-image: -moz-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);

Como você verá, os da esquerda são sempre os mesmos e os da direita também. Isso acontece porque cada propriedade é para cada navegador, por isso sempre serão os mesmos.

Este rgba(60, 8, 118, 0.8) é sua cor inicial. Os primeiros 3 números (separados por vírgula) são o rgb da cor, e 0.8 é a opacidade dela.
E este rgba(250, 0, 118, 0.8) é sua cor final. Só deveria substituir os 3 primeiros números pelo rgb que você desejar e o degradê já ficaria pronto. Não sei se me explico.

Aqui te deixo um exemplo para você testar se quiser:

background-image: -moz-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);

Substitua seu código por esse, e deveria ficar um degradê de verde para azul claro 🙂
 
likepop disse:
Isso é mais fácil. A única coisa que você deveria fazer seria substituir isso pela sua cor:

background-image: -moz-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);

Como você verá, os da esquerda são sempre os mesmos e os da direita também. Isso acontece porque cada propriedade é para cada navegador, por isso sempre serão os mesmos.

Este rgba(60, 8, 118, 0.8) é sua cor inicial. Os primeiros 3 números (separados por vírgula) são o rgb da cor, e 0.8 é a opacidade dela.
E este rgba(250, 0, 118, 0.8) é sua cor final. Só deveria substituir os 3 primeiros números pelo rgb que você desejar e o degradê já ficaria pronto. Não sei se me explico.

Aqui te deixo um exemplo para você testar se quiser:

background-image: -moz-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);

Substitua seu código por esse, e deveria ficar um degradê de verde para azul claro 🙂
Clique para expandir...

Eu coloquei, mas não mudou a cor do gradiente, mudou a cor de outra imagem.
 
Saldotransfer disse:
Eu coloquei, mas não mudou a cor do gradiente, mudou a cor de outra imagem.
Clique para expandir...

Para termos certeza de que estamos falando da mesma coisa, é isso que você busca como resultado?

1567086583843.webp
 
Saldotransfer disse:
Exato, é isso, mas no meu eu mudo as cores onde se encontram os 3 balões de interação.
Clique para expandir...

Você se anima a me passar uma foto da seção exata que deseja fazer a mudança de cores? Assim eu faço sobre isso e te comento bem o que é que você tem que fazer
 
likepop disse:
Você se anima a me passar uma foto da seção exata que deseja fazer a mudança de cores? Assim eu faço sobre isso e te comento bem o que é que você tem que fazer
Clique para expandir...

Quero mudar o de cima e o de baixo, coloco só o de cima para que você saiba melhor.

png.webp
 
O quê?
 
Saldotransfer disse:
Quero mudar o de cima e o de baixo, coloco só o de cima para que você saiba melhor.

Ver o anexo 145597
Clique para expandir...
Mas esta foi a imagem que eu te passei com a cor mudada. Faça o que te passei em um comentário anterior. O que é que não está dando certo para você?

Se você colocar isto dentro de .bg-gradient, fica verde como a imagem que te passei no meu comentário anterior

.bg-gradient {
background-image: -moz-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
}

Se você quiser de outra cor, só precisa mudar o rgb
 
genial, vou testar, às vezes os temas piratas ou grátis trazem certos bugs.
 
Saldotransfer disse:
genial, vou testar, às vezes os temas piratas ou grátis trazem certos bugs.
Clique para expandir...

Qualquer coisa você me avisa e continuamos vendo até que fique bom! 😎 Um tema não pode ganhar da gente, kkk
 
De que cor você quer?
 
A verdade é que não entendo o que você quer fazer, OP.. Já muitos te disseram como fazer... mas parece que não é o que você busca.
 
Você precisa estar logado ou cadastrado para responder aqui.
Voltar
Topo