「Forumeiros」 Últimos assuntos - AwesomeBB 31.08.18 6:38
Nome do Arquivo: Últimos assuntos - AwesomeBB
Autor: pedxz
Funcionalidade: AwesomeBB
Com este tutorial, serás capaz de adicionar o widget: Últimos assuntos, na mais nova versão da Forumeiros.
Autor: pedxz
Funcionalidade: AwesomeBB
Com este tutorial, serás capaz de adicionar o widget: Últimos assuntos, na mais nova versão da Forumeiros.
- Código:
/**
* Últimos assuntos - AwesomeBB by Pedxz
* Created August 26, 2018 <1.0>
* See more: http://ajuda.forumeiros.com
*/
$(function() {
var title = 'Últimos Assuntos', empty = 'No momento estamos sem tópicos para poderes ver ou não têm permissão para vê-los!', last = $('<div>', {
id: 'block-latest',
class: 'block-subtle'
}).append(
' <i class="material-icons">chat_bubble_outline</i>' +
' <div>' +
' <span class="headline">' + title + '</span>' +
' <div class="block-last-load"></div>' +
' </div>'
);
if (_board.tpl_version !== 'awesomebb') return;
$(last).insertBefore('#block-online');
$('#block-latest .block-last-load').load('/latest .block-topics-details');
$('head').append(
'<style type="text/css">' +
'.block-last-load:empty::before {' +
' content: "'+ empty +'";' +
'}'+
'#block-latest i {' +
' color: #BF263C;' +
'}' +
'.block-last-load {' +
' margin-left: -.37em;' +
' margin-right: -.37em;' +
' height: 300px;' +
' overflow-y: auto;' +
'}' +
'.block-last-load a {' +
' text-decoration: none;' +
' border: 0!important;' +
' display: inline;' +
'}' +
'.block-last-load .block-topics-details {' +
' padding: 1em;' +
'}' +
'.block-last-load .block-topics-details:not(:nth-child(2n+1)) {' +
' background-color: #F5F7FA;' +
'}' +
'#block-latest h2 {' +
' font-size: 16px;' +
' text-overflow: ellipsis;' +
' overflow: hidden;' +
' white-space: nowrap;' +
' width: 100%;' +
'}' +
'#block-latest .block-topics-author,' +
'#block-latest .block-topics-lastpost img {' +
' display: none;' +
'}' +
'#block-latest .block-topics-lastpost,' +
'#block-latest .block-topics-author a {' +
' display: inline;' +
'}' +
'@media only screen and (max-width: 768px) {' +
' #block-latest {' +
' margin-top: 20px;' +
' }' +
'}' +
'</style>'
);
});