Altera a Barra de Widgets do fórum

Minha questão:

Eu queria altera o estilo da minha barra do widgets quero do tipo da categoria
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
Phpbb3

Olá,

Você fala esse quadrado que tem dentro da barra de categorias?

HW,

Isso na Categoria o nome fica tipo fundo quero que a widgets fique assim

Olá,

Caso seja assim:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Aqui esta o codigo:

Código:

$('.module').each(function(){
    var h3 = $(this).find('.h3');
    var ht = h3.html();
    h3.html('<div class="headHW" style="border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);padding: 5px;">'+ht+'</div>');
});

HW,

Onde devo colocar?
mais eu queria que ficasse com a fonte da categorias.

Olá,

Código:

    $('.module').each(function(){
        var h3 = $(this).find('.h3');
        var ht = h3.html();
        h3.html('<div class="headHW" style="border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);padding: 5px;"><span style="box-shadow: 0px 1px 0px 0px rgb(255, 255, 255); text-decoration: underline;0 1px 0 0 #fff">'+ht+'</span></div>');
    });

Em todas as paginas que você utiliza widget

Não funcionou no fórum!!!

Código:

$(function(){
    $('.module').each(function(){
        var h3 = $(this).find('.h3');
        var ht = h3.html();
        h3.html('<div class="headHW" style="border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);padding: 5px;"><span style="box-shadow: 0px 1px 0px 0px rgb(255, 255, 255); text-decoration: underline;0 1px 0 0 #fff">'+ht+'</span></div>');
    });});

Mudou mais não foi do jeito que eu queria algo assim [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Código:

    $(document).ready(function(){
        $('.module').each(function(){
            var h3 = $(this).find('.h3');
            var ht = h3.html();
            h3.html('<div class="headHW" style="border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);padding: 5px;"><span style="box-shadow: 0px 1px 0px 0px rgb(255, 255, 255); text-decoration: underline;0 1px 0 0 #fff">'+ht+'</span></div>');
        });});

OU

Código:

    $(window).load(function(){
        $('.module').each(function(){
            var h3 = $(this).find('.h3');
            var ht = h3.html();
            h3.html('<div class="headHW" style="border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);padding: 5px;"><span style="box-shadow: 0px 1px 0px 0px rgb(255, 255, 255); text-decoration: underline;0 1px 0 0 #fff">'+ht+'</span></div>');
        });});

Nenhum ficou como eu queria!

Alguém poderá me ajudar?

Alguém poderá me ajudar?

Amigo, eu testei o código do Hero e esta igual a imagem, poderia nos dizer o que falta mudar?

Até.

O dele está assim [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
quero por exemplo assim [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Olá,

Ainda nao entendi direito o que você quer mas veja se é assim:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Código:

$(function(){
    $('.module').each(function(){
        var h3 = $(this).find('.h3');
        var ht = h3.html();
        $('<style>.introduction .h3, .module .h3, .postbody .h3{padding:7px 5px 5px 5px !important;}</style>').insertBefore('body');
        h3.html('<div class="headHW" style="border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);padding: 5px;"><span style="box-shadow: 0px 1px 0px 0px rgb(255, 255, 255); text-decoration: underline;0 1px 0 0 #fff">'+ht+'</span></div>');
    });
});

HW,

Mais teria como retira as duas listras embaixo.

Troque por este:

Código:


    $(function(){
        $('.module').each(function(){
            var h3 = $(this).find('.h3');
            var ht = h3.html();
            $('<style>.introduction .h3, .module .h3, .postbody .h3{padding:7px 5px 5px 5px !important;}</style>').insertBefore('body');
            h3.html('<div class="headHW" style="border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);padding: 5px;"><span>'+ht+'</span></div>');
        });
    });


Perfeito,
Thank's!!!!

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]