Ultimele subiecte - AwesomeBB
Pagina 1 din 1 • Distribuiţi
Ultimele subiecte - AwesomeBB
Știm că versiunea AwesomeBB este în versiune beta și nu avem încă widgeturi, așa că am făcut un cod simplu, astfel încât să avem un widget - Ultimele subiecte.
Autor: pedxz
Funcționează pe versiunea: AwesomeBB
Panou de Administrare > Module > HTML și Javascript > Gestionarea codurilor Javascript > Creați un nou javascript
Configurarea marquee
Trebuia să fi adăugat un sistem lang, dar vrem un cod lite, voi lăsa câteva traduceri:
Scris de: pedxz
Topic original: Latest topics - AwesomeBB
Și tradus de @Mihai
Autor: pedxz
Funcționează pe versiunea: AwesomeBB
Instalare
Instalarea este unică și poate fi făcută doar prin crearea unui nou javascript. CSS poate fi modificat și este încorporat în Javascript. Vă rugăm să urmați pașii de mai jos pentru a instala efectul asupra comunității dvs.Panou de Administrare > Module > HTML și Javascript > Gestionarea codurilor Javascript > Creați un nou javascript
Codul
- Vechi:
- Cod:
/**
* Latest topics - AwesomeBB by Pedxz
* Created August 26, 2018 <1.0>
* See more: http://ajuda.forumeiros.com
*/
$(function() {
var title = 'Latest Topics', empty = 'At the moment we are without messages or you are not allowed to see them!', 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>'
);
});
- Nou:
- Cod:
/**
* Latest topics - AwesomeBB by Pedxz
* Created August 26, 2018 <UP_22.04.2020>
* See more: http://ajuda.forumeiros.com
*/
(function($, CSS) {
'use strict';
var config = {
lang: {
title: 'Latest Topics',
loading: 'Loading...',
empty: 'At the moment we are without messages or you are not allowed to see them!'
},
icon: 'chat_bubble_outline',
marquee: {
active: 1, // 0 = No // 1 = Yes
pauseOnHover: 'true' // true or false
},
};
$(function() {
if (_board.tpl_version !== 'awesomebb') return;
if (!config.lang || !config.icon || !config.marquee) return;
$('<div>', {
id: 'block-latest',
class: 'block-subtle'
}).html([
'<i class="material-icons">' + config.icon + '</i>',
'<div>',
' <span class="headline">' + (config.lang.title ? config.lang.title : 'no title defined') + '</span>',
' <div' + (config.marquee.active == 1 ? ' style="position: relative;overflow: hidden;">' : '>'),
' <div class="' + (config.marquee.active == 1 ? 'block-last-load block-marquee" data-pauseOnHover="' + config.marquee.pauseOnHover + '"' : 'block-last-load"') + '>' + config.lang.loading + '</div>',
' </div>',
'</div>'
].join('\n'))
.insertBefore('#block-online');
$('#block-latest .block-last-load')
.load('/latest .block-topics-details');
$('<style>', {
'type': 'text/css'
}).text('.block-last-load:empty::before { content: "' + config.lang.empty + '";}' + CSS.join('\n'))
.appendTo('head');
});
}(jQuery, [
'#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;',
'}',
'',
'.block-marquee {',
' overflow: hidden!important;',
' animation: marquee 15s linear infinite;',
' -webkit-animation: marquee 15s linear infinite;',
'}',
'',
'.block-marquee[data-pauseOnHover="true"]:hover {',
' animation-play-state: paused;',
' -webkit-animation-play-state: paused;',
'}',
'',
'.block-last-load:empty {',
' animation: none;',
' -webkit-animation: none;',
' padding: 0 1em;',
'}',
'',
'@-webkit-keyframes marquee {',
' 0% { -webkit-transform: translate(0, 0); }',
' 100% { -webkit-transform: translate(-100%, 0); }',
'}',
'',
'@keyframes marquee {',
' 0% { -webkit-transform: translate(0, 0); }',
' 100% { -webkit-transform: translate(0, -100%); }',
'}',
'',
'@-moz-keyframes marquee {',
' 0% { transform: translate(0, 0); }',
' 100% { transform: translate(-100%, 0); }',
'}',
'',
'@media only screen and (max-width: 768px) {',
' #block-latest {',
' margin-top: 20px;',
' }',
'}',
''
]));
Configurarea marquee
- Cod:
marquee: {
active: 0, // 0 = No // 1 = Yes (Activate the topics scrolling)
pauseOnHover: 'true' // true or false (Pause on hover)
},
Trebuia să fi adăugat un sistem lang, dar vrem un cod lite, voi lăsa câteva traduceri:
- Limba:
- ENGLEZĂ (default)
- Cod:
title: 'Latest Topics',
loading: 'Loading...',
empty: 'At the moment we are without messages or you are not allowed to see them!'
- Cod:
title: 'Últimos Assuntos',
loading: 'Carregando...',
empty: ' No momento estamos sem tópicos para poderes ver ou não têm permissão para vê-los!'
- Cod:
title: 'Ultimele Subiecte',
loading: 'Încărcare...',
empty: 'Nu există mesaje în acest moment sau nu sunteți autorizat să le vizualizați!'
- Cod:
title: 'Laatste Onderwerpen',
loading: 'Geladen...',
empty: 'Op dit moment hebben we geen berichten of je hebt niet voldoende rechten om dit te kunnen zien!'
- Cod:
title: 'Ultimi Argomenti',
loading: 'Caricamento in corso...',
empty: 'Al momento non ci sono messaggi o non ti è permesso vederli!'
- Cod:
title: 'Πρόσφατα Θέματα',
loading: 'φόρτωση θεμάτων...',
empty: 'Αυτή την στιγμή είμαστε χωρίς μηνύματα ή δεν επιτρέπεται να τα δείτε '
- Cod:
title: 'Derniers sujets',
loading: 'Chargement...',
empty: 'Il n\'y aucun message à afficher ou vous n\'avez pas les permissions suffisantes pour les voir !'
Detalii
Dacă widget-ul pare necompletat pentru invitați, accesați Panoul de administrare > Utilizatori și grupuri > Drepturi speciale și asigurați-vă că opțiunea de căutare este autorizată pentru invitați.Demo
Scris de: pedxz
Topic original: Latest topics - AwesomeBB
Și tradus de @Mihai
Forumul Forumurilor Regulile Forumgratuit | Tutoriale | FAQ | Recuperarea parolei pentru forum și unelte |
*** Forumul de suport nu vă va solicita niciodată adresa de e-mail sau parola, așa că vă rugăm să nu le postați nicăieri! ***
Nu ofer suport prin PM!
Re: Ultimele subiecte - AwesomeBB
1) dupa conectare, meniul din stanga este gol;
2) pictogramele instrumentelor de raspuns la mesaje sunt lipsite de imagini.
3) userii nu se pot conecta
4) pictograma clopotului (Notificare) deschide un meniu gol (ca cel al profilului);
2) pictogramele instrumentelor de raspuns la mesaje sunt lipsite de imagini.
3) userii nu se pot conecta
4) pictograma clopotului (Notificare) deschide un meniu gol (ca cel al profilului);
Re: Ultimele subiecte - AwesomeBB
Miauti a scris:1) dupa conectare, meniul din stanga este gol;
2) pictogramele instrumentelor de raspuns la mesaje sunt lipsite de imagini.
3) userii nu se pot conecta
4) pictograma clopotului (Notificare) deschide un meniu gol (ca cel al profilului);
Salut,
Pentru probleme cu cod-ul, vă rugăm să folosiți secțiunea corespunzătoare.
Mulțumesc de înțelegere!
Forumul Forumurilor Regulile Forumgratuit | Tutoriale | FAQ | Recuperarea parolei pentru forum și unelte |
*** Forumul de suport nu vă va solicita niciodată adresa de e-mail sau parola, așa că vă rugăm să nu le postați nicăieri! ***
Nu ofer suport prin PM!
Subiecte similare
» Cum sterg subiecte si mesaje si mut mai la dreapta Ultimele Subiecte
» Border la mesaje,subiecte si ultimele subiecte
» Ultimele subiecte
» Ultimele subiecte
» din: Ultimele subiecte
» Border la mesaje,subiecte si ultimele subiecte
» Ultimele subiecte
» Ultimele subiecte
» din: Ultimele subiecte
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum