Fundo do widget

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

Resolvido Fundo do widget

Mensagem por Pattricia em 25/07/15, 04:01 pm

Olá!
Gostaria de colocar meus widgets com esta aparência: http://demo.nicetheme.com/?theme_id=207407
Meu fórum: http://winxclubfairies.forumeiros.com
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

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

Resolvido Re: Fundo do widget

Mensagem por Sennior em 26/07/15, 05:26 am

Saudações,

Acedemos ao teu painel administrativo:
Cpainel ->> Visualização ->> Gestão de imagens ->> Cores ->> Folha de Estilo CSS
Código:
.module {
  margin-bottom: 4px;
  padding: 0 10px;
  background-color: #131313!important;
  overflow: hidden;
  background-image: url(\'http://i30.servimg.com/u/f30/14/70/09/25/gradie12.png\')!important;
  background-repeat: repeat-x;
  background-position: 0 0;
  border: 1px solid #101010;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

Coloque o código acima no inicio d eteu CSS e salve.

Até mais.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo do widget

Mensagem por Pattricia em 26/07/15, 10:03 am

O fundo do widget está preto, quero só um pouquinho mais transparente.
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

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

Resolvido Re: Fundo do widget

Mensagem por Fraise em 26/07/15, 10:05 am

Olá!

Troque por este:
Código:
.module {
  opacity: 0.4!important;
  margin-bottom: 4px;
  padding: 0 10px;
  background-color: #131313!important;
  overflow: hidden;
  background-image: url(\'http://i30.servimg.com/u/f30/14/70/09/25/gradie12.png\')!important;
  background-repeat: repeat-x;
  background-position: 0 0;
  border: 1px solid #101010;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5029
Pontos Ativos : 6709

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Fundo do widget

Mensagem por Pattricia em 26/07/15, 10:41 am

Quero que somente o fundo (e não o conteúdo do widget) fique transparente...
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

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

Resolvido Re: Fundo do widget

Mensagem por Fraise em 26/07/15, 10:50 am

Olá!

Veja assim:
Código:
.module {
  margin-bottom: 4px;
  padding: 0 10px;
  background-color: rgba(19,19,19,0.4)!important;
  overflow: hidden;
  background-image: url(\'http://i30.servimg.com/u/f30/14/70/09/25/gradie12.png\')!important;
  background-repeat: repeat-x;
  background-position: 0 0;
  border: 1px solid #101010;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5029
Pontos Ativos : 6709

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Fundo do widget

Mensagem por Pattricia em 26/07/15, 11:19 am

Resolvido!
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

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

Resolvido Re: Fundo do widget

Mensagem por Fraise em 26/07/15, 11:39 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5029
Pontos Ativos : 6709

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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