Sistema de notícias

[Bookmarlucas654]

Qual é minha questão:
Bom, a questão é bem relativa. Vocês entenderão...
Seria o seguinte, meu fórum tem como tema primário sobre um jogo chamado Habbo. Estou para criar uma categoria chamada 'Notícias', onde vou postar notícias sobre Habbo, atualizações que ocorreram no jogo, promoções atuais, etc...

COMO EU QUERIA?

A imagem acima foi retirada de: http://habbsea.forumeiros.com/

Eu criaria uma categoria chamada 'Notícias', e o que eu publicasse nesta área, apareceria na lista.

Espero que me ajudem.

Endereço do meu fórum:
http://habbojoy.forumeiros.com

Versão do fórum:
PUNBB

[Sleep]

Existe um parecido, com a Habbid, e Hospedado pela Forumeiros,

Tem quase tudo igual até os Emblemas, por isso vou te passar, http://habbsea.forumeiros.com/ Assim é mais facil para a equipe retirar o codigo!

[Bookmarlucas654]

Existe um parecido, com a Habbid, e Hospedado pela Forumeiros,

Tem quase tudo igual até os Emblemas, por isso vou te passar, http://habbsea.forumeiros.com/ Assim é mais facil para a equipe retirar o codigo!

Meu Deus, que perfeito...
Editando o tópico para quem for me ajudar. Brigadão pelo apoio... =D

[Convidado]

Olá,

Acenda á:

Painel de Controle Visualização Home Page Geral

E adicione o seguinte código:

Código:

