Personalizar widgets

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

Resolvido Personalizar widgets

Mensagem por Foox_ em 08/08/15, 04:50 pm

Fala galera, então queria colocar uma borda sabe tipo alguma coisa nos Widgets como vocês podem ver eles não tem nada em volta, eu quero igual o da fórumeiros, uma imagem de fundo no titulo do Widget colocar outra cor dentro dele.
O título está branco a cor também ..

PRINT : http://prntscr.com/82dj3z
avatar

Foox_
Nível 9

Masculino
Inscrito dia : 17/02/2015
Mensagens : 229
Pontos Ativos : 373

Ver perfil do usuário http://minha-serie.forumeiros.com/

Resolvido Re: Personalizar widgets

Mensagem por Fraise em 08/08/15, 04:52 pm

Olá!

Poderia fornecer o endereço do seu fórum, por gentileza?

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

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

Resolvido Re: Personalizar widgets

Mensagem por Foox_ em 08/08/15, 04:55 pm

avatar

Foox_
Nível 9

Masculino
Inscrito dia : 17/02/2015
Mensagens : 229
Pontos Ativos : 373

Ver perfil do usuário http://minha-serie.forumeiros.com/

Resolvido Re: Personalizar widgets

Mensagem por Fraise em 08/08/15, 05:02 pm

Olá!

Adicione à sua folha de estilos:
Código:
.module {
    background-color: #fff;
    color: #000;
    margin-bottom: 4px;
    overflow: hidden;
    padding: 0 10px;
    border: 50px!important;
    border-color: #315C99 #b9c4cd #b9c4cd!important;
    border-radius: 6px 6px 3px 3px!important;
    border-style: solid!important;
    border-width: 0 1px 1px!important;
    margin: 3px 1px;
    padding-bottom: 8px;
    padding-top: 4px;
}

.module .h3 {
    color: #000;
}

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

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

Resolvido Re: Personalizar widgets

Mensagem por Foox_ em 08/08/15, 05:13 pm

Ficou legal, mas você conseguiria fazer assim? http://prntscr.com/82dsjq
No título do Widget.
avatar

Foox_
Nível 9

Masculino
Inscrito dia : 17/02/2015
Mensagens : 229
Pontos Ativos : 373

Ver perfil do usuário http://minha-serie.forumeiros.com/

Resolvido Re: Personalizar widgets

Mensagem por Fraise em 08/08/15, 05:24 pm

Olá!

Antes de mais, informo que a imagem no fundo do título é da propriedade FORUMEIROS e poderá ser feito um litígio contra o seu fórum.

Mas aqui está, adicione mais este:
Código:
#left .module .h3 {
    background: url(http://illiweb.com/fa/fdf3/bg_cat.png) #FBFBFB;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
    color: #FFF!important;
    cursor: default!important;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    margin-left: -9px!important;
    margin-right: -9px!important;
    margin-top: -5px!important;
    padding: 7px!important;
    text-align: center!important;
}

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

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

Resolvido Re: Personalizar widgets

Mensagem por Foox_ em 08/08/15, 05:28 pm

Valeu, mas eu não quero a imagem da forumeiros, só peguei de exemplo.
Enfim outra dúvida, tem como tirar esse branco ?

http://prntscr.com/82dzbq

Fica feio rs.
avatar

Foox_
Nível 9

Masculino
Inscrito dia : 17/02/2015
Mensagens : 229
Pontos Ativos : 373

Ver perfil do usuário http://minha-serie.forumeiros.com/

Resolvido Re: Personalizar widgets

Mensagem por Fraise em 08/08/15, 05:32 pm

Olá!

Isso terá de alterar na administração dos grupos.
http://prntscr.com/82e187

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

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

Resolvido Re: Personalizar widgets

Mensagem por Foox_ em 08/08/15, 05:36 pm

Não é isso amigo, é o fundo.

Olha: http://prntscr.com/82e2nn


Rs
avatar

Foox_
Nível 9

Masculino
Inscrito dia : 17/02/2015
Mensagens : 229
Pontos Ativos : 373

Ver perfil do usuário http://minha-serie.forumeiros.com/

Resolvido Re: Personalizar widgets

Mensagem por Fraise em 08/08/15, 05:38 pm

Olá!

No primeiro código que lhe passei, localize a propriedade:
Código:
background-color: #fff;

Basta substituir #fff pela cor desejada. Piscada

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

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

Resolvido Re: Personalizar widgets

Mensagem por Foox_ em 08/08/15, 05:41 pm

Amigo rs, já mudei mas continua tipo aquele branquinho no fundo do nome continuar, queria tirar aquilo.
Eu mudei e mudo a cor do fundo.
Enfim, queria mudar ali tem como? rs.


Olha : http://prntscr.com/82e55e
avatar

Foox_
Nível 9

Masculino
Inscrito dia : 17/02/2015
Mensagens : 229
Pontos Ativos : 373

Ver perfil do usuário http://minha-serie.forumeiros.com/

Resolvido Re: Personalizar widgets

Mensagem por Fraise em 08/08/15, 05:46 pm

Olá!

Assim?
Código:
.row1 {
background-color:#000!important;
}

.row2 {
background-color:#000!important;
}

Altere #000 para a cor desejada. Piscada

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

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

Resolvido Re: Personalizar widgets

Mensagem por Foox_ em 08/08/15, 05:49 pm

Cara deu certo mas mudou a cor de fundo das mensagens, onde era pra deixar branco olha:

http://prntscr.com/82e9eu
avatar

Foox_
Nível 9

Masculino
Inscrito dia : 17/02/2015
Mensagens : 229
Pontos Ativos : 373

Ver perfil do usuário http://minha-serie.forumeiros.com/

Resolvido Re: Personalizar widgets

Mensagem por Fraise em 08/08/15, 05:58 pm

Olá!

Tente assim:
Código:
.module .row1 {
background-color:#000!important;
}

.module .row2 {
background-color:#000!important;
}

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

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

Resolvido Re: Personalizar widgets

Mensagem por Foox_ em 08/08/15, 06:03 pm

Deu, obrigado Muito feliz
avatar

Foox_
Nível 9

Masculino
Inscrito dia : 17/02/2015
Mensagens : 229
Pontos Ativos : 373

Ver perfil do usuário http://minha-serie.forumeiros.com/

Resolvido Re: Personalizar widgets

Mensagem por Fraise em 08/08/15, 06:06 pm

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 : 5034
Pontos Ativos : 6714

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