Menu de notícias e links úteis

Detalhes da questão

Endereço do fórum: http://policiatte.forumeiros.com
Versão do fórum: ModernBB

Descrição

Gostaria de saber se é possível disponibilizar o código do menu de notícias e link´s úteis que utilizam aqui no forum dos forums.

Olá @Strilk,

Todo tema de qualquer comunidade oficial de Forumeiros é extremamente proibida a ser compartilhada ou usada pelos nossos administradores. Isso, pode fazer com que os usuários confundam o verdadeiro FDF e suporte oficial, causando problemas.

Qualquer fórum que tiver semelhança com um fórum de ajuda oficial, será dizimado sem aviso prévio.

No entanto podemos tentar uma adaptação parecida:

Visto que utilizamos um codigo acessível nesse caso: Verifique este tópico Modulo Novidade

Atenciosamente,
Sleep

Não consegui por no meu fórum, como faz? Coloquei no meu template e não aconteceu nada.

Olá @Strilk,

Strilk escreveu:Não consegui por no meu fórum, como faz? Coloquei no meu template e não aconteceu nada.

Estes módulos são adicionados na "Mensagem na página inicial" (em Painel administrativo > Visualização > Página inicial > Geral).


Atenciosamente,
pedxz.

Fórum ilegal Informamos que o seu fórum corre o risco de ser eliminado por não estar de acordo com as Condições Gerais de Uso. Por favor, queira regularizar o seu fórum o mais rápido possível. Tenha em conta que o suporte a fóruns ilegais é limitado, para mais informações, consulte: Atendimento aos fóruns ilegais.

Aqui diz: A largura da sua mensagem ultrapassa o limite autorizado.

são adicionados na "Mensagem na página inicial" (em Painel administrativo > Visualização > Página inicial > Geral).

Use o seguinte código como conteúdo da mensagem

Código:

<div style="margin-right: 1rem;" class="module">
    
   <div class="h3">Tópicos úteis</div>
    
   <ul class="fa-to-go">
           
      <li>
                 <a href="#">Ítem 1</a>                                                                                                                                                                     
      </li>
           
      <li>
                 <a href="#">Ítem 2</a>       
      </li>
           
      <li>
                 <a href="#">Ítem 3</a>       
      </li>
           
      <li>
                 <a href="#">Ítem 4</a>       
      </li>
           
      <li>
                 <a href="#">Ítem 5</a>                                                                                                                                                   
      </li>
       
   </ul>
</div>
<div style="flex: 1;" class="module">
    
   <div class="h3">Novidades {FORUMNAME}</div>
    
   <div>
           
      <div id="fa-custom-recent-topics-widget">
              
      </div>
            <style type="text/css">
        .fa-last-topics-item,
        .fa-to-go li {
        font-size: 1.05em;
        line-height: 1.5;
        padding: 0px 5px 8px;
        margin-bottom: 8px;
        border-bottom: dashed 1px #ddd;
        }
        .fa-last-topics-item:last-child,
        .fa-to-go li:last-child {
        border-bottom: none;
        padding-bottom: 2px;
        }
        .fa-last-topics-item .fa-last-topics-head,
        .fa-last-topics-item .fa-widget-extra {
        display: block;
        position: relative;
        }
        .fa-last-topics-item .fa-last-topics-head .fa-last-topics-desc-toggler,
        .fa-last-topics-item .fa-widget-extra > a {
        position: absolute;
        right: 1px;
        top: 50%;
        z-index: 20;
        color: #298aba;
        cursor: pointer;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        }
        .fa-last-topics-item .fa-widget-details {
        margin: 5px 0;
        }
        .fa-last-topics-item a,
        .fa-to-go a {
        color: #298aba;
        cursor: pointer;
        }
        .fa-last-topics-item a:hover,
        .fa-to-go a:hover,
        .fa-last-topics-desc-toggler:hover {
        color: #196084 !important;
        }
        a.fa-last-topics-text {
        overflow: hidden;
        white-space: nowrap;
        max-width: 85%;
        text-overflow: ellipsis;
        display: inline-block;
        }
      </style> 
   </div>
     <script type="text/javascript">
      (function (_) {
        'use strict';
     
        var global = {
          config: {
            /**
            * A quantidade de itens que serão exibidos no widget:
            */
            items: 5,
            /**
            * Deixe como 0 para abranger todos!
            */
            feed: 0
          },
     
          lang: {
            started_by: 'Iniciado por:',
            view_last: 'Ver a última postagem...',
     
            error: 'Erro',
            error_status: 'Houve um erro! Tente novamente!'
          },
     
          template: {},
          zone: {},
     
          log: {
            error: function (message) {
              global.zone.html([
                '<div class="fa-log-status fa-error-status">',
                '  <span>' + message + '</span>',
                '</div>'
              ].join('\n'));
            }
          },
     
          styles: []
        };
     
        _(function () {
     
          global.template = _('<div>', {
            'class': 'fa-last-topics-widget',
            'html': '<div class="fa-last-topics-inner"></div>'
          })
            .replaceAll('#fa-custom-recent-topics-widget')
          ;
     
          var _zone = global.zone = global.template.find('.fa-last-topics-inner');
          var _feed = 'feed';
     
          if (global.config.feed > 0) {
            _feed = 'feed?f=' + global.config.feed;
          }
     
          _.get('/' + _feed)
            .done(function (context) {
     
              var _item = _('item', context);
              _item.each(function () {
     
                var _self = _(this);
     
                if (_('.fa-last-topics-inner > div').length > global.config.items - 1) {
                  return false;
                }
     
                var _title    = _self.find('title').text();
                var _link      = _self.find('link').text();
     
            //    var _author    = _self.find('creator').text();
     
          //    var _date      = new Date(_self.find('pubDate').text());
          //      var _day      = _date.getDate();
          //      var _month    = _date.getMonth() + 1;
          //      var _year      = _date.getFullYear();
          //      var _hours    = _date.getHours()
          //      var _minutes  = _date.getMinutes();
          //      var _entryDate = _day + '/' + _month + '/' + _year + ', às ' + _hours + ':' + _minutes;
     
            //    var _last      = _self.find('comments').text();
     
            //    var _desc      = _self.find('description').text();
     
                var _item = _([
                  '<div class="fa-last-topics-item">',
                    '<div class="fa-last-topics-head">',
                    '  ' + _('<a>', { href: _link, 'class': 'fa-last-topics-text' }).prop('outerHTML'),
                    '</div>',
                  '</div>'
                ].join('\n'))
                  .appendTo(_zone)
                ;
     
                _item
                  .find('.fa-last-topics-text')
                    .text(_title)
                ;
     
            /*  _item
                  .find('.fa-last-topics-desc-toggler')
                    .attr('title',
                      _desc
                      .replace(/(\n\n)+/g, '\n')
                      .replace(/\n/g, '\n')
                  )
                ;*/
     
              });
     
            })
            .fail(function () {
              _('.fa-last-topics-inner').html('<strong>[AJAX ERROR] ' + global.lang.error_status + '</strong>');
     
              console.warn('[ ! ] AJAX Error | ' + global.lang.error_status);
     
              return false;
            })
          ;
        });
      }(jQuery));
  </script>                                                                                               
</div><style>
  .panel.introduction, .panel.introduction * {
  box-sizing: border-box;
  }
  .panel.introduction {
  background-color: transparent;
  box-shadow: none;
  }
  .panel.introduction > .mes-txt {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-flow: row wrap;
  }
  div.mes-txt ul {
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 155px;
  }
</style>