Últimos assuntos em html

Qual é minha questão:
Queria o código que desse para por os ultimos assuntos numa página em html.

Endereço do meu fórum:
http://www.extrasenses.net

Versão do meu fórum:
PUNBB

Olá!

Aqui está o código:

Código:

<script>jQuery(document).ready(function(){jQuery.get('/portal',function(data){jQuery('div#uanop').html(jQuery('div.module div.main-content#comments_scroll_div',data).html())})})</script><div id=uanop></div>

O código só funcionará se você deixar o Widget "Últimos assuntos" ativado no Portal do seu fórum e ele só funciona na versão PunBB.

Até mais.

Funcionou!

Mas ele fica enorme na home page, não hà meneira de colocar a altura mais pequena?

Olá!

Teste esse código:

Código:

<script>jQuery(document).ready(function(){jQuery.get('/portal',function(data){jQuery('div#uanop').html('<div class=main-content id=comments_scroll_div>'+jQuery('div.module div.main-content#comments_scroll_div',data).html()+'</div>')})})</script><div id=uanop></div>

Até mais.

Olá de novo!

Era possivel deixar os topicos juntos um do outro?
É que há um espaço entre eles, e se eles ficassem juntos já não ficaria muita altura...

Olá!

Assim ficará igual ao Widget:

Código:

<script>jQuery(document).ready(function(){jQuery.get('/portal',function(data){jQuery('div#uanop').html('<div class="module main"><div class=main-head><div class=h3>Últimos assuntos</div></div><div class=main-content id=comments_scroll_div>'+jQuery('div.module div.main-content#comments_scroll_div',data).html()+'</div></div>')})})</script><div id=uanop></div>

Até mais.

Olá de novo!

Voçê não me percebeu lol

Na imagem abaixo onde está a vermelho é o espaço que fica entre os tópicos, não dá para tirar esse espaço para fazer com que os topicos fiquem juntos?

https://2img.net/r/ihimizer/img8/4168/ultimosassuntos2.png

Olá!

Eu entendi sim, mas não pensei em um meio de fazer isso na hora.

Tente esse código:

Código:

<script>jQuery(document).ready(function(){jQuery.get('/portal',function(data){jQuery('div#uanop').html('<div class="module main"><div class=main-head><div class=h3>Últimos assuntos</div></div><div class=main-content id=comments_scroll_div>'+jQuery('div.module div.main-content#comments_scroll_div',data).html()+'</div></div>');jQuery('div#uanop div.module div.main-content#comments_scroll_div br').remove();jQuery('div#uanop div.module div.main-content#comments_scroll_div a').append('<br> ');jQuery('div#uanop div.module div.main-content#comments_scroll_div a span').parent().find('<br>').remove(':contains("<br>")')})})</script><div id=uanop></div>

Até mais.

Meti nos templates e funciona perfeitamente eheh :b

Se tiver como colocar a negrito o titulo da categoria dos ultimos assuntos ficaria agradecido

Olá!

Coloque este código para o negrito:

Código:

.main .main-head { color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1.2em;
font-weight:700;
text-decoration:none; }

Até mais.

Muito obrigado santolaZ