Personalizar widgets

2 participantes

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

Tópico resolvido Personalizar widgets

Mensagem por Foox_ 08.08.15 20:50

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
Foox_

Foox_
****

Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373

http://minha-serie.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Personalizar widgets

Mensagem por Fraise 08.08.15 20:52

Olá!

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

Cumprimentos.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar widgets

Mensagem por Foox_ 08.08.15 20:55

Foox_

Foox_
****

Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373

http://minha-serie.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Personalizar widgets

Mensagem por Fraise 08.08.15 21:02

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
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar widgets

Mensagem por Foox_ 08.08.15 21:13

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

Foox_
****

Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373

http://minha-serie.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Personalizar widgets

Mensagem por Fraise 08.08.15 21:24

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://2img.net/i/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
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar widgets

Mensagem por Foox_ 08.08.15 21:28

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.
Foox_

Foox_
****

Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373

http://minha-serie.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Personalizar widgets

Mensagem por Fraise 08.08.15 21:32

Olá!

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

Cumprimentos.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar widgets

Mensagem por Foox_ 08.08.15 21:36

Não é isso amigo, é o fundo.

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


Rs
Foox_

Foox_
****

Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373

http://minha-serie.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Personalizar widgets

Mensagem por Fraise 08.08.15 21:38

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
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar widgets

Mensagem por Foox_ 08.08.15 21:41

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
Foox_

Foox_
****

Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373

http://minha-serie.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Personalizar widgets

Mensagem por Fraise 08.08.15 21:46

Olá!

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

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

Altere #000 para a cor desejada. Piscada

Cumprimentos.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar widgets

Mensagem por Foox_ 08.08.15 21:49

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

http://prntscr.com/82e9eu
Foox_

Foox_
****

Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373

http://minha-serie.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Personalizar widgets

Mensagem por Fraise 08.08.15 21:58

Olá!

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

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

Cumprimentos.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar widgets

Mensagem por Foox_ 08.08.15 22:03

Deu, obrigado Muito feliz
Foox_

Foox_
****

Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373

http://minha-serie.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Personalizar widgets

Mensagem por Fraise 08.08.15 22:06

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

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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