Como criar widget personalizado?

por TappedOut Qua 2 Jul 2014 - 19:17

Queria botar um widget que mostra-se isto:

OBS: Isto é uma montagem, para entender melhor o geito que quero o widget.

Fórum:	http://testesforumf.forumeiros.com/	Versão:	PHPBB2
Tipo:	Pedido de código	Tags:	criar,widget,personalizado?

por Roevs Qua 2 Jul 2014 - 19:55

Olá,

Veja se esta a seu agrado crie um widget com o código abaixo

Código:: <ul class="List_data" id="stats_sidebar"> <li> Total de Mensagens {FORUMCOUNTPOST} </li> <li> Total de Membros {FORUMCOUNTUSER} </li> <li> Membro mais novo {FORUMLASTUSER} </li> <li> Recorde de usuários online {FORUMONLINEUSER} </li> </ul> <style> #stats_sidebar { margin: -10px; } .List_data li { padding: 6px; line-height: 1.3; } #stats_sidebar li { border-bottom: 1px solid #E9EDEE; } #stats_sidebar .srl { font-weight: bold; } #stats_sidebar .srr { float: right; } .pun { color: #660; } </style>

Até

por TappedOut Qua 2 Jul 2014 - 23:24

Ficou estranho, veja meu forum. Irá reparar que ficou tipo.. Grandão e tals

por Hancki Qui 3 Jul 2014 - 6:04

Olá!

Boo, onde viu isso? Assim posso verificar os estilos.

Hancki

por TappedOut Qui 3 Jul 2014 - 9:12

por Duel Qui 3 Jul 2014 - 10:23

@Hancki; "OBS: Isto é uma montagem, para entender melhor o geito que quero o widget."

Segue o código do Widget:

Código:: <ul class="List_data" id="stats_sidebar"> <li> Total de Mensagens {FORUMCOUNTPOST} </li> <li> Total de Membros {FORUMCOUNTUSER} </li> <li> Membro mais novo {FORUMLASTUSERLINK} </li> <li> Recorde de usuários online {FORUMONLINEUSER} </li> </ul>

CSS:

Código:: #stats_sidebar { margin: -10px; } .List_data li { padding: 6px; line-height: 1.3; } #stats_sidebar li { border-bottom: 1px solid #E9EDEE; } #stats_sidebar .srl { font-weight: bold; } #stats_sidebar .srr { float: right; } #right .main-content ol, #right .main-content ul, #left .main-content ol, #left.main-content ul { padding-left: 0px !important; }

Atenciosamente, Duel.

por TappedOut Qui 3 Jul 2014 - 11:18

A CSS eu retirei, porque ficou meio estranho, mas ficou bom tambem.
Grato á todos!

Hitskin.com