Widget Membro do Mês

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Internet Explorer
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://fairytailcelestial.forumeiros.com

Descrição do problema

Olá, gostaria de um Widget igual a este deste fórum: http://narutoeternal.ativoforum.com/

Se alguém conseguir pelo menos similar nem a este Widget, eu agradeço muito.
E em vez de cores verdes, seria azuis (#0000CC)



P.S: O administrador do fórum, novo adm, é o @Matheus da FdF. Caso vc ver este tópico, gostaria que você me desse o código pra eu modificar ^^

Olá!

Penso que adicione esse no widget

Código:

<div id="member_month">

    <div class="box_container">

    </div>

    <div class="member_month">

    </div>
</div>
<style>
    .box_container,
    .member_month {
        background: white;
        border: 1px solid #CECED1;
    }
    .member_month {
        margin-top: 5px;
        padding: 5px 8px 10px 8px;
        font-size: 10px;
        color: #1E7145;
    }
    .box_container td.av {
        background-color: rgb(240, 248, 255);
        padding: 3px;
        width: 80px;
    }
    .box_container td.av img {
        height: 50px;
        width: 50px;
        padding: 1px;
        border: 1px solid #D5D5D5;
        background: white;
        -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    }
    .box_container .inner_container {
        width: 100%;
        position: relative;
        left: -5px;
        padding: 5px 5px 5px 10px;
    }
    .box_container .inner_container hr {
        border: 1px solid #ddd;
        margin: 2px 5px 2px 0;
    }
    .box_container .inner_container .txt {
        display: block;
        color: grey;
        font-size: 10px;
        position: relative;
    }
    #member_month .m {
        background: rgb(180, 180, 180);
        cursor: default;
        height: 17px;
        line-height: 17px;
        padding: 2px 5px;
        font-size: 9px;
        font-weight: bold;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        vertical-align: middle;
    }
    #member_month .m,
    #member_month a {
        color: white;
    }
    .m_lightgrey {
        background: #0000CC;
    }
    .box_container .inner_container .mi {
        padding: 3px 5px 3px 5px;
    }
    .box_container .inner_container h4 {
        display: inline-block;
    }
    .member_month .profile {
        padding: 5px;
    }
</style>
</div>
</div>
<script>
    jQuery(document).ready(function () {
        function makeArray() {
            for (i = 0; i < makeArray.arguments.length; i++)
                this[i + 1] = makeArray.arguments[i];
        }
        var months = new makeArray('Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro');
        var date = new Date();
        var month = date.getMonth() + 1;
        var yy = date.getYear();
        var year = (yy < 1000) ? yy + 1900 : yy;
        var member_month = sessionStorage.getItem('member_month');
        if (member_month) {
            jQuery('#member_month').html(member_month);
        } else {
            var link = jQuery('.module table[summary="Os membros mais ativos do mês"] td:eq(0) a').attr('href');
            jQuery.get(link, function (b) {
                var usernametxt = jQuery('#profile-advanced-right .module .main-head .h3:eq(0) strong', b).text();
                var avatar = jQuery('#profile-advanced-right .main-content.clearfix.center:eq(0) img', b).attr('src');
                var rep = jQuery('#field_id-14 div', b).html();
                var posts = jQuery('#field_id-6 div', b).html();
                var register = jQuery('#field_id-4 div', b).html();
                var birth = jQuery('#field_id-12 div', b).html();
                var id = link.match(/\d+/g);
                jQuery('.box_container').html('<table><tr><td class="av"><img src="' + avatar + '" alt="' + avatar + '" /></td><td style="width:100%"><div class="inner_container"><h4>' + usernametxt + '</h4><span class="mi"><a href="/privmsg?mode=post&u=' + id + '"><img src="http://imgur.com/Czex6X4.png" alt="Enviar PM" /></a></span><span class="mi"><a href="/spa/' + usernametxt + '"><img src="http://imgur.com/72Ep0wz.png" alt="Procurar posts" /></a></span><hr><span class="txt">Membro do mês</span><span class="m">' + months[month] + ' ' + year + '</span></div></td></tr></table>');
                jQuery('.member_month').html('Parabéns a ' + usernametxt + ' nosso novo membro do mês de ' + months[month] + ' ' + year + '. Registrado pela primeira vez neste fórum ' + register + '. Ele comemora aniversário em ' + birth + '. Tem o total de ' + posts + ' posts. Ele recebeu ' + rep + ' pontos de reputação. Parabéns ao membro do mês.<div class="profile" align="right"><span class="m m_lightgrey"><a href="' + link + '">Ir para o perfil</a></span></div>');
                sessionStorage.setItem('member_month', jQuery('#member_month').html());
            });
        }
    });
</script>

Até Mais!