Personalizar Widget

3 participantes

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

Tópico resolvido Personalizar Widget

Mensagem por YuriGama 08.12.16 17:17

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 21:12, editado 2 vez(es)
YuriGama

YuriGama
Novo Membro

Membro desde : 05/12/2016
Mensagens : 8
Pontos : 18

http://aprendendoaqui.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Widget

Mensagem por while 08.12.16 19:48

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

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Widget

Mensagem por YuriGama 08.12.16 21:03

Funcionou!! Muito Obrigado!! Feliz

Tenho que aprender CSS!! (y)
YuriGama

YuriGama
Novo Membro

Membro desde : 05/12/2016
Mensagens : 8
Pontos : 18

http://aprendendoaqui.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Widget

Mensagem por YuriGama 08.12.16 21:13

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

http://prntscr.com/dh246b
YuriGama

YuriGama
Novo Membro

Membro desde : 05/12/2016
Mensagens : 8
Pontos : 18

http://aprendendoaqui.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Widget

Mensagem por YuriGama 09.12.16 23:39

Alguém sabe como? o.o
YuriGama

YuriGama
Novo Membro

Membro desde : 05/12/2016
Mensagens : 8
Pontos : 18

http://aprendendoaqui.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar Widget

Mensagem por Shek 10.12.16 15:24

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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Widget

Mensagem por YuriGama 10.12.16 15:54

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

Pode fechar! Feliz
YuriGama

YuriGama
Novo Membro

Membro desde : 05/12/2016
Mensagens : 8
Pontos : 18

http://aprendendoaqui.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar Widget

Mensagem por Shek 10.12.16 16:51

widget - Personalizar Widget Symbol10 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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

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