<div class="mes-txt">
   <center>
      
      <table>
         
         <tbody>
            
            <tr>
               
               <td align="left">
                  
                  <div class="module" style="width:300px; height:262px;">
                     
                     <div class="inner">
                         <span class="corners-top"><span></span></span>
                        <div class="h3">
                            Anúncios
                        </div>
                        
                        <div style="width:370px;">
                           
                           <div class="slider-wrapper theme-default">
                              
                              <div class="ribbon">
                                 
                              </div>
                              
                              <div id="nivoslider-125" class="nivoSlider" style="width: 300px; height: 187px; position: relative; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png); background-position: initial initial; background-repeat: no-repeat no-repeat;">
                                  <a style="display: none;" class="nivo-imageLink" href="/f5-bate-papo"><img style="display: none;" src="http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png" title="#nivoslider-125-caption-3" alt="Clique aqui" /></a> <a style="display: none;" class="nivo-imageLink" href="/h11-vip-habbsea"> <img style="display: none;" src="http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png" title="#nivoslider-125-caption-2" alt="Clique aqui" /></a> <a style="display: none;" class="nivo-imageLink" href="http://www.twitter.com/Habbsea"> <img style="display: none;" src="http://i36.servimg.com/u/f36/16/73/94/18/sem_ta13.png" title="#nivoslider-125-caption-1" alt="Clique aqui" /></a> <a style="display: block;" class="nivo-imageLink" href="http://www.facebook.com/Habbsea"><img style="display: none;" src="http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png" title="#nivoslider-125-caption-0" alt="Clique aqui" /></a>
                                 <div style="opacity: 0.8;" class="nivo-caption">
                                    <p style="display: block; opacity: 1;">
                                        Visite nossa área de bate-papo
                                    </p>
                                 </div>
                                 <div style="display: none;" class="nivo-directionNav">
                                    <a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a>
                                 </div>
                                 <div class="nivo-controlNav">
                                    <a rel="0" class="nivo-control active">1</a><a rel="1" class="nivo-control">2</a><a rel="2" class="nivo-control">3</a><a rel="3" class="nivo-control">4</a>
                                 </div>
                                 <div style="left: 0px; width: 20px; height: 89.69951993239174%; opacity: 0.8969951993239174; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png); top: 0px; overflow: hidden; background-position: 0px 0%; background-repeat: no-repeat no-repeat;" class="nivo-slice">
                                 </div>
                                 <div style="left: 20px; width: 20px; height: 89.69951993239174%; opacity: 0.8969951993239174; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png); bottom: 0px; overflow: hidden; background-position: -20px 0%; background-repeat: no-repeat no-repeat;" class="nivo-slice">
                                 </div>
                                 <div style="left: 40px; width: 20px; height: 89.69951993239174%; opacity: 0.8969951993239174; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png); top: 0px; overflow: hidden; background-position: -40px 0%; background-repeat: no-repeat no-repeat;" class="nivo-slice">
                                 </div>
                                 <div style="left: 60px; width: 20px; height: 89.69951993239174%; opacity: 0.8969951993239174; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png); bottom: 0px; overflow: hidden; background-position: -60px 0%; background-repeat: no-repeat no-repeat;" class="nivo-slice">
                                 </div>
                                 <div style="left: 80px; width: 20px; height: 89.69951993239174%; opacity: 0.8969951993239174; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png); top: 0px; overflow: hidden; background-position: -80px 0%; background-repeat: no-repeat no-repeat;" class="nivo-slice">
                                 </div>
                                 <div style="left: 100px; width: 20px; height: 89.69951993239174%; opacity: 0.8969951993239174; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png); bottom: 0px; overflow: hidden; background-position: -100px 0%; background-repeat: no-repeat no-repeat;" class="nivo-slice">
                                 </div>
                                 <div style="left: 120px; width: 20px; height: 100%; opacity: 1; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png); top: 0px; background-position: -120px 0%; background-repeat: no-repeat no-repeat;" class="nivo-slice">
                                 </div>
                                 <div style="left: 140px; width: 20px; height: 100%; opacity: 1; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png); bottom: 0px; background-position: -140px 0%; background-repeat: no-repeat no-repeat;" class="nivo-slice">
                                 </div>
                                 <div style="left: 160px; width: 20px; height: 100%; opacity: 1; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png); top: 0px; background-position: -160px 0%; background-repeat: no-repeat no-repeat;" class="nivo-slice">
                                 </div>
                                 <div style="left: 180px; width: 20px; height: 100%; opacity: 1; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png); bottom: 0px; background-position: -180px 0%; background-repeat: no-repeat no-repeat;" class="nivo-slice">
                                 </div>
                                 <div style="left: 200px; width: 20px; height: 100%; opacity: 1; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png); top: 0px; background-position: -200px 0%; background-repeat: no-repeat no-repeat;" class="nivo-slice">
                                 </div>
                                 <div style="left: 220px; width: 20px; height: 100%; opacity: 1; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png); bottom: 0px; background-position: -220px 0%; background-repeat: no-repeat no-repeat;" class="nivo-slice">
                                 </div>
                                 <div style="left: 240px; width: 20px; height: 100%; opacity: 1; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png); top: 0px; background-position: -240px 0%; background-repeat: no-repeat no-repeat;" class="nivo-slice">
                                 </div>
                                 <div style="left: 260px; width: 20px; height: 100%; opacity: 1; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png); bottom: 0px; background-position: -260px 0%; background-repeat: no-repeat no-repeat;" class="nivo-slice">
                                 </div>
                                 <div style="left: 280px; width: 20px; height: 100%; opacity: 1; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png); top: 0px; background-position: -280px 0%; background-repeat: no-repeat no-repeat;" class="nivo-slice">
                                 </div>
                              </div>
                              
                           </div>
                           
                           <div id="nivoslider-125-caption-0" class="nivo-html-caption">
                               Curta nossa Página no Facebook
                           </div>
                           
                           <div id="nivoslider-125-caption-1" class="nivo-html-caption">
                               Siga-nos no Twitter
                           </div>
                           
                           <div id="nivoslider-125-caption-2" class="nivo-html-caption">
                               Seja Vip HS
                           </div>
                           
                           <div id="nivoslider-125-caption-3" class="nivo-html-caption">
                               Visite nossa área de bate-papo
                           </div>
                            <script type="text/javascript">jQuery(window).load(function(){jQuery("#nivoslider-125").nivoSlider({effect:"random",slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:true,keyboardNav:true,pauseOnHover:true,manualAdvance:false});});</script>
                        </div>
                        
                     </div>
                     
                  </div>
                  
               </td>
               
               <td align="left">
                  
                  <div class="module" style="width:435px; height:260px;">
                     
                     <div class="inner">
                         <span class="corners-top"><span></span></span>
                        <div class="h3">
                            Habbo Hotel: Últimas notícias
                        </div>
                        
                        <div id="get">
                           <ul>
                              <li class="get">
                                  <a href="/t1248-br-ganhe-emblema-kung-loki-fu"><span style="color: rgb(255, 255, 255);"></span><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif" /> <span style="color: rgb(0, 0, 0);"><strong>[BR] Ganhe emblema Kung Loki Fu</strong></span></a> <span class="getAutor"> por <a href="/u1"> Frene</a></span>
                              </li>
                              <li class="get">
                                  <a href="/t1247-br-emblema-mini-quiz-steampunk"><span style="color: rgb(255, 255, 255);"></span><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif" /> <span style="color: rgb(0, 0, 0);"><strong>[BR] Emblema Mini-Quiz Steampunk</strong></span></a> <span class="getAutor"> por <a href="/u1"> Frene</a></span>
                              </li>
                              <li class="get">
                                  <a href="/t1246-br-emblema-mini-quiz-misticos"><span style="color: rgb(255, 255, 255);"></span><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif" /> <span style="color: rgb(0, 0, 0);"><strong>[BR] Emblema Mini-Quiz Místicos </strong></span></a> <span class="getAutor"> por <a href="/u1"> Frene</a></span>
                              </li>
                              <li class="get">
                                  <a href="/t1244-br-emblema-serie-do-habbolano"><span style="color: rgb(255, 255, 255);"></span><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif" /> <span style="color: rgb(0, 0, 0);"><strong>[BR] Emblema Série do Habbolano</strong></span></a> <span class="getAutor"> por <a href="/u1"> Frene</a></span>
                              </li>
                              <li class="get">
                                  <a href="/t1243-br-responda-a-mini-quiz-sao-valentim-e-ganhe-emblema"><span style="color: rgb(255, 255, 255);"></span><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif" /> <span style="color: rgb(0, 0, 0);"><strong>[BR] Responda a Mini Quiz São Valentim e ganhe Emblema</strong></span></a> <span class="getAutor"> por <a href="/u1"> Frene</a></span>
                              </li>
                              <li class="get">
                                  <a href="/t1242-br-de-sua-opiniao-e-ganhe-emblema"><span style="color: rgb(255, 255, 255);"></span><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif" /> <span style="color: rgb(0, 0, 0);"><strong>[BR] Dê sua opinião e ganhe emblema</strong></span></a> <span class="getAutor"> por <a href="/u1"> Frene</a></span>
                              </li>
                           </ul>
                        </div>
                        
                     </div>
                     
                  </div>
                  
               </td>
               
            </tr>
            
         </tbody>
         
      </table>
   </center>
   
