Sistema de notícias

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

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!

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

por Convidado 09.03.14 22:53

Olá,

Acenda á:

Painel de Controle Visualização Home Page Geral

E adicione o seguinte código:

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

E salvar.

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

Cordialmente.

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

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

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.

por Bookmarlucas654 11.03.14 17:04

Necessito de verdade do suporte de vocês! Triste

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

por Bookmarlucas654 11.03.14 18:49

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

por Kyo Panda 11.03.14 18:54

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

por Bookmarlucas654 11.03.14 19:33

Claro que sim. Um momento, por favor.

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

por Bookmarlucas654 12.03.14 18:43

Infelizmente, parece que realmente fui esquecido ;/

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

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

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

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

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

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.

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

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.

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

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

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!

Hitskin.com

Sistema de notícias

Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias

Re: Sistema de notícias