Emoticons adicionais

Qual é minha questão:
Bom dia, gostaria de saber se há algum modo de incluir na barra de ferramentas acima da função de ecscrever mensagens uma "tag" que possibilite que uma imagem possa ser buscada de um diretório, isso seria uma solução já que a forumeiros limita o tamanhã de arquivo pra os emoticons e hospedado em outro site creio que seria a forma de resolver isso.

Pra quem não entendeu seria assim: http://linkaqui.com/<nome do emoticon>.gif e quando seria usado no tópico seria [emo]<nome do emoticon>[/emo]

Espero que tenham entendido, se não poder qual outra solução dos meus problemas?

E perdão pela falta de clareza de ideias, estou com sono

Endereço do meu fórum:
http://multix.forumeiros.com

Versão do fórum:
PHPBB3

Adicione esse código a um novo módulo Javascript:

Código:

var Smileys;

Smileys = {
    'Flor' : 'http://2img.net/i/fa/i/smiles/lol.gif?t=1394801467',
    'Teste' : 'http://www.portaldotrono.com/wp-content/uploads/2013/12/exemplo.jpg',
};

$(function() {
    $.each(Smileys, function(key, value) {
        $('img[alt="' + key + '"]').attr('src', value);
    });
});

Nessa parse você pode configurar quais Smileys serão "substituídos":

Código:

Smileys = {
    'Flor' : 'http://2img.net/i/fa/i/smiles/lol.gif?t=1394801467',
    'Teste' : 'http://www.portaldotrono.com/wp-content/uploads/2013/12/exemplo.jpg',
};

Dessa forma, é só cadastrar o Smiley desejado com uma imagem qualquer e adicioná-lo às configurações acima.

Exemplo, supomos que cadastrou um novo Smiley e colocou o nome de "Risos", seria apenas adicionar ela acima dessa forma:

Código:

Smileys = {
    'Flor' : 'http://2img.net/i/fa/i/smiles/lol.gif?t=1394801467',
    'Teste' : 'http://www.portaldotrono.com/wp-content/uploads/2013/12/exemplo.jpg',
    'Risos' : 'caminho-para-a-imagem',
};

Simples.

Abraços.

Olá,

Eu coloquei esse código no fórum mas não funcionou, só fiz trocar os links das imagens pelos emoticons que eu quero. Eu devo ativar alguma função? (Fora "Habilitar o gerenciamento dos códigos JavaScript "

Eu verifiquei o código Javascript e vi que você não realizou as alterações necessárias. Por exemplo, no seu tópico de testes há esse Simley radical da Suzana:



Pelo que pude ver, o nome desse Smiley é "Quem?". Logo, para alterá-lo para um "maior", você deveria ter configurado o script dessa forma:

Código:

Smileys = {
    'Quem?' : 'http://i.imgur.com/TZiJzcS.png',
};

Apenas trocando o link da imagem (usei o avatar padrão do Forumeiros como exemplo) para o desejado.

Pode fazer o teste?

Abraços.

Boa noite, fiz o teste.

Na verdade eu tinha modificado aí pensei que poderia ter algo de errado no site que hospedei e coloquei os antigos.  Eu nunca mexi em Javascript antes então me perdoe pela lentidão em entender o funcionamento do script. Mas no caso creio que eu deva estar usando o BBcode no tópico de forma errada. Eu editei o script colocando aquela imagem e depois eu coloquei no tópico:

Código:

[Smileys]Quem?[/Smileys]

E testei colocando a primeira letra em maiúsculo e minúsculo, mas não funcionou. Eu estou usando o BBcode de forma errônea? (E bom eu gostaria de mencionar o código na tag [emo], e caso for assim gostaria de saber as modificações necessárias.)

Hum... Vamos fazer o seguinte. Adicione um emoticon no seu tópico de testes, como faz normalmente. Depois me dá um toque aqui no tópico, tudo bem?

Olha coloquei essas imagens como teste:

Código:

Smileys = {
    'ue' : 'http://i.imgur.com/TZiJzcS.png',
    'teste' : 'https://pbs.twimg.com/profile_images/429784590874447873/GjILUXLS_bigger.png',
    'nossa' : 'http://limg0.ask.fm/assets2/008/604/292/096/thumb/zach07.png',
    'Sorriso' : 'http://www.emoticons.free.fr/smileys/Default/angelnot.gif',
};

E aqui está a seguinte forma de como os coloquei no tópico... tópico de testes

Tente esse código:

Código:

var Smileys;

Smileys = {
    'Sorriso' : 'http://www.45graus.com.br/userfiles/tt-540-alexandre-frota.jpg',
    'Flop' : 'http://entretenimento.r7.com/blogs/mundo-da-tv/files/2013/10/frota.jpg',
    'Putaria' : 'http://imguol.com/2012/11/20/alexandre-frota-do-corinthians-steamrollers-time-de-futebol-americano-do-corinthians-1353425842467_1920x1080.jpg',
    'Isso, Isso, Isso' : 'http://4.bp.blogspot.com/-66zUjz9ljlU/Unq2ej1G6RI/AAAAAAAAAQA/0TCP0sJHLPw/s1600/Alexandre.jpg',
    'Sim' : 'http://oplanetatv.clickgratis.com.br/arquivos/Noticia/imagemSite/f070c773b45ff7e294bc970fc556209d.jpg'
};

$(function() {
    $.each(Smileys, function(key, value) {
        $('img[alt="' + key + '"]').attr('src', value);
    });
});

E veja a quinta postagem.

Nossa, me perdoe então. Eu tinha entendido aquela sua postagem sim e teria colocado o nome da descrição dos emoticons pra tentar funcionar (Sorriso era a a descrição para    ) Tinha colocado "Quem?" e "Flop", pra testar mas não foi??? E aí fui colocando o nome de emoticons inexistentes do fórum, misturando com o já existente "Sorriso". Mas enfim, muito obrigado!