</div><span class="corners-bottom"><span></span></span>
<div class="inner">
    <span class="corners-top"><span></span></span>
   <div class="mes-txt">
      
      <center>
         
         <table>
            
            <tbody>
               
               <tr>
                  
                  <td align="left">
                     
                     <div style="width:300px; height:262px;" class="module">
                        
                        <div class="inner">
                            <span class="corners-top"><span></span></span>
                           <div class="h3">
                               Anúncios
                           </div>
                           
                           <div style="width:370px;">
                              
                              <div class="slider-wrapper theme-default">
                                 
                                 <div class="ribbon">
                                    
                                 </div>
                                 
                                 <div style="width: 300px; height: 187px; position: relative; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png); background-position: initial initial; background-repeat: no-repeat no-repeat;" class="nivoSlider" id="nivoslider-125">
                                     <a href="/f5-bate-papo" class="nivo-imageLink" style="display: block;"><img alt="Clique aqui" title="#nivoslider-125-caption-3" src="http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png" style="display: none;" /></a> <a href="/h11-vip-habbsea" class="nivo-imageLink" style="display: none;"> <img alt="Clique aqui" title="#nivoslider-125-caption-2" src="http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png" style="display: none;" /></a> <a href="http://www.twitter.com/Habbsea" class="nivo-imageLink" style="display: none;"> <img alt="Clique aqui" title="#nivoslider-125-caption-1" src="http://i36.servimg.com/u/f36/16/73/94/18/sem_ta13.png" style="display: none;" /></a> <a href="http://www.facebook.com/Habbsea" class="nivo-imageLink" style="display: none;"><img alt="Clique aqui" title="#nivoslider-125-caption-0" src="http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png" style="display: none;" /></a>
                                    <div class="nivo-caption" style="opacity: 0.8;">
                                       
                                       <p style="display: block; opacity: 1;">
                                           Seja Vip HS
                                       </p>
                                       
                                    </div>
                                    
                                    <div class="nivo-directionNav" style="display: none;">
                                        <a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a>
                                    </div>
                                    
                                    <div class="nivo-controlNav">
                                        <a class="nivo-control" rel="0">1</a><a class="nivo-control active" rel="1">2</a><a class="nivo-control" rel="2">3</a><a class="nivo-control" rel="3">4</a>
                                    </div>
                                    
                                    <div class="nivo-slice" style="left: 0px; width: 20px; height: 85.57678386046423%; opacity: 0.8892311507835111; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png); top: 0px; overflow: hidden; background-position: 0px 0%; background-repeat: no-repeat no-repeat;">
                                       
                                    </div>
                                    
                                    <div class="nivo-slice" style="left: 20px; width: 20px; height: 72.13791155194504%; opacity: 0.7213791155194504; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png); top: 0px; overflow: hidden; background-position: -20px 0%; background-repeat: no-repeat no-repeat;">
                                       
                                    </div>
                                    
                                    <div class="nivo-slice" style="left: 40px; width: 20px; height: 60.60035549610271%; opacity: 0.6060035549610271; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png); top: 0px; overflow: hidden; background-position: -40px 0%; background-repeat: no-repeat no-repeat;">
                                       
                                    </div>
                                    
                                    <div class="nivo-slice" style="left: 60px; width: 20px; height: 48.42946204609358%; opacity: 0.48429462046093585; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png); top: 0px; overflow: hidden; background-position: -60px 0%; background-repeat: no-repeat no-repeat;">
                                       
                                    </div>
                                    
                                    <div class="nivo-slice" style="left: 80px; width: 20px; height: 33.359022773850675%; opacity: 0.3335902277385068; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png); top: 0px; overflow: hidden; background-position: -80px 0%; background-repeat: no-repeat no-repeat;">
                                       
                                    </div>
                                    
                                    <div class="nivo-slice" style="left: 100px; width: 20px; height: 14.42321613953576%; opacity: 0.1442321613953576; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png); top: 0px; overflow: hidden; background-position: -100px 0%; background-repeat: no-repeat no-repeat;">
                                       
                                    </div>
                                    
                                    <div class="nivo-slice" style="left: 120px; width: 20px; height: 5.885438678252392%; opacity: 0.058854386782523915; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png); top: 0px; overflow: hidden; background-position: -120px 0%; background-repeat: no-repeat no-repeat;">
                                       
                                    </div>
                                    
                                    <div class="nivo-slice" style="left: 140px; width: 20px; height: 0.2524491509350246%; opacity: 0.0025244915093502462; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png); top: 0px; overflow: hidden; background-position: -140px 0%; background-repeat: no-repeat no-repeat;">
                                       
                                    </div>
                                    
                                    <div class="nivo-slice" style="left: 160px; width: 20px; height: 0%; opacity: 0; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png); top: 0px; overflow: hidden; background-position: -160px 0%; background-repeat: no-repeat no-repeat;">
                                       
                                    </div>
                                    
                                    <div class="nivo-slice" style="left: 180px; width: 20px; height: 0px; opacity: 0; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png); top: 0px; background-position: -180px 0%; background-repeat: no-repeat no-repeat;">
                                       
                                    </div>
                                    
                                    <div class="nivo-slice" style="left: 200px; width: 20px; height: 0px; opacity: 0; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png); top: 0px; background-position: -200px 0%; background-repeat: no-repeat no-repeat;">
                                       
                                    </div>
                                    
                                    <div class="nivo-slice" style="left: 220px; width: 20px; height: 0px; opacity: 0; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png); top: 0px; background-position: -220px 0%; background-repeat: no-repeat no-repeat;">
                                       
                                    </div>
                                    
                                    <div class="nivo-slice" style="left: 240px; width: 20px; height: 0px; opacity: 0; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png); top: 0px; background-position: -240px 0%; background-repeat: no-repeat no-repeat;">
                                       
                                    </div>
                                    
                                    <div class="nivo-slice" style="left: 260px; width: 20px; height: 0px; opacity: 0; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png); top: 0px; background-position: -260px 0%; background-repeat: no-repeat no-repeat;">
                                       
                                    </div>
                                    
                                    <div class="nivo-slice" style="left: 280px; width: 20px; height: 0px; opacity: 0; background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png); top: 0px; background-position: -280px 0%; background-repeat: no-repeat no-repeat;">
                                       
                                    </div>
                                    
                                 </div>
                                 
                              </div>
                              
                              <div class="nivo-html-caption" id="nivoslider-125-caption-0">
                                  Curta nossa Página no Facebook
                              </div>
                              
                              <div class="nivo-html-caption" id="nivoslider-125-caption-1">
                                  Siga-nos no Twitter
                              </div>
                              
                              <div class="nivo-html-caption" id="nivoslider-125-caption-2">
                                  Seja Vip HS
                              </div>
                              
                              <div class="nivo-html-caption" id="nivoslider-125-caption-3">
                                  Visite nossa área de bate-papo
                              </div>
                               <script type="text/javascript">jQuery(window).load(function(){jQuery("#nivoslider-125").nivoSlider({effect:"random",slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:true,keyboardNav:true,pauseOnHover:true,manualAdvance:false});});</script>
                           </div>
                           
                        </div>
                        
                     </div>
                     
                  </td>
                  
                  <td align="left">
                     
                     <div style="width:435px; height:260px;" class="module">
                        
                        <div class="inner">
                            <span class="corners-top"><span></span></span>
                           <div class="h3">
                               Habbo Hotel: Últimas notícias
                           </div>
                           
                           <div id="get">
                              
                              <ul>
                                 
                                 <li class="get">
                                     <a href="/t1248-br-ganhe-emblema-kung-loki-fu"><span style="color: rgb(255, 255, 255);"></span><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif" /> <span style="color: rgb(0, 0, 0);"><strong>[BR] Ganhe emblema Kung Loki Fu</strong></span></a> <span class="getAutor"> por <a href="/u1"> Frene</a></span>
                                 </li>
                                 
                                 <li class="get">
                                     <a href="/t1247-br-emblema-mini-quiz-steampunk"><span style="color: rgb(255, 255, 255);"></span><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif" /> <span style="color: rgb(0, 0, 0);"><strong>[BR] Emblema Mini-Quiz Steampunk</strong></span></a> <span class="getAutor"> por <a href="/u1"> Frene</a></span>
                                 </li>
                                 
                                 <li class="get">
                                     <a href="/t1246-br-emblema-mini-quiz-misticos"><span style="color: rgb(255, 255, 255);"></span><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif" /> <span style="color: rgb(0, 0, 0);"><strong>[BR] Emblema Mini-Quiz Místicos </strong></span></a> <span class="getAutor"> por <a href="/u1"> Frene</a></span>
                                 </li>
                                 
                                 <li class="get">
                                     <a href="/t1244-br-emblema-serie-do-habbolano"><span style="color: rgb(255, 255, 255);"></span><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif" /> <span style="color: rgb(0, 0, 0);"><strong>[BR] Emblema Série do Habbolano</strong></span></a> <span class="getAutor"> por <a href="/u1"> Frene</a></span>
                                 </li>
                                 
                                 <li class="get">
                                     <a href="/t1243-br-responda-a-mini-quiz-sao-valentim-e-ganhe-emblema"><span style="color: rgb(255, 255, 255);"></span><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif" /> <span style="color: rgb(0, 0, 0);"><strong>[BR] Responda a Mini Quiz São Valentim e ganhe Emblema</strong></span></a> <span class="getAutor"> por <a href="/u1"> Frene</a></span>
                                 </li>
                                 
                                 <li class="get">
                                     <a href="/t1242-br-de-sua-opiniao-e-ganhe-emblema"><span style="color: rgb(255, 255, 255);"></span><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif" /> <span style="color: rgb(0, 0, 0);"><strong>[BR] Dê sua opinião e ganhe emblema</strong></span></a> <span class="getAutor"> por <a href="/u1"> Frene</a></span>
                                 </li>
                                 
                              </ul>
                              
                           </div>
                           
                        </div>
                        
                     </div>
                     
                  </td>
                  
               </tr>
               
            </tbody>
            
         </table>
         
      </center>
      
   </div><span class="corners-bottom"><span></span></span>
