Download BBCode
Buna seara,
Acum ceva timp un utilizator a cerut un tutorial cum poate crea un nou BBCode pentru download.
Acum am gasit solutia perfecta, codul functioneaza perfect, integrare in noul editor, usor de utilizat, usor de personalizat si foarte util pentru a nu mai folosi taguri si PM pentru a oferi link.
Pasul 1:
Panou de administrare > MODULE > HTML & JAVASCRIPT > Gestiunea codurilor JavaScript > Coduri JavaScript > Creati un nou cod JavaScript:
Titlu * : Download BBCode
Amplasare : Toate Paginile
Cod JavaScript * :
Cod:
(function($) {
document.write('<script type="text/javascript" src="https://use.fontawesome.com/141c9eaa90.js"></script>');
var Required_Post = 70,
Open_Type = true,
Show_ERROR_Message = 'Nu ai mesajele necesare pentru download.';
$(function() {
$(function() {
$('body').append('<div id="download" class="sceditor-dropdown sceditor-download" style="visibility:hidden;width:auto;text-align:left;"><div><label for="linkdownload" unselectable="on">URL</label> <input type="text" id="linksrc" class="url" placeholder="http://" value=""></div><div><input type="button" class="button" value="inserare"></div></div>');
$('.sceditor-group:last-child').after('<div class="sceditor-group" id="download_link"><a class="sceditor-button" title="Download BBCode" onclick="selectWysiwyg(this, \'download\');"><div style="background:url(https://i.servimg.com/u/f62/19/70/74/92/if_dow13.png) no-repeat center;"></div></a></div>');
$('div input[value="inserare"]', $('#download')).live("click", function(e) {
$('textarea#text_editor_textarea').sceditor('instance').insert('[download='+ $('#linksrc', $('#download')).val() +']');
$('#linksrc', $('#download')).val('');
$('#download').css({'visibility':'hidden'});
});
for(var i = 0, j = $('.post'); i <= j.length; i++) {
if(/\/t(\d+)-|\/t(\d*)p(\d+)-/g.test(window.location.href)) {
if(_userdata.user_posts <= Required_Post) {
j[i].innerHTML = j[i].innerHTML.replace(/\[download=(.*?)\]/g, '<div id="download-link" class="error">'+ Show_ERROR_Message +'</div>');
}
else if(_userdata.user_posts >= Required_Post) {
(Open_Type == true) ? j[i].innerHTML = j[i].innerHTML.replace(/\[download=(.*?)\]/g, "<div id="download-link"><i class="fa fa-download" aria-hidden="true"></i><a href="$1" target="_blank">Download</a></div>") : j[i].innerHTML = j[i].innerHTML.replace(/\[download=(.*?)\]/g, "<div id="download-link"><i class="fa fa-download" aria-hidden="true"></i><a href="$1">Download</a></div>");
}
}
}
});
});
}(jQuery));Pasul 2:
Panou de administrare > AFISARE > Imagini si culori > Culori > Foaia de stil CSS:
Cod:
div#download-link {
background: #f1c444;
width: auto;
display: inline-block;
padding: 5px 10px;
border: 1px solid rgba(171, 153, 26, 0.21);
border-radius: 2px;
}
div#download-link > a {
color: #231d1d;
text-decoration: none;
font-size: 14px;
}
i.fa.fa-download {
margin-right: 5px;
font-size: 14px;
}
div#download-link.error {
background: #e44343;
color: wheat;
}Personalizare:
Required_Post = 30 // Aici se pune numarul necesar de mesaje per utilizator pentru a ii aparea butonul de download.
Open_Type = true // Ttue = deschide o noua pagina catre link-ul de download || False = se deschide in pagina curenta link-ul de download
Show_ERROR_Message= 'Nu ai mesajele necesare pentru download.' // Aici este mesajul care va aparea in caz ca nu are numarul necesar de mesaje postate
Demo:
https://imgur.com/a/AfKtF