Como editar o last post do meu fórum?

[Thalia Grace]

• Descrição:

Oi, gostaria de saber como modificar a caixa do último post feito, como aqui: 

http://escolademagiapt.portugueseforum.net/forum

---

• Informações:

Fórum:	http://escolademagiapt.portugueseforum.net/forum	Versão:	PHPBB2
Tipo:	Pedido de código	Tags:	editar,fórum?

---

[waghcwb]

Olá,

Pode enviar uma screenshot do efeito desejado??

[Thalia Grace]

[Shek]

Olá!

Me desculpe, mas o endereço http://escolademagiapt.portugueseforum.net/forum já tem o efeito solicitado. Você ainda precisa de ajuda? Se sim, queira nos detalhar a sua questão.

Até mais!

[TappedOut]

Shek, eu tinha falado com ela, e ela me falou que este http://escolademagiapt.portugueseforum.net/forum não é dela, então sugiro que ela não tem o efeito, ela queria deixar a ultima postagem igualzinho á imagem

[Uatyla]

Crie u novo JavaScript com esse código.
Painel de Controle »  Modulos » HTML e JavaScript » Gestão dos códigos JavaScript » Clique em Criar Novo JavaScript

Código:

jQuery(document).on('ready', function() {
        jQuery('.topiclist.forums .row .lastpost').prepend('<div class="avat-miembro"><div>');
        jQuery('.topiclist.forums .row .lastpost .avat-miembro').each(function () {
        var profileUserURL = jQuery(this).parent().children('span').children('strong').children('a').attr('href');
        jQuery(this).html('<a href="' + profileUserURL + '" class="avat-miembro-enlace"><img src="Endereço-da-imagem" alt="No Avatar" /></a>');
        jQuery(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
        });
        });

Adicione esse código no seu CSS
Painel de Controle » Visualização » Imagens e Cores » Cores » Folha de estilo CSS e adicione o código informado abaixo

Código:

/*** Nome do código ***/

        .avat-miembro {
                float: left;
                }
                .avat-miembro img {
                width: 40px;
                height: 40px;
                padding: 1px;
                margin: 0 5px;
                border-radius: 10px
                }
/*** Nome do código ***/

[TappedOut]

uatyylla não foi isso que ela quiz referir..

[Shek]

Olá!

Adicione em seu CSS o seguinte código:

Código:

.forabg dd.lastpost {
background-color: #0A0A0A;
border-bottom: 0 solid #1F2633;
border-radius: 0 0 5px 5px;
border-top: 2px solid #1B242B;
color: #3D3D35;
display: block;
font-family: arial;
font-size: 9px;
margin-left: 190px;
padding: 4px 3px 10px;
position: relative;
text-align: center;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
width: 165px;
}

.forabg dd.lastpost {
background-color: #0A0A0A;
border-bottom: 0 solid #1F2633;
border-radius: 0 0 5px 5px;
border-top: 2px solid #1B242B;
color: #3D3D35;
display: block;
font-family: arial;
font-size: 9px;
margin-left: 190px;
padding: 4px 3px 10px;
position: relative;
text-align: center;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
width: 165px;
}

Atenicosamente,
Shek

[TappedOut]

Fez nenhum efeito Shek.

[Shek]

Tá... me explica uma coisa, o fórum dela é qual versão?

[TappedOut]

phpBB3

Edit:
Funcionou corretamente, Grato.