Widget novidades modificado

Qual é minha questão:
Olá galerinha, minha dúvida é simples, queria deixar o widget/ou fazer um novo, igual a Últimas notícias desse site: 
http://tropihabbo.com.br/

Obrigado.

Endereço do meu fórum:
http://www.gametizando.com

Versão do fórum:
PUNBB

Olá MateusR!

O senhor deseja tal widget automático?

Até mais.

Sim, para que ele atualize automaticamente, seria o widget Novidades personalizado, tem como?

Olá!

Infelizmente não, lamento.
Deseja mais alguma coisa, ou podemos encerrar este tópico?

Até mais.

E sem ele ser automático, teria como?

Olá!

Sim, mais terá de editar cada imagem, link, título etc.
Deseja o código mesmo assim?

Até mais.

Sim, quero ele sim, tenho aqui algumas idéias para este código

Olá amigo,

Não há como fazer nem parecido este Widget. Mas olhe:

Código:

<div id="content">
            <div id="top">Últimas do fórum<div style="float:right; margin-right:0px; margin-top:0px;"><a href="/forum/mais"><img src="/media/imagens/mais_branco.png"></a></div></div>
            <div style="width:100%; height:auto; float:left;">
            <div id="forum_item">
               <div class="avatar" style="background: url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=NetoMendes-BAN&action=std&direction=2&head_direction=3&gesture=sml) -10px -14px;"></div>
               <div id="dados_fixo" class="dados">
                  <div class="titulo"><a href="/forum/13879-qual-o-seu-palpite-7">Qual o seu palpite? #7</a></div>
                  <div class="descricao">
                     <div style="float:left;">Por <b><a href="/home/NetoMendes-BAN" style="color:#666666" vlink="#666666" alink="#666666">NetoMendes-BAN</a></b></div>
                     <div style="float:right;">10/08/2013 à<a>s</a> 13:11</div>
                  </div>
               </div>
            </div>
            <div id="forum_item">
               <div class="avatar" style="background: url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=FelipeCHabbo&action=std&direction=2&head_direction=3&gesture=sml) -10px -14px;"></div>
               <div id="dados_fixo" class="dados">
                  <div class="titulo"><a href="/forum/13843-promocao-do-dia-dos-pais-atualizado-pai-obrigado-por-tudo"><span>Promoção do Dia dos Pais [ATUALIZADO...</span></a></div>
                  <div class="descricao">
                     <div style="float:left;">Por <b><a href="/home/FelipeCHabbo" style="color:#666666" vlink="#666666" alink="#666666">FelipeCHabbo</a></b></div>
                     <div style="float:right;">08/08/2013 à<a>s</a> 13:20</div>
                  </div>
               </div>
            </div>
            <div id="forum_item">
               <div class="avatar" style="background: url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=Igor.Ikariam&action=std&direction=2&head_direction=3&gesture=sml) -10px -14px;"></div>
               <div id="dados_fixo" class="dados">
                  <div class="titulo"><a href="/forum/13808-ganhe-dracmas-desafios-diarios">Ganhe Dracmas: Desafios diários!</a></div>
                  <div class="descricao">
                     <div style="float:left;">Por <b><a href="/home/Igor.Ikariam" style="color:#666666" vlink="#666666" alink="#666666">Igor.Ikariam</a></b></div>
                     <div style="float:right;">06/08/2013 à<a>s</a> 00:50</div>
                  </div>
               </div>
            </div>
            <div id="forum_item">
               <div class="avatar" style="background: url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=Aleffer&action=std&direction=2&head_direction=3&gesture=sml) -10px -14px;"></div>
               <div id="dados_fixo" class="dados">
                  <div class="titulo"><a href="/forum/13568-sobre-os-classificados">Sobre os Classificados</a></div>
                  <div class="descricao">
                     <div style="float:left;">Por <b><a href="/home/Aleffer" style="color:#666666" vlink="#666666" alink="#666666">Aleffer</a></b></div>
                     <div style="float:right;">27/07/2013 à<a>s</a> 16:56</div>
                  </div>
               </div>
            </div>
                        </div>
            <script>
            var forum = {
               paginacao: function(pagina)
               {
                  $.ajax({
                     type: 'POST',
                     url: '/app/Ajax.request.php',
                     data: {'forum': true, 'pagina': pagina},
                     beforeSend: function()
                     {
                        $('#forum_paginacao').animate({'opacity':0.50});
                     },
                     success: function(html)
                     {
                        $('#forum_paginacao').animate({'opacity':1}).html(html);
                     }
                  });
               }
            }
            </script>
            <div id="forum_paginacao">
            <div id="seta_prev"></div>
            <div id="forum_item">
               <div class="avatar" style="background: url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=david39008&action=std&direction=2&head_direction=3&gesture=sml) -10px -14px;"></div>
               <div id="dados_normal" class="dados">
                  <div class="titulo"><a href="/forum/13909-pipoca-de-pixels-60">Pipoca de Pixels #60</a></div>
                  <div class="descricao">
                     <div style="float:left;">Por <b><a href="/home/david39008" style="color:#8B8B8B" vlink="#8B8B8B" alink="#8B8B8B">david39008</a></b></div><div style="float:right;">13/08/2013 às 14:54</div>

                  </div>
               </div>
            </div>
            <div id="forum_item">
               <div class="avatar" style="background: url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=rixer-10&action=std&direction=2&head_direction=3&gesture=sml) -10px -14px;"></div>
               <div id="dados_normal" class="dados">
                  <div class="titulo"><a href="/forum/13908-site-seguro-de-compra">Site seguro de compra</a></div>
                  <div class="descricao">
                     <div style="float:left;">Por <b><a href="/home/rixer-10" style="color:#8B8B8B" vlink="#8B8B8B" alink="#8B8B8B">rixer-10</a></b></div><div style="float:right;">13/08/2013 às 14:07</div>

                  </div>
               </div>
            </div>
            <div id="forum_item">
               <div class="avatar" style="background: url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=Italo.Natan&action=std&direction=2&head_direction=3&gesture=sml) -10px -14px;"></div>
               <div id="dados_normal" class="dados">
                  <div class="titulo"><a href="/forum/13907-jornal-peixotico">Jornal Peixótico</a></div>
                  <div class="descricao">
                     <div style="float:left;">Por <b><a href="/home/Italo.Natan" style="color:#8B8B8B" vlink="#8B8B8B" alink="#8B8B8B">Italo.Natan</a></b></div><div style="float:right;">13/08/2013 às 14:00</div>

                  </div>
               </div>
            </div>
            <div id="forum_item">
               <div class="avatar" style="background: url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=mitohelenaz&action=std&direction=2&head_direction=3&gesture=sml) -10px -14px;"></div>
               <div id="dados_normal" class="dados">
                  <div class="titulo"><a href="/forum/13906-aviso">Aviso</a></div>
                  <div class="descricao">
                     <div style="float:left;">Por <b><a href="/home/mitohelenaz" style="color:#8B8B8B" vlink="#8B8B8B" alink="#8B8B8B">mitohelenaz</a></b></div><div style="float:right;">13/08/2013 às 13:24</div>

                  </div>
               </div>
            </div>
            <div id="forum_item">
               <div class="avatar" style="background: url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=:Sy&action=std&direction=2&head_direction=3&gesture=sml) -10px -14px;"></div>
               <div id="dados_normal" class="dados">
                  <div class="titulo"><a href="/forum/13905-teste-promotor">Teste Promotor</a></div>
                  <div class="descricao">
                     <div style="float:left;">Por <b><a href="/home/:Sy" style="color:#8B8B8B" vlink="#8B8B8B" alink="#8B8B8B">:Sy</a></b></div><div style="float:right;">13/08/2013 às 12:19</div>

                  </div>
               </div>
            </div>
            <div id="forum_item">
               <div class="avatar" style="background: url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=NetoMendes-BAN&action=std&direction=2&head_direction=3&gesture=sml) -10px -14px;"></div>
               <div id="dados_normal" class="dados">
                  <div class="titulo"><a href="/forum/13904-aviso-tropiquiz">Aviso - TropiQUIZ</a></div>
                  <div class="descricao">
                     <div style="float:left;">Por <b><a href="/home/NetoMendes-BAN" style="color:#8B8B8B" vlink="#8B8B8B" alink="#8B8B8B">NetoMendes-BAN</a></b></div><div style="float:right;">13/08/2013 às 10:48</div>

                  </div>
               </div>
            </div>
            <div id="forum_item">
               <div class="avatar" style="background: url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=Kakos10&action=std&direction=2&head_direction=3&gesture=sml) -10px -14px;"></div>
               <div id="dados_normal" class="dados">
                  <div class="titulo"><a href="/forum/13903-new-a-new-speech-bubble">NEW/ A new speech bubble</a></div>
                  <div class="descricao">
                     <div style="float:left;">Por <b><a href="/home/Kakos10" style="color:#8B8B8B" vlink="#8B8B8B" alink="#8B8B8B">Kakos10</a></b></div><div style="float:right;">13/08/2013 às 09:13</div>

                  </div>
               </div>
            </div>
            <div id="forum_item">
               <div class="avatar" style="background: url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=Aleffer&action=std&direction=2&head_direction=3&gesture=sml) -10px -14px;"></div>
               <div id="dados_normal" class="dados">
                  <div class="titulo"><a href="/forum/13902-roar-ja-ouviu">Roar! Já ouviu?</a></div>
                  <div class="descricao">
                     <div style="float:left;">Por <b><a href="/home/Aleffer" style="color:#8B8B8B" vlink="#8B8B8B" alink="#8B8B8B">Aleffer</a></b></div><div style="float:right;">12/08/2013 às 22:43</div>

                  </div>
               </div>
            </div>
                        <div id="seta_next" onclick="forum.paginacao('8');" style="cursor:pointer;"></div>
            </div>
         </div>

É um código HTML, coloque em um de seus Widgets.
Outra coisa, ele não será automático.

Até mais.

Entendi, precisa de uma CSS, ou algo parecido para fazer aquilo, vou formular algo aqui, obrigado a todos que tentaram me ajudar