</div>

E salvar.

Se acaso não der muito certo, é que falta um pequeno complemento que no caso é por JavaScript, o qual o FDF não nos permite passar.

Cordialmente.

[Bookmarlucas654]

Caro colega, está totalmente deformado este código. E aliás, onde estaria a opção para escolher de que fórum pegará a lista?
Obrigado pela ajuda, mas não é este o código...

[Troubleshoot]

Ola!
Pelo que entendi você deseja adicionar um widget de notícias "automático", correto?
Para isso, vá em: Painel de Controle  Módulos :seta2:Portal & Widgets :seta:Gestão dos widgets do fórum

Faça igual ao print(mova o widget "Novidades"):
[
https://i.imgur.com/PfcUJSi.png

Feito, edite o widget da seguinte forma. Clique em  e preencha as opções:

Quantidade de novidades: 5~10
Comprimento das novidades : 400
Selecione o fórum que contém nas novidades a exibir Fórum das novidades: escolha o fórum no qual irá aparecer as notícias

Resulta?


Cordialmente,
Engine404

[Bookmarlucas654]

Não amigo, é como na imagem do tópico.
https://i.imgur.com/l15EoCE.png

Este seu modo eu já sabia, no entanto, seria como este que informei no tópico, como existe no forum que citei.

[Bookmarlucas654]

Necessito de verdade do suporte de vocês!   

[Kyo Panda]

[...] Este seu modo eu já sabia, no entanto, seria como este que informei no tópico, como existe no forum que citei.

Quando você usa este modo, ele gera um feed com tópicos, não? A partir daqui, a única diferença seria layout?

Abraços.

[Bookmarlucas654]

Exato. Mas no caso, apenas desta categoria "Notícias Habbo". =)

