Bug com código css

Qual é minha questão:
Bem, me senti muito limitado quando ví que o código de gradiente não funciona na FOLHA CSS.

Código:

background: -webkit-gradient(linear, right top, left bottom, from(rgba(0, 128, 0, 0.37)), to(rgba(250, 237, 225, 0.6))) repeat-X;

quando validamos, o código vai para a página dessa forma:

Código:

background: -webkit-gradient(linear, righttop, leftbottom, from(rgba(0, 128, 0, 0.37)), to(rgba(250, 237, 225, 0.6))) repeat-X;

Dessa maneira ele não funciona...
Alguem tem alguma possivel solução ?

Endereço do meu fórum:
http://mhfatalisbr.mo-rpg.com

Versão do fórum:
PHPBB3

Boa noite,

Testei em meu fórum de testes exatamente com a mesma propriedade e está funcionando perfeitamente, não junta nada. Tente adicionar esse código (exatamente o que eu adicionei):

Código:

.headerbar {
  background: -webkit-gradient(linear, right top, left bottom, from(rgba(0, 128, 0, 0.37)), to(rgba(250, 237, 225, 0.6))) repeat-X;
}

O efeito funciona perfeitamente... O teste foi feito no phpBB 3 também.

Até mais.

Ele juntou, e não funcionou!

Saudações Jack!

Acho que é bem simples de resolver. Coloque desta maneira:

Código:

#phpbb {
background: -webkit-gradient(linear, right top, left bottom, from(rgba(0, 128, 0, 0.37)), to(rgba(250, 237, 225, 0.6))) repeat-X;
}

Ou então me diga onde deseja colocar está propriedade.

Até mais!

Não resolveu.
O que acontece é que ele tira o espaço entre Right Top e Left Bottom, ai não funciona...

Olá!

A solução por enquanto é marcar "Não", na opção "Melhorar seu CSS" e clicar em "Salvar".

Até mais.

Resolvido !
Tem como eu colocar esse codigo em outro lugar para não ter que desabilitar isso ?

Olá!

Veja esse tutorial:
Aumentar capacidade da folha de estilo CSS

Até mais.

Acredito eu que isso não irá funcionar pois irei usar isso no chatbox

Jack Sparrow escreveu:Acredito eu que isso não irá funcionar pois irei usar isso no chatbox

A página Javascript que for criada independe das outras páginas que você criou.
Você está dizendo que não há espaço na descrição do fórum? Caso haja, basta colocar o código do tutorial que irá funcionar.

Até mais.

O meu chatbox é um iframe do da página do chatbox, logo, não aparece a descrição do site lá, não resultando o que foi proposto

Olá!

Utilize esse código Javascript em todas as páginas:

jQuery(document).ready(function(){jQuery('iframe#chatboxpop').contents().find('head').append('<link rel="stylesheet" href="LINK" type="text/css">')});

LINK = Link da página Javascript onde será colocado o CSS.

Até mais.

Funcionou.

Luciano, tem um problema esse seu código, as vezesm quando atualizo a pagina ele funciona e as vezes não...

Olá!

Não sei mais quantas vezes devo dizer que não oferecemos mais suporte a códigos jQuery... o código css não funciona simplismente porque está sem estrutura, quer adicionar este efeito gradiente em qual área do fórum?

Até mais!

ChatBox.

Olá!

Utilize este código:

Código:

#chatbox{
  background: -webkit-gradient(linear, right top, left bottom, from(rgba(0, 128, 0, 0.37)), to(rgba(250, 237, 225, 0.6))) repeat-X;
}

Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender