Personalizar widgets

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

Resolvido Personalizar widgets

Mensagem por iHeloaD em 29/07/13, 01:12 am

Qual é minha questão:
Saudações,

Os Widgets de meu fórum, estão assim http://prntscr.com/1i4hxs, mas eu desejo que eles fiquem assim http://prntscr.com/1i4i5u.

Obrigado, e até mais.

Endereço do meu fórum:
http://familiashield.sampforum.net

Versão do fórum:
PUNBB


Última edição por iHeloaD em 29/07/13, 06:32 pm, editado 1 vez(es)
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Personalizar widgets

Mensagem por North em 29/07/13, 01:17 am

Olá!

Ceda o endereço do fórum que viu o modelo de widget que deseja.

Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Personalizar widgets

Mensagem por iHeloaD em 29/07/13, 01:23 am

Desculpe-me, tinha me esquecido, aqui está www.swdesign.tk.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Personalizar widgets

Mensagem por North em 29/07/13, 01:25 am

Bem simples, adicione este código na folha de estilo CSS do seu fórum:

Código:
.main-content {
background: url(http://i43.servimg.com/u/f43/17/53/16/77/sem_ta12.png) repeat-x center bottom;
}

Resulta?
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Personalizar widgets

Mensagem por iHeloaD em 29/07/13, 01:28 am

Bom, a imagem de fundo do Widget funcionou, mas repare que os Widgets do SWDesign tem uma degradê também atras do título do Widget.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Personalizar widgets

Mensagem por North em 29/07/13, 01:30 am

@EDIT

Para este acrescente o código a seguir juntamente na folha:

Código:
.module .main-head {
background: url(http://i.imgur.com/sC6CgHI.png) -1px 0px !important;
}

Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Personalizar widgets

Mensagem por iHeloaD em 29/07/13, 08:57 am

E como posso controlar a altura disto http://prntscr.com/1i62xe?
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Personalizar widgets

Mensagem por MateusA em 29/07/13, 11:14 am

Olá!

Troque por este:
Código:
    .module .main-head {
    background: url(http://i.imgur.com/sC6CgHI.png) -1px 0px !important;
    height: 30px !important;
    }
Seta Vai aumentando ou diminuindo o número 30.

Abraços!
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Personalizar widgets

Mensagem por North em 29/07/13, 01:21 pm

Substitua por este:

Código:
.module .main-head {
background: url(http://i.imgur.com/sC6CgHI.png) -1px 0px !important;
padding: 0.6em 1.3em !important;
}

Basta modificar os valores de 0.6em 1.3em para definir as propriedades de tamanho.

Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Personalizar widgets

Mensagem por iHeloaD em 29/07/13, 06:31 pm

Saudações,

O de Crazy fez diminuir, mais o texto ficava no mesmo local, não subia também http://prntscr.com/1i99uj, o de Hacker funcionou perfeitamente, troquei os 'em' por 'px' e fui ajeitando até ficar de meu agrado, muito obrigado.

Até mais.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

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