Personalizar Widget

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

Resolvido Personalizar Widget

Mensagem por YuriGama em 08/12/16, 03:17 pm

Detalhes da questão:
Fórum: http://aprendendoaqui.forumeiros.com/
Versão: PhpBBB3

Descrição:
Widget atual: http://prnt.sc/dgypcl

Como poderia personalizar o widget com o topo de preferencia de cor preta e com bordas arredondadas?
O fundo com a mesma cor do fórum ( branca). Parecido com o widget dos FDF.

Agradeço desde já! Feliz


Última edição por YuriGama em 08/12/16, 07:12 pm, editado 2 vez(es)
avatar

YuriGama
Nível 2

Masculino
Inscrito dia : 05/12/2016
Mensagens : 8
Pontos Ativos : 18

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

Resolvido Re: Personalizar Widget

Mensagem por while em 08/12/16, 05:48 pm

Olá autor, boa tarde.

Adicione esse código em sua folha de estilo css:

Código:
.module {background: #fff!important;}
        .module .h3 {
    background: black;
    color: #FFF;
    margin: 0 -10px 0px;
    padding: 6px 3px;
    text-align: center;
    margin-top: -5px;
    text-transform: none;
}

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3152
Pontos Ativos : 4600

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar Widget

Mensagem por YuriGama em 08/12/16, 07:03 pm

Funcionou!! Muito Obrigado!! Feliz

Tenho que aprender CSS!! (y)
avatar

YuriGama
Nível 2

Masculino
Inscrito dia : 05/12/2016
Mensagens : 8
Pontos Ativos : 18

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

Resolvido Re: Personalizar Widget

Mensagem por YuriGama em 08/12/16, 07:13 pm

O conteúdo ficou muito próximo do topo. Tem como eu afastar um pouco?

http://prntscr.com/dh246b
avatar

YuriGama
Nível 2

Masculino
Inscrito dia : 05/12/2016
Mensagens : 8
Pontos Ativos : 18

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

Resolvido Re: Personalizar Widget

Mensagem por YuriGama em 09/12/16, 09:39 pm

Alguém sabe como? o.o
avatar

YuriGama
Nível 2

Masculino
Inscrito dia : 05/12/2016
Mensagens : 8
Pontos Ativos : 18

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

Resolvido Re: Personalizar Widget

Mensagem por Shek em 10/12/16, 01:24 pm

Olá!

Localize o margin: 0 -10px 0px; do código que o while te passou, e troque por este:
Código:
    margin: 30px -10px 0px;
Salve.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalizar Widget

Mensagem por YuriGama em 10/12/16, 01:54 pm

Funcionou!! Obrigado!!
Mas tive que alterar o: margin: 30px -10px 0px;
para: margin: 30px -10px 5px;

Pode fechar! Feliz
avatar

YuriGama
Nível 2

Masculino
Inscrito dia : 05/12/2016
Mensagens : 8
Pontos Ativos : 18

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

Resolvido Re: Personalizar Widget

Mensagem por Shek em 10/12/16, 02:51 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".


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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