Remover fundo preto do widget

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

Resolvido Remover fundo preto do widget

Mensagem por ruan_santana em 06/08/11, 12:15 am

Qual é minha questão:
Ola
Gostaria de remover esse fundo preto dos widget ou mudar pra outra cor apenas ele ai esta a imaem...


Valew

Medidas que eu tomei para corrigir o problema:
Nada

Imagens do meu problema:
Nada

Endereço do meu fórum:
l2jkill.forumeiros.com

Versão do meu fórum:
PHPBB3
avatar

ruan_santana
Nível 7

Masculino
Inscrito dia : 30/07/2010
Mensagens : 80
Pontos Ativos : 138

Ver perfil do usuário

Resolvido Re: Remover fundo preto do widget

Mensagem por Luciano98 em 06/08/11, 12:28 am

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta Em todas as páginas

Codigo JavaScript:
.module{background-color:COR;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
COR = Cor em inglês ou em código hexadecimal

Clique em "Confirmar".

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Remover fundo preto do widget

Mensagem por ruan_santana em 06/08/11, 10:09 am

Não funcionou não mudou absolutamente nada :s
Fico aguardando
Mais valew des de ja
avatar

ruan_santana
Nível 7

Masculino
Inscrito dia : 30/07/2010
Mensagens : 80
Pontos Ativos : 138

Ver perfil do usuário

Resolvido Re: Remover fundo preto do widget

Mensagem por Consolado em 06/08/11, 10:16 am

Olá,

Painel de Controle -> Visualização -> Imagens e Cores -> Cores / Folha de estilo CSS
Lá, experimente este código:
.module .box-content, .module, .module .main-content {
background-image: url('Endereco_da_imagem') !important;
background-repeat: repeat-x !important;
background-position: center top !important;
background-color: #FFFFFF !important;
}
Vermelho -> Esta propriedade, é das principais, pois ela permitirá adicionar a imagem pretendida para que se possa ter uma imagem de fundo.
Verde -> Definirá se haverá repetição da imagem ou não (no-repeat), podendo esta repetição fazer-se somente na horizontal (repeat-x), na vertical (repeat-y) ou também nos dois planos (repeat).
Laranja -> Para definir a posição da imagem, se no topo (top), em baixo (bottom), à esquerda (left), à direita (right) ao centro (center), ou então por definição de valores em percentagem (%) ou em píxeis (px). Atenção pois quando é utilizado palavras deve a primeiras variar entre top/center/bottom e a segunda entre left/center/right.
Preto -> Nesta propriedade apenas teremos de adicionar o código hexadecimal de uma cor, existe outros tipos, mas para não complicar, analisaremos desta forma.

Atenciosamente, Today! Muito feliz
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Remover fundo preto do widget

Mensagem por ruan_santana em 06/08/11, 10:35 am

Valew Valew to quase la
Ja mudei a cor do widget so que eu queria que a borda ficasse em volta dele então coloquei uma imagen de borta mais n sei como fazer olha como deixei o codigo q vc me deu
.module .box-content, .module, .module .main-content {
background-image: url('http://www.baixa.la/arquivos/9741776_imagem.png') !important;
background-repeat: no-repeat !important;
background-position: 4% !important;
background-color: #2E2E2E !important;
}

Ficou assim



Eu gostaria que aquela linha vermelha desse a volta pelo widget entendeu
pra ficar tipo assim


Pow mais valew ja to mei caminho andado valew mesmo
Fico no aguardo
avatar

ruan_santana
Nível 7

Masculino
Inscrito dia : 30/07/2010
Mensagens : 80
Pontos Ativos : 138

Ver perfil do usuário

Resolvido Re: Remover fundo preto do widget

Mensagem por Consolado em 06/08/11, 10:46 am

Olá,

Painel de Controle -> Visualização -> Imagens e Cores -> Cores / Folha de estilo CSS
Lá, adicione este código:
Código:
.module {
border: 1px solid red !important;
}
Caso não funcione, experimente este:
Código:
.forumline {
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}

Atenciosamente, Today! Muito feliz
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Remover fundo preto do widget

Mensagem por ruan_santana em 06/08/11, 10:57 am

Rere ja melhorou muito
mais gostaria que as bordas fossem a onde esta marcado de preto
não tem como adicionar aquela imagen vermelha "Advertising" junto com a borda entendeu?
Pra ficar igual a marcação preta abaixo...



Viu

Falow
avatar

ruan_santana
Nível 7

Masculino
Inscrito dia : 30/07/2010
Mensagens : 80
Pontos Ativos : 138

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum