Widgets personalizados

Qual é minha questão:
Eu gostaria de saber como deixar meus Widgets personalizados com imagem desta forma. Se acessar o link, vai perceber que existe vários efeitos e que cada widget tem uma imagem diferente...



Fórum que vi o efeito >> http://colloportusrpg.forumeiros.com/


Endereço do meu fórum:
http://portalhf.forumeiros.com

Versão do fórum:
PHPBB3

Esses widgets são puro HTML, o efeito é de opacidade, feito com CSS.

E como eu faço? .-.

Bom, precisa ter uma noção de HTML e CSS pra começar, daí é só criar um widget personalizado, não recomendo pedir cópia do código deles por aqui se não podem te acusar de plágio, se puder especificar o que quer talvez eu consiga fazer.

resolvi o Problema.... '-'

Olá!

Adicione este código em sua "Folha de estilo Css"

Código:

    .h3{background: rgba(255,255,255,0.6);
    color: black;
    padding: 9px;
    border-radius: 5px;
    border: 1px solid black;
    text-align: center;}.module{border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 16px;}

Valide.

Até mais.