Sistema de notícias

+2
Sleep
Bookmarlucas654
6 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Sistema de notícias

Mensagem por Bookmarlucas654 09.03.14 22:20

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?
Sistema de notícias L15EoCE
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


Última edição por Bookmarlucas654 em 09.03.14 22:42, editado 1 vez(es)
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro
  • 0

Tópico resolvido Re: Sistema de notícias

Mensagem por Sleep 09.03.14 22:29

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!
Sleep

Sleep
Ajudeiro
Ajudeiro

Membro desde : 10/08/2012
Mensagens : 1097
Pontos : 1331

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 09.03.14 22:38

Sleep escreveu: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
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Convidado 09.03.14 22:53

Olá,

Acenda á:
Painel de Controle Seta Visualização Seta Home Page Seta 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.
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 09.03.14 23:09

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...
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Sistema de notícias

Mensagem por Troubleshoot 09.03.14 23:25

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

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

Feito, edite o widget da seguinte forma. Clique em Editar 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


Última edição por sasuky em 09.03.14 23:33, editado 1 vez(es)
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 09.03.14 23:33

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

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 11.03.14 17:04

Necessito de verdade do suporte de vocês!  Triste 
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Kyo Panda 11.03.14 18:47

Bookmarlucas654 escreveu:
[...] 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. Feliz
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 11.03.14 18:49

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

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Kyo Panda 11.03.14 18:54

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

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 11.03.14 19:33

Claro que sim. Um momento, por favor.
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 11.03.14 20:31

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!!!  Triste
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 12.03.14 18:43

Infelizmente, parece que realmente fui esquecido ;/
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por ShiroK 12.03.14 18:51

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
ShiroK

ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Kyo Panda 12.03.14 19:30

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

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 12.03.14 19:52

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:
Sistema de notícias Public11

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

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por HilterHP 12.03.14 20:01

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

Anuncios:
Codigo:
Ultimas noticias:
Spoiler:

Depois personalize do seu jeito Feliz

Atenciosamente,
HilterHP zen
HilterHP

HilterHP
****

Membro desde : 25/02/2014
Mensagens : 257
Pontos : 409

http://htttp://inativoforumhilter.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 12.03.14 20:49

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
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Kyo Panda 12.03.14 21:03

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. Feliz
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 12.03.14 21:36

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
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Sistema de notícias

Mensagem por Kyo Panda 13.03.14 1:29

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. Feliz
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 13.03.14 2:30

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;
}
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Sistema de notícias

Mensagem por Kyo Panda 13.03.14 12:36

Sem problemas. Feliz

Procure por:

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

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

Abraços. Feliz
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 13.03.14 13:17

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.  Tive uma idéia! 
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos