Link para Download em Imagem

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Link para Download em Imagem

Mensagem por fpalmeira em 15.06.18 13:21

Detalhes da questão


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

Descrição


Bom Dia!

Gostaria de uma maneira de anexar uma imagem como link de download.
Link para Download em Imagem DOWNLOAD

Desde já,

Grato.
fpalmeira

fpalmeira
Nível 5

Masculino
Inscrito dia : 28/03/2015
Mensagens : 46
Pontos Ativos : 64

Ver perfil do usuário http://f1mais.forumeiros.com/forum

Atendido / Resolvido Re: Link para Download em Imagem

Mensagem por Pedxz em 15.06.18 14:02

Olá @fpalmeira,
para isso você pode usar um script de criar BBCODES personalizados, criado pelo @Daemon:

Código:
/*
 *  Application: Create New BBCode Tags
 *  Date: 18/05/2018
 *  Version: 1.321052018
 *  Copyright (c) 2018 Daemon <help.forumotion.com>
 *  This work is free. You can redistribute it and/or modify it
 */
(function() {
    BBParser = {
        initialize: function() {
            $(function() {
                BBParser.setupBBParser();
            });
        },
        add: [
            /*
            * Note: Add a comma at the end of each new entry
            * '{option}' corresponds to the optional tag title, and '{content}' correspond to the text between the tags
            */
           {
              tag: 'download',
              close: false,
              replacement: '<a href="{option}"><img src="https://i.imgur.com/WW2efTS.png"></a><br>Download Link: <a href="{option}">{option}</a>'
            },
 
            {
                tag: 'guest',
                close: true,
                replacement: '<div class="guest">{content}</div>',
                replace: function(option, content) {
                    if (_userdata.session_logged_in < 1) {
                        return 'You need to be logged in to view this content';
                        return content;
                    }
                }
            }
 
            // Note: Do not add a comma at the end of the last entry
        ],
        // Do not change anything down
        validateTag: function(a) {
            if (!/^\w+$/.test(a)) throw new RangeError("You added an invalid tag: " + a);
        },
        replacers: function(a, b, c) {
            return (a || "").replace(/{option}/g, b || "").replace(/{content}/g, c || "");
        },
        optionReg: /.*?=("|'|)(.*?)\1\]/,
        parsedContent: function(a, b, c) {
            return a.replace(c ? RegExp("(\\[" + b.tag + "[^\\]]*\\])([\\s\\S]*?)\\[/" + b.tag + "]", "g" + (b.insensitive ? "i" : "")) : RegExp("\\[" + b.tag + "[^\\]]*\\]", "g" + (b.insensitive ? "i" : "")), function(d, e, f) {
                c || (e = d);
                e = BBParser.optionReg.test(e) ? e.replace(BBParser.optionReg, "$2") : b.defaultOption;
                if("undefined" !== typeof b.replace) {
                    d = c ? b.replace(e, f) : b.replace(e);
                    "string" === typeof d ? c ? f = d : e = d : d;
                    "object" === typeof d && (e = d.option || e, f = d.content || f);
                }
                return BBParser.replacers(b.replacement, e, f);
            });
        },
        setupBBParser: function() {
            var postBody = $(".postbody, .blog_message");
            for (var i = 0, e;(e = postBody[i++]);) {
                for (var j in BBParser.add) {
                    var item = BBParser.add[j];
                    // Validating tag
                    BBParser.validateTag(item.tag);
                    e.innerHTML = BBParser.parsedContent(e.innerHTML, item, item.close);
                }
            }
        }
    };
    BBParser.initialize()
})();

A Tag ficaria:
Código:
[download="http://somelink.com"]
Qualquer dúvida, ou se quiseres adicionar mais tags pode relatar aqui!

Atenciosamente,
Tonto
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2804
Pontos Ativos : 3557

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Link para Download em Imagem

Mensagem por fpalmeira em 15.06.18 17:11

Tá, mas o que eu faço com isso? Pensativo
Onde coloco?

Não dá pra deixar já pronto? Tipo: Olha, copia isso aqui e cola em tal lugar...."


Desculpa, mas sou "burrim" nesse assunto.
fpalmeira

fpalmeira
Nível 5

Masculino
Inscrito dia : 28/03/2015
Mensagens : 46
Pontos Ativos : 64

Ver perfil do usuário http://f1mais.forumeiros.com/forum

Atendido / Resolvido Re: Link para Download em Imagem

Mensagem por Pedxz em 15.06.18 17:18

Desculpe eu,
Crie uma página JavaScript, e ponha o revestimento em Todas as Páginas, já preparei o código Muito feliz
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2804
Pontos Ativos : 3557

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Link para Download em Imagem

Mensagem por fpalmeira em 15.06.18 18:07

Eu fiz um teste aqui e não ficou muito bom não...

Olha:

http://f1tecnomais.forumeiros.com/t141-teste-de-link-com-imagem#314
fpalmeira

fpalmeira
Nível 5

Masculino
Inscrito dia : 28/03/2015
Mensagens : 46
Pontos Ativos : 64

Ver perfil do usuário http://f1mais.forumeiros.com/forum

Atendido / Resolvido Re: Link para Download em Imagem

Mensagem por Pedxz em 15.06.18 18:26

Mude o JS para:
Código:
/*
 *  Application: Create New BBCode Tags
 *  Date: 18/05/2018
 *  Version: 1.321052018
 *  Copyright (c) 2018 Daemon <help.forumotion.com>
 *  This work is free. You can redistribute it and/or modify it
 */
(function() {
    BBParser = {
        initialize: function() {
            $(function() {
                BBParser.setupBBParser();
            });
        },
        add: [
            /*
            * Note: Add a comma at the end of each new entry
            * '{option}' corresponds to the optional tag title, and '{content}' correspond to the text between the tags
            */
          {
              tag: 'download',
              close: false,
              replacement: '<a href="{option}"><img src="https://i.imgur.com/WW2efTS.png"></a>'
            },
 
            {
                tag: 'guest',
                close: true,
                replacement: '<div class="guest">{content}</div>',
                replace: function(option, content) {
                    if (_userdata.session_logged_in < 1) {
                        return 'You need to be logged in to view this content';
                        return content;
                    }
                }
            }
 
            // Note: Do not add a comma at the end of the last entry
        ],
        // Do not change anything down
        validateTag: function(a) {
            if (!/^\w+$/.test(a)) throw new RangeError("You added an invalid tag: " + a);
        },
        replacers: function(a, b, c) {
            return (a || "").replace(/{option}/g, b || "").replace(/{content}/g, c || "");
        },
        optionReg: /.*?=("|'|)(.*?)\1\]/,
        parsedContent: function(a, b, c) {
            return a.replace(c ? RegExp("(\\[" + b.tag + "[^\\]]*\\])([\\s\\S]*?)\\[/" + b.tag + "]", "g" + (b.insensitive ? "i" : "")) : RegExp("\\[" + b.tag + "[^\\]]*\\]", "g" + (b.insensitive ? "i" : "")), function(d, e, f) {
                c || (e = d);
                e = BBParser.optionReg.test(e) ? e.replace(BBParser.optionReg, "$2") : b.defaultOption;
                if("undefined" !== typeof b.replace) {
                    d = c ? b.replace(e, f) : b.replace(e);
                    "string" === typeof d ? c ? f = d : e = d : d;
                    "object" === typeof d && (e = d.option || e, f = d.content || f);
                }
                return BBParser.replacers(b.replacement, e, f);
            });
        },
        setupBBParser: function() {
            var postBody = $(".postbody, .blog_message");
            for (var i = 0, e;(e = postBody[i++]);) {
                for (var j in BBParser.add) {
                    var item = BBParser.add[j];
                    // Validating tag
                    BBParser.validateTag(item.tag);
                    e.innerHTML = BBParser.parsedContent(e.innerHTML, item, item.close);
                }
            }
        }
    };
    BBParser.initialize()
})();
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2804
Pontos Ativos : 3557

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Link para Download em Imagem

Mensagem por fpalmeira em 15.06.18 18:30

Então... Não era o que eu esperava.

Veja, o que eu queria é que, ao clicar na imagem, o usuário fosse redirecionado para a pagina de download.

O que está ocorrendo é que há a imagem, porém o link está desmembrado da imagem, ficando em baixo da mesma.

http://f1tecnomais.forumeiros.com/t141-teste-de-link-com-imagem#314
fpalmeira

fpalmeira
Nível 5

Masculino
Inscrito dia : 28/03/2015
Mensagens : 46
Pontos Ativos : 64

Ver perfil do usuário http://f1mais.forumeiros.com/forum

Atendido / Resolvido Re: Link para Download em Imagem

Mensagem por Pedxz em 15.06.18 19:39

Ahh percebi o erro, mude para:

Código:
/*
 *  Application: Create New BBCode Tags
 *  Date: 18/05/2018
 *  Version: 1.321052018
 *  Copyright (c) 2018 Daemon <help.forumotion.com>
 *  This work is free. You can redistribute it and/or modify it
 */
(function() {
    BBParser = {
        initialize: function() {
            $(function() {
                BBParser.setupBBParser();
            });
        },
        add: [
            /*
            * Note: Add a comma at the end of each new entry
            * '{option}' corresponds to the optional tag title, and '{content}' correspond to the text between the tags
            */
          {
              tag: 'download',
              close: false,
              replacement: '<a href={option}><img src="https://i.imgur.com/WW2efTS.png" /></a>'
            },
 
            {
                tag: 'guest',
                close: true,
                replacement: '<div class="guest">{content}</div>',
                replace: function(option, content) {
                    if (_userdata.session_logged_in < 1) {
                        return 'You need to be logged in to view this content';
                        return content;
                    }
                }
            }
 
            // Note: Do not add a comma at the end of the last entry
        ],
        // Do not change anything down
        validateTag: function(a) {
            if (!/^\w+$/.test(a)) throw new RangeError("You added an invalid tag: " + a);
        },
        replacers: function(a, b, c) {
            return (a || "").replace(/{option}/g, b || "").replace(/{content}/g, c || "");
        },
        optionReg: /.*?=("|'|)(.*?)\1\]/,
        parsedContent: function(a, b, c) {
            return a.replace(c ? RegExp("(\\[" + b.tag + "[^\\]]*\\])([\\s\\S]*?)\\[/" + b.tag + "]", "g" + (b.insensitive ? "i" : "")) : RegExp("\\[" + b.tag + "[^\\]]*\\]", "g" + (b.insensitive ? "i" : "")), function(d, e, f) {
                c || (e = d);
                e = BBParser.optionReg.test(e) ? e.replace(BBParser.optionReg, "$2") : b.defaultOption;
                if("undefined" !== typeof b.replace) {
                    d = c ? b.replace(e, f) : b.replace(e);
                    "string" === typeof d ? c ? f = d : e = d : d;
                    "object" === typeof d && (e = d.option || e, f = d.content || f);
                }
                return BBParser.replacers(b.replacement, e, f);
            });
        },
        setupBBParser: function() {
            var postBody = $(".postbody, .blog_message");
            for (var i = 0, e;(e = postBody[i++]);) {
                for (var j in BBParser.add) {
                    var item = BBParser.add[j];
                    // Validating tag
                    BBParser.validateTag(item.tag);
                    e.innerHTML = BBParser.parsedContent(e.innerHTML, item, item.close);
                }
            }
        }
    };
    BBParser.initialize()
})();

O erro é que na tag usa aspas
Código:
[download="http://somelink.com"]
logo ficava
Código:
<a href=""http://somelink.com""><img src="" /></a>
o que provocou o erro, arrumei no js
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2804
Pontos Ativos : 3557

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Link para Download em Imagem

Mensagem por fpalmeira em 16.06.18 22:13

Amigo, desculpa a demora em responder...

Funcionou!

Obrigado!!!!
fpalmeira

fpalmeira
Nível 5

Masculino
Inscrito dia : 28/03/2015
Mensagens : 46
Pontos Ativos : 64

Ver perfil do usuário http://f1mais.forumeiros.com/forum

Atendido / Resolvido Re: Link para Download em Imagem

Mensagem por Fraise em 17.06.18 13:59

Tópico resolvido


Movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Admineiro
Fraise

Fraise
Admineiro
Admineiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6301
Pontos Ativos : 7759

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum