Sistema de notícias

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

Resolvido Sistema de notícias

Mensagem por Bookmarlucas654 em 09/03/14, 07:20 pm

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


Última edição por Bookmarlucas654 em 09/03/14, 07:42 pm, editado 1 vez(es)
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com
  • 0

Resolvido Re: Sistema de notícias

Mensagem por Sleep em 09/03/14, 07:29 pm

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

Sleep
Usuário avançado

Masculino
Inscrito dia : 10/08/2012
Mensagens : 424
Pontos Ativos : 596

Ver perfil do usuário http://brasilrealistic.forumeiros.com/

Resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 em 09/03/14, 07:38 pm

@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
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por Convidado em 09/03/14, 07:53 pm

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.

Convidado
Convidado


Resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 em 09/03/14, 08:09 pm

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

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com
  • 0

Resolvido Re: Sistema de notícias

Mensagem por Troubleshoot em 09/03/14, 08:25 pm

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"):
[
http://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, 08:33 pm, editado 1 vez(es)
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 em 09/03/14, 08:33 pm

Não amigo, é como na imagem do tópico.
http://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.
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 em 11/03/14, 02:04 pm

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

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por Kyo Panda em 11/03/14, 03:47 pm

@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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 em 11/03/14, 03:49 pm

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

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por Kyo Panda em 11/03/14, 03:54 pm

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 em 11/03/14, 04:33 pm

Claro que sim. Um momento, por favor.
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 em 11/03/14, 05:31 pm

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
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 em 12/03/14, 03:43 pm

Infelizmente, parece que realmente fui esquecido ;/
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por ShiroK em 12/03/14, 03:51 pm

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
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

Ver perfil do usuário http://narutoyopa.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por Kyo Panda em 12/03/14, 04:30 pm

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 em 12/03/14, 04:52 pm

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
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por HilterHP em 12/03/14, 05:01 pm

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

Anuncios:
Codigo:
<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: url(&quot;http://i36.servimg.com/u/f36/16/73/94/18/sem_ta13.png&quot;) no-repeat scroll 0% 0% transparent;" class="nivoSlider" id="nivoslider-125">
<a style="display: none;" class="nivo-imageLink" href="/f5-bate-papo"><img style="display: none;" alt="Clique aqui" title="#nivoslider-125-caption-3" src="http://i36.servimg.com/u/f36/16/73/94/18/sem_ta12.png"></a> <a style="display: none;" class="nivo-imageLink" href="/h11-vip-habbsea"> <img style="display: none;" alt="Clique aqui" title="#nivoslider-125-caption-2" src="http://i36.servimg.com/u/f36/16/73/94/18/sem_ta15.png"></a> <a style="display: block;" class="nivo-imageLink" href="http://www.twitter.com/Habbsea"> <img style="display: none;" alt="Clique aqui" title="#nivoslider-125-caption-1" src="http://i36.servimg.com/u/f36/16/73/94/18/sem_ta13.png"></a> <a style="display: none;" class="nivo-imageLink" href="http://www.facebook.com/Habbsea"><img style="display: none;" alt="Clique aqui" title="#nivoslider-125-caption-0" src="http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png"></a>
<div style="opacity: 0.8;" class="nivo-caption"><p style="display: block; opacity: 0.342507;">
Siga-nos no Twitter
</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 class="nivo-control" rel="0">1</a><a class="nivo-control" rel="1">2</a><a class="nivo-control" rel="2">3</a><a class="nivo-control active" rel="3">4</a></div><div style="left: 0px; width: 300px; height: 100%; opacity: 0.20738; background: url(&quot;http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png&quot;) no-repeat scroll 0px 0% transparent;" class="nivo-slice"></div><div style="left: 20px; width: 20px; height: 0px; opacity: 0; background: url(&quot;http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png&quot;) no-repeat scroll -20px 0% transparent;" class="nivo-slice"></div><div style="left: 40px; width: 20px; height: 0px; opacity: 0; background: url(&quot;http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png&quot;) no-repeat scroll -40px 0% transparent;" class="nivo-slice"></div><div style="left: 60px; width: 20px; height: 0px; opacity: 0; background: url(&quot;http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png&quot;) no-repeat scroll -60px 0% transparent;" class="nivo-slice"></div><div style="left: 80px; width: 20px; height: 0px; opacity: 0; background: url(&quot;http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png&quot;) no-repeat scroll -80px 0% transparent;" class="nivo-slice"></div><div style="left: 100px; width: 20px; height: 0px; opacity: 0; background: url(&quot;http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png&quot;) no-repeat scroll -100px 0% transparent;" class="nivo-slice"></div><div style="left: 120px; width: 20px; height: 0px; opacity: 0; background: url(&quot;http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png&quot;) no-repeat scroll -120px 0% transparent;" class="nivo-slice"></div><div style="left: 140px; width: 20px; height: 0px; opacity: 0; background: url(&quot;http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png&quot;) no-repeat scroll -140px 0% transparent;" class="nivo-slice"></div><div style="left: 160px; width: 20px; height: 0px; opacity: 0; background: url(&quot;http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png&quot;) no-repeat scroll -160px 0% transparent;" class="nivo-slice"></div><div style="left: 180px; width: 20px; height: 0px; opacity: 0; background: url(&quot;http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png&quot;) no-repeat scroll -180px 0% transparent;" class="nivo-slice"></div><div style="left: 200px; width: 20px; height: 0px; opacity: 0; background: url(&quot;http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png&quot;) no-repeat scroll -200px 0% transparent;" class="nivo-slice"></div><div style="left: 220px; width: 20px; height: 0px; opacity: 0; background: url(&quot;http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png&quot;) no-repeat scroll -220px 0% transparent;" class="nivo-slice"></div><div style="left: 240px; width: 20px; height: 0px; opacity: 0; background: url(&quot;http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png&quot;) no-repeat scroll -240px 0% transparent;" class="nivo-slice"></div><div style="left: 260px; width: 20px; height: 0px; opacity: 0; background: url(&quot;http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png&quot;) no-repeat scroll -260px 0% transparent;" class="nivo-slice"></div><div style="left: 280px; width: 20px; height: 0px; opacity: 0; background: url(&quot;http://i36.servimg.com/u/f36/16/73/94/18/sem_ta14.png&quot;) no-repeat scroll -280px 0% transparent;" class="nivo-slice"></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>
Ultimas noticias:
Spoiler:
<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"><font color="#FFF"></font><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif">      <font color="#000"><b>[BR] Ganhe emblema Kung Loki Fu</b></font></a>  <span class="getAutor"> por <a href="/u1">      Frene</a></span> </li><li class="get"> <a href="/t1247-br-emblema-mini-quiz-steampunk"><font color="#FFF"></font><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif">      <font color="#000"><b>[BR] Emblema Mini-Quiz Steampunk</b></font></a>  <span class="getAutor"> por <a href="/u1">      Frene</a></span> </li><li class="get"> <a href="/t1246-br-emblema-mini-quiz-misticos"><font color="#FFF"></font><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif">      <font color="#000"><b>[BR] Emblema Mini-Quiz Místicos </b></font></a>  <span class="getAutor"> por <a href="/u1">      Frene</a></span> </li><li class="get"> <a href="/t1244-br-emblema-serie-do-habbolano"><font color="#FFF"></font><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif">      <font color="#000"><b>[BR] Emblema Série do Habbolano</b></font></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"><font color="#FFF"></font><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif">      <font color="#000"><b>[BR] Responda a Mini Quiz São Valentim e ganhe Emblema</b></font></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"><font color="#FFF"></font><img src="http://i43.servimg.com/u/f43/16/73/94/18/tinyic10.gif">      <font color="#000"><b>[BR] Dê sua opinião e ganhe emblema</b></font></a>  <span class="getAutor"> por <a href="/u1">      Frene</a></span> </li></ul></div>
</div>
</div>

Depois personalize do seu jeito Feliz

Atenciosamente,
HilterHP zen
avatar

HilterHP
Nível 10

Masculino
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409

Ver perfil do usuário http://htttp://inativoforumhilter.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 em 12/03/14, 05:49 pm

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
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por Kyo Panda em 12/03/14, 06:03 pm

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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 em 12/03/14, 06:36 pm

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
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com
  • 0

Resolvido Re: Sistema de notícias

Mensagem por Kyo Panda em 12/03/14, 10:29 pm

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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 em 12/03/14, 11:30 pm

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

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com
  • 0

Resolvido Re: Sistema de notícias

Mensagem por Kyo Panda em 13/03/14, 09:36 am

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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Sistema de notícias

Mensagem por Bookmarlucas654 em 13/03/14, 10:17 am

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

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum