titlebox Phpbb3

Minha questão:

è possivel colocar a titlebox em Phpbb3?

---

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

Versão:
Phpbb3

Olá,

Queira ser mais especifico com o que o senhor deseja!! Qual titlebox?

Wagner escreveu:Olá,

Queira ser mais especifico com o que o senhor deseja!! Qual titlebox?

Olá,
Quero assim
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Mas para Phpbb3

Olá,

Veja se lhe agrada..

Javascript:

Código:

/*
// Titlebox para phpBB3
// Author: Wagner
// Link: http://www.punbb.forumeiros.com
// This work is free and you can redistribute or modify it, just keep the original credits, or cite our forum.
// Last update: 23/04/2014
*/
//<![CDATA[
$(function(){
    var page_title = $('.page-title');
    var avatar_title = $('#main-content').first('.post').find('.postprofile dl dt a').html();
    var autor_title = $('#main-content').first('.post').find('.author').html();
    var supervisionar = $('.noprint').html();

    page_title.wrap('<div class="titlebox"></div>');
   
    $('.titlebox').find('h1').after( supervisionar );
    $('.titlebox').prepend('<div class="title_avatar">'+avatar_title+'</div>');
    $('h1.page-title').after('<div class="title_infos">'+autor_title+'</div>' );

});
//]]>

Investimento: Nos tópicos

CSS:

Código:

.titlebox{
    background: #f4f4f4;
    border-radius: 1px;
    border: #ccc 1px solid;
    box-shadow: rgba(0,0,0,.3) 0 0 3px;
    color: #A4A4A4;
    overflow: hidden;
    padding: 1em;
}
.titlebox h1{
    display: block;
    float: left;
    margin: 5px 10px;
    width: 70%;
}
.title_avatar img{
    background: #FFF;
    border: 1px solid #D5D5D5;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    float: left;
    height: 50px;
    padding: 1px;
    width: 50px;
}
.title_avatar img:hover {
    border-color: #A1A1A1;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.title_infos{
    float: left;
    margin: 0 10px;
}
.titlebox p a{
    background: linear-gradient(#F6F8FA, #EDEEEF) repeat scroll 0% 0% transparent;
    border-radius: 3px;
    border: 1px solid #D9DBDD;
    box-shadow: 0px 1px 0px #FFF inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
    color: #616161;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    padding: 0px 10px;
    transition: all 0.2s ease-in-out 0s;
    white-space: nowrap;
}
.titlebox p a:hover {
    border-color: #CED0D2;
    color: #4C4C4C;
}

Resulta?

Pode fexar topico

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código