[Kyo Panda]

Tem como você criar esse widget, nessa caregoria, para que possamos estilizá-la de acordo?

[Bookmarlucas654]

Claro que sim. Um momento, por favor.

[Bookmarlucas654]

NÃO ESTOU CANCELANDO O PEDIDO!
Mas, me responde uma coisa. Para fazer isto, é realmente necessário a utilização de widgets? Pois, removi os widgets do fórum, porque quando o usuário está desconectado, buga a página, e os widgets vão pra cima do menu e fica uma bagunça...

Então, tem algum meio de fazer isto SEM usar widget? Por favor!!!  

[Bookmarlucas654]

Infelizmente, parece que realmente fui esquecido ;/

[ShiroK]

Olá,

Tem sim, você pode optar por criar uma página em HTML para colocar tal código, mas se possível, poderia fornecer algum código para editarmos? Ou apenas as imagens, e descrever um pouco de como quer exatamente.

Atenciosamente,
ShiroK

[Kyo Panda]

Tire um printscreen da sua página inicial e marque com o Paint onde quer o bloco.

[Bookmarlucas654]

Amigo, é no lugar mais fácil do fórum =P
É em GERAL, onde fica a categoria 'Visualizar', do painel.

Atualmente, está esta imagem lá em meu fórum:


Ps.: Muito obrigado por estar dando atenção a minha questão. =D

