Fundo gradient do forum

4 participantes

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

Tópico resolvido Fundo gradient do forum

Mensagem por #d0C 15.09.13 18:31

Qual é minha questão:
Olá novamente a todos!
O meu problema é o seguinte, neste momento tenho uma imagem como fundo do meu forum, mas queria alterar para um gradiente!
E apenas não consigo!
Tenho um blog e o código que uso é este, e funciona perfeitamente, mas aqui no forumeiros não funciona!
Espero que me possam ajudar!

Código:
Código:
background: #ad9077;
background: -moz-linear-gradient(45deg, #9F8369 0%, #deca97 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9F8369), color-stop(100%,#deca97));
background: -webkit-linear-gradient(30deg, #9F8369 0%,#deca97 100%);
background: -o-linear-gradient(45deg, #9F8369 0%,#deca97 100%);
background: -ms-linear-gradient(45deg, #9F8369 0%,#deca97 100%);
background: linear-gradient(45deg, #9F8369 0%,#deca97 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F8369, endColorstr=#deca97,GradientType=1 );
box-shadow: inset 0 6px 0 rgba(0,0,0,.1);
margin-bottom: -169px !important;
}


Endereço do meu fórum:
http://corrente-grafica.forumeiro.com

Versão do fórum:
PUNBB


Última edição por CorrenteGráfica em 16.09.13 17:56, editado 1 vez(es)
#d0C

#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo gradient do forum

Mensagem por MateusA 15.09.13 18:36

Olá,

Faltou a classe:
Código:
body {
        background: #ad9077;
        background: -moz-linear-gradient(45deg, #9F8369 0%, #deca97 100%);
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9F8369), color-stop(100%,#deca97));
        background: -webkit-linear-gradient(30deg, #9F8369 0%,#deca97 100%);
        background: -o-linear-gradient(45deg, #9F8369 0%,#deca97 100%);
        background: -ms-linear-gradient(45deg, #9F8369 0%,#deca97 100%);
        background: linear-gradient(45deg, #9F8369 0%,#deca97 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F8369, endColorstr=#deca97,GradientType=1 );
        box-shadow: inset 0 6px 0 rgba(0,0,0,.1);
        margin-bottom: -169px !important;
        }
Até..
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo gradient do forum

Mensagem por #d0C 15.09.13 18:56

Não não falta a classe, a classe está la, mas mesmo assim não funciona!
#d0C

#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo gradient do forum

Mensagem por MateusA 15.09.13 19:25

Olá!

Poderia me fornecer a sua Folha de Estilos CSS?
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS

Até mais.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo gradient do forum

Mensagem por #d0C 15.09.13 19:31

Spoiler:
#d0C

#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo gradient do forum

Mensagem por MateusA 15.09.13 19:49

Olá,

Procure por isto na tua CSS e, delete:
Código:
body {
background: #807365;
color: #5a5a5a;
font: normal 11px "Open Sans",tahoma,helvetica,arial,sans-serif;
position: relative;
}
É, troque o teu código por esse:
Código:
        body {
                background: #ad9077 !important;
                background: -moz-linear-gradient(45deg, #9F8369 0%, #deca97 100%) !important;
                background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9F8369), color-stop(100%,#deca97)) !important;
                background: -webkit-linear-gradient(30deg, #9F8369 0%,#deca97 100%) !important;
                background: -o-linear-gradient(45deg, #9F8369 0%,#deca97 100%) !important;
                background: -ms-linear-gradient(45deg, #9F8369 0%,#deca97 100%) !important;
                background: linear-gradient(45deg, #9F8369 0%,#deca97 100%) !important;
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F8369, endColorstr=#deca97,GradientType=1 ) !important;;
                box-shadow: inset 0 6px 0 rgba(0,0,0,.1) !important;
                margin-bottom: -169px !important;
                }
Até.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo gradient do forum

Mensagem por #d0C 15.09.13 20:34

sem qualquer efeito!
O fundo fica todo branco! ;(
#d0C

#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Fundo gradient do forum

Mensagem por Sennior 16.09.13 0:37

Olá!


Aceda à "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
body {
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9F8369), color-stop(100%,#deca97)) !important;
background: -webkit-linear-gradient(30deg, #9F8369 0%,#deca97 100%) !Important;
background: -o-linear-gradient(45deg, #9F8369 0%,#deca97 100%);
background: -ms-linear-gradient(45deg, #9F8369 0%,#deca97 100%);
background: linear-gradient(45deg, #9F8369 0%,#deca97 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F8369, endColorstr=#deca97,GradientType=1 );
box-shadow: inset 0 6px 0 rgba(0,0,0,.1);
margin-bottom: -169px !important;
}
Valide.

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo gradient do forum

Mensagem por #d0C 16.09.13 5:40

Senior não percebo porque mas no inspecionar elemento funciona, mas quando aplico na folha de estilo CSS o fundo do forum fica todo branco!
#d0C

#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo gradient do forum

Mensagem por First 16.09.13 12:20

Olá,

Senhor, acontece o mesmo problema com todos nos infelizmente, mais o senhor poderia me dizer a class 'id', onde deseja aplicar o efeito?
Para que funciona você deve aplicar no template o CSS, assim:
Código:
<style type="text/css">
Conteúdo do CSS
</style>

Até mais.
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo gradient do forum

Mensagem por #d0C 16.09.13 17:38

First não muito bem, mas quero aplicar no fundo do forum, no qual a cor de fundo é esta:
Código:
#807365;
.
#d0C

#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo gradient do forum

Mensagem por First 16.09.13 17:44

Olá,

Peço que acede à 'Templates':
Painel de Controle Seta Visualização Seta Templates Seta Geral :seta2: index_body
Código:
<style type="text/css">body {
background: #ad9077;
background: -moz-linear-gradient(45deg, #9F8369 0%, #deca97 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9F8369), color-stop(100%,#deca97));
background: -webkit-linear-gradient(30deg, #9F8369 0%,#deca97 100%);
background: -o-linear-gradient(45deg, #9F8369 0%,#deca97 100%);
background: -ms-linear-gradient(45deg, #9F8369 0%,#deca97 100%);
background: linear-gradient(45deg, #9F8369 0%,#deca97 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F8369, endColorstr=#deca97,GradientType=1 );
box-shadow: inset 0 6px 0 rgba(0,0,0,.1);
margin-bottom: -169px !important;
}</style>
Adicione este código no final do seu template index_body.


Até mais.
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo gradient do forum

Mensagem por #d0C 16.09.13 17:55

First, amigo te amo! Feliz
Funcionou!
#d0C

#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

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