Personalizar widgets

Item: Personalizar widgets
Rating: 1

por iHeloaD em Seg 29 Jul 2013 - 5:12

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

por North em Seg 29 Jul 2013 - 5:17

Olá!

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

Até mais!

por iHeloaD em Seg 29 Jul 2013 - 5:23

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

por North em Seg 29 Jul 2013 - 5:25

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?

por iHeloaD em Seg 29 Jul 2013 - 5:28

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.

por North em Seg 29 Jul 2013 - 5:30

@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!

por iHeloaD em Seg 29 Jul 2013 - 12:57

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

por MateusA em Seg 29 Jul 2013 - 15:14

Olá!

Troque por este:

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

Vai aumentando ou diminuindo o número 30.

Abraços!

por North em Seg 29 Jul 2013 - 17:21

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!

por iHeloaD em Seg 29 Jul 2013 - 22:31

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.

Fórum dos Fóruns Forumeiros

Personalizar widgets

Personalizar widgets

Re: Personalizar widgets

Re: Personalizar widgets

Re: Personalizar widgets

Re: Personalizar widgets

Re: Personalizar widgets

Re: Personalizar widgets

Re: Personalizar widgets

Re: Personalizar widgets

Re: Personalizar widgets