[HilterHP]

Olá amigo, crie um widget personalizado e adicione o seguinte código:

Anuncios:

Codigo:

Ultimas noticias:

Spoiler:

Depois personalize do seu jeito

Atenciosamente,
HilterHP

[Bookmarlucas654]

Amigo, tem 2 questões ai.
Primeiro, onde fica os últimos tópicos, não quero o HTML daquela parte(é um tanto fácil eu pegar o html). O que queria é um código que fique dentro desta parte, e apresentasse o títulos dos 6 últimos tópicos da categoria 'NOTÍCIAS HABBO'.

E por segundo lugar, como informei nos comentários, eu tive que desativar os widgets do fórum pois eles causam bug em meu fórum. Então, seria algum meio sem utilizar o widget, entende?

Então, obrigado também pela tentativa, mas não é este o código que necessito, e sim, um sistema que apareça os últimos 6 tópicos APENAS da categoria 'Notícias Habbo'. =x

[Kyo Panda]

Adicione esse script a um novo Javascript:

Código:

$(function() {
    $.get('http://habbojoy.forumeiros.com/feed/?f=2', 'xml', function(data) {
        var self, posts, list;
        self = $(data);
        list = $('<ul class="news-feed"><li class="header">HABBO HOTEL: ÚLTIMAS NOTÍCIAS</li></ul>');
        posts = self.find('item');
        posts.each(function(key, element) {
            var self;
            self = $(element);
            list.append($('<li><a href="' + self.find('link').text() + '"><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif" /> ' + self.find('title').text() + '</a> por ' + self.find("creator").text() + '</li>'));
        });
        $('#pun-announcement').prepend(list);
    });
});

E adicione isso à sua Folha de estilo CSS:

Código:

.news-feed {
  background: url(http://i43.servimg.com/u/f43/17/53/16/77/sem_ta12.png) repeat-x center bottom;
  border: 1px solid #CECECE;
  padding: 0 !important;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  width: 435px;
  margin: 0 auto 20px;
}

.news-feed li {
  list-style: none;
  border-bottom: 1px solid #666;
  display: block !important;
  padding: 7px 0 7px 20px;
  line-height: 1.5em;
}

.news-feed li img {
  vertical-align: middle;
}

.news-feed li:last-child {
  border-bottom: none;
}

.news-feed li.header {
  background-image: url(http://i36.servimg.com/u/f36/16/73/94/18/sem_ta33.png);
  font: 14px 'Trebuchet MS';
  color: #FFFFFF;
  padding: 5px;
  text-align: center;
  text-shadow: #108ba0 -1px -1px;
  border-bottom: none;
}

Abraços.

[Bookmarlucas654]

PER-FEI-TO!!!!!!!!!!!!!!!!!
Cara, é exatamente isto. Agora, só falta aquele slide que aparece logo do lado dele.

Cara, que perfeito, é exatamente isto!!! Obrigadão de verdade. Agora, só falta este detalhe =P

[Kyo Panda]

Detalhe? Aquele slider foi um verdadeiro inferno na Terra. (TT-TT)

Mas, adicione isso a um novo módulo Javascript:

Código:

$(function() {
  var slider;

  slider = [{
      title : 'Meu título 1',
      link  : 'http://ajuda.forumeiros.com',
      image : 'http://i56.servimg.com/u/f56/12/05/75/97/fdf_lo11.png'
  }, {
      title : 'Meu título 2',
      link  : 'http://ajuda.forumeiros.com',
      image : 'http://i56.servimg.com/u/f56/12/05/75/97/fdf_lo11.png'
  }, {
      title : 'Meu título 3',
      link  : 'http://ajuda.forumeiros.com',
      image : 'http://i56.servimg.com/u/f56/12/05/75/97/fdf_lo11.png'
  }, {
      title : 'Meu título 4',
      link  : 'http://ajuda.forumeiros.com',
      image : 'http://i56.servimg.com/u/f56/12/05/75/97/fdf_lo11.png'
  }];

  $('<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/jquery-nivoslider/3.2/nivo-slider.min.css" />').appendTo('head');

  $.when(
      $.getScript('http://cdnjs.cloudflare.com/ajax/libs/jquery-nivoslider/3.2/jquery.nivo.slider.pack.min.js')
  ).then(function() {
      var container, wrap, wrapper, main;
      container = $('<div id="news-slider" class="nivoSlider"></div>');
      wrap = $('<div class="announce-slider"><div class="header">ANÚNCIOS</div></div>');
      wrapper = $('<div class="announce-wrapper"></div>');
      main = $('<div class="announce-feed-wrapper"></div>');
      wrap.append(container);
      wrapper.append(wrap);
      main.append(wrapper);
      $.each(slider, function(key, options) {
         var img, link, title;
         if (options.image) {
             img = $('<img src="' + options.image + '" />');
             if (options.link) {
                 link = $('<a href="' + options.link + '"></a>');
             }
             if (options.title) {
                 img.attr('title', '#news-slider-' + key);
                 title = $('<div id="news-slider-' + key + '" class="nivo-html-caption">' + options.title + '</div>');
             }
         }
         if (img) {
             if (link) {
                 link.append(img);
                 container.append(link);
             } else {
                 container.append(img);
             }
             if (title) {
                 container.after(title);
             }
         }
      });
      $('#pun-announcement').prepend(main);
      $('.news-feed').appendTo(main);
      container.nivoSlider();
  });
});

E isso à sua Folha de estilo CSS:

Código:

.announce-feed-wrapper {
   overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

.nivo-controlNav {
   position: absolute;
   bottom: -42px;
   margin-left: -40px;
   left: 50%;
}

.nivo-controlNav a.active {
    background-position: 0 -22px;
}

.nivo-controlNav a {
   display: block;
   width: 22px;
   height: 22px;
   background: url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
   text-indent: -9999px;
   border: 0;
   margin-right: 3px;
   float: left;
}

.nivo-directionNav a {
   display: block;
   width: 30px;
   height: 30px;
   background: url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
   text-indent: -9999px;
   border: 0;
   bottom: 20px;
}

a.nivo-nextNav {
   background-position: -30px 0;
   right: 15px;
}

.news-feed {
   float: right;
   width: 60%;
   box-sizing: border-box;
}

.announce-wrapper {
  float: left;
   width: 40%;
   box-sizing: border-box;
  padding-right: 20px;
}

.announce-slider {
   position: relative;
   border: 1px solid #CECECE;
}

.announce-slider .header {
   background-image: url(http://i57.servimg.com/u/f57/17/17/49/06/sem_ta11.jpg);
   border-bottom: none;
   color: #FFF;
   font-family: 'Trebuchet MS';
   font-size: 14px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   padding:7px;
   text-align: center;
   text-shadow: #108ba0 -1px -1px;
   line-height: 17px;
}

Abraços.

[Bookmarlucas654]

Amigo, eu estou tentando unir, mas não consigo =x O que eu faço para unir eles?
(Me perdoa estar te dando zilhões de trabalhos D=)

Código:

/* Slide e Notícias Habbo */
.news-feed {
  background: url() repeat-x center bottom;
  border: 0px solid #CECECE;
  padding: 0 !important;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  overflow: hidden;
  width: 435px;
  margin: 0 auto 20px;
}

.news-feed li {
  list-style: none;
  border-bottom: 1px solid #666;
  display: block !important;
  padding: 7px 0 7px 20px;
  line-height: 1.5em;
}

.news-feed li img {
  vertical-align: middle;
}

.news-feed li:last-child {
  border-bottom: none;
}

.news-feed li.header {
  background-image: url(http://i57.servimg.com/u/f57/17/17/49/06/sem_ta11.jpg);
  font: 14px 'Trebuchet MS';
  color: #FFFFFF;
  padding: 5px;
  text-align: center;
  text-shadow: #108ba0 -1px -1px;
  border-bottom: none;
}




.announce-feed-wrapper {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

.nivo-controlNav {
  position: absolute;
  bottom: -42px;
  margin-left: -40px;
  left: 50%;
}

.nivo-controlNav a.active {
    background-position: 0 -22px;
}

.nivo-controlNav a {
  display: block;
  width: 22px;
  height: 22px;
  background: url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  margin-right: 3px;
  float: left;
}

.nivo-directionNav a {
  display: block;
  width: 30px;
  height: 30px;
  background: url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  bottom: 20px;
}

a.nivo-nextNav {
  background-position: -30px 0;
  right: 15px;
}

.news-feed {
  float: right;
  width: 60%;
  box-sizing: border-box;
}

.announce-wrapper {
  float: left;
  width: 40%;
  box-sizing: border-box;
  padding-right: 20px;
}

.announce-slider {
  position: relative;
  border: 1px solid #CECECE;
}

.announce-slider .header {
  background-image: url(http://i57.servimg.com/u/f57/17/17/49/06/sem_ta11.jpg);
  border-bottom: none;
  color: #FFF;
  font-family: 'Trebuchet MS';
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  padding:7px;
  text-align: center;
  text-shadow: #108ba0 -1px -1px;
  line-height: 17px;
}

[Kyo Panda]

Sem problemas.

Procure por:

Código:

.announce-wrapper {
  float: left;
  width: 40%;
  box-sizing: border-box;
  padding-right: 20px;
}

Remova o "padding-right: 20px;".

Abraços.

[Bookmarlucas654]

Velho, para com isso. Deixa da tua proeza e vai se tornar um mod do FDF velho, você é EXPERT no assunto, e sabe tratar as pessoas.
Velho, brigadão de verdade!!!

Podem dar bloq.