Olá!

Eu tenho visto muitos pedidos de adicionar o avatar no /chatbox nativo e dos códigos que já vi por ai, nenhum consegue mostrar de forma eficiente, rápida e sem erros incluindo o de Request Limit!

Este link jscript.forumeiros.com/t311-avatar-no-chatbox-personalizado me fez pensar no problema e como eu sempre gostei de desafios e fico bastante inquieto enquanto não consigo resolver um, bom, é claro que nem sempre eu resolvo pois ainda sou novato na linguagem de scripts para web...

Assim como meus códigos não são 100% livres de erros, como também não são perfeitos, lógico, mas venho-vos mostrar que consegui ter um efeito semelhante ao que temos em nosso ShoutBox aqui que usa HTML+JavaScript para ter o avatar, dando um efeito bem real!

Porém, esse artifício faz uso essencialmente de JavaScript, mas eu tentei ao máximo deixá-lo bem otimizado, ainda está um pouco desorganizado, mas já é funcional.

Imagem de exemplo:


Foi testado apenas na versão punbb, mas vocês podem testar em outras...

Código que dever ser adicionado na gestão de JavaScript:

Código:


/*
 * Avatar in /chatbox - Fast and Rá!!!
 * Version: 1.11.2013 - Kheops
 * Made and Optimizations by JScript - 2013/11/01
 * View more in: http://jscript.forumeiros.com/forum
 * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
 * This work is free. You can redistribute it and/or modify it
 * under the terms of the WTFPL, Version 2
 */
var _0xd456=["\x68\x6F\x73\x74\x6E\x61\x6D\x65","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x70\x75\x6E\x62\x62\x2E\x66\x6F\x72\x75\x6D\x65\x69\x72\x6F\x73\x2E\x63\x6F\x6D","\x6E\x6F\x74\x65\x62\x6F\x6F\x6B\x2E\x66\x6F\x72\x75\x6D\x61\x69\x73\x2E\x63\x6F\x6D","\x73\x6F\x75\x72\x63\x65\x63\x6F\x64\x65\x2E\x66\x6F\x72\x75\x6D\x61\x69\x73\x2E\x63\x6F\x6D","\x73\x6F\x6D\x6F\x73\x6D\x75\x67\x69\x77\x61\x72\x61\x2E\x66\x6F\x72\x75\x6D\x65\x69\x72\x6F\x73\x2E\x63\x6F\x6D","\x64\x65\x73\x74\x72\x75\x63\x74\x69\x6F\x6E\x2E\x6E\x61\x72\x75\x74\x6F\x2D\x72\x70\x67\x2E\x63\x6F\x6D","\x77\x77\x77\x2E\x73\x75\x70\x6F\x72\x74\x65\x64\x65\x73\x69\x67\x6E\x2E\x6E\x65\x74","\x61\x64\x65\x6E\x2E\x72\x70\x67\x77\x61\x72\x73\x2E\x6E\x65\x74","\x4B\x68\x65\x6F\x70\x73\x20\x2D\x20\x28\x41\x76\x61\x74\x61\x72\x20\x69\x6E\x20\x2F\x63\x68\x61\x74\x62\x6F\x78\x29\x21\x20\x4E\x6F\x74\x69\x63\x65\x3A\x20\x0A\x0A\x20\x53\x6F\x72\x72\x79\x2C\x20\x62\x75\x74\x20\x79\x6F\x75\x20\x61\x72\x65\x20\x6E\x6F\x74\x20\x61\x6C\x6C\x6F\x77\x65\x64\x20\x74\x6F\x20\x75\x73\x65\x20\x69\x74\x20\x77\x69\x74\x68\x6F\x75\x74\x20\x74\x68\x65\x20\x70\x72\x6F\x70\x65\x72\x20\x63\x72\x65\x64\x69\x74\x73\x21\x0A\x0A\x20\x50\x6C\x65\x61\x73\x65\x2C\x20\x76\x69\x73\x69\x74\x3A\x20\x68\x74\x74\x70\x3A\x2F\x2F\x70\x75\x6E\x62\x62\x2E\x66\x6F\x72\x75\x6D\x65\x69\x72\x6F\x73\x2E\x63\x6F\x6D\x2F\x66\x6F\x72\x75\x6D\x20\x2D\x20\x43\x6F\x70\x79\x72\x69\x67\x68\x74\x20\x28\x63\x29\x20\x32\x30\x31\x33\x20\x4A\x53\x63\x72\x69\x70\x74\x20\x3C\x6A\x73\x63\x72\x69\x70\x74\x62\x72\x61\x73\x69\x6C\x20\x61\x74\x20\x6C\x69\x76\x65\x20\x64\x6F\x74\x20\x63\x6F\x6D\x3E","\x3C\x69\x66\x72\x61\x6D\x65\x20\x6F\x6E\x6C\x6F\x61\x64\x3D\x22\x73\x65\x74\x4F\x70\x74\x69\x6F\x6E\x73\x28\x29\x22\x20\x73\x72\x63\x3D\x22\x2F\x63\x68\x61\x74\x62\x6F\x78\x2F\x69\x6E\x64\x65\x78\x2E\x66\x6F\x72\x75\x6D\x3F\x61\x72\x63\x68\x69\x76\x65\x73\x3D\x31\x22\x20\x69\x64\x3D\x22\x66\x72\x61\x6D\x65\x5F\x63\x68\x61\x74\x62\x6F\x78\x22\x20\x73\x63\x72\x6F\x6C\x6C\x69\x6E\x67\x3D\x22\x79\x65\x73\x22\x20\x77\x69\x64\x74\x68\x3D\x22\x31\x30\x30\x25\x22\x20\x68\x65\x69\x67\x68\x74\x3D\x22\x31\x30\x30\x25\x22\x20\x74\x79\x70\x65\x3D\x22\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x62\x6F\x72\x64\x65\x72\x3A\x20\x30\x70\x78\x3B\x22\x20\x2F\x3E","\x72\x65\x70\x6C\x61\x63\x65\x57\x69\x74\x68","\x23\x66\x72\x61\x6D\x65\x5F\x63\x68\x61\x74\x62\x6F\x78","\x72\x65\x61\x64\x79","","\x23\x33\x33\x33\x33\x33\x33","\x6E\x75\x6C\x6C","\x63\x6F\x6E\x74\x65\x6E\x74\x73","\x6F\x6E\x73\x75\x62\x6D\x69\x74","\x70\x61\x72\x65\x6E\x74\x2E\x73\x75\x62\x6D\x69\x74\x6D\x73\x67\x32\x28\x27\x3F\x61\x72\x63\x68\x69\x76\x65\x73\x3D\x31\x27\x29\x3B\x70\x61\x72\x65\x6E\x74\x2E\x72\x65\x66\x72\x65\x73\x68\x5F\x63\x68\x61\x74\x62\x6F\x78\x32\x28\x27\x3F\x61\x72\x63\x68\x69\x76\x65\x73\x3D\x31\x27\x29\x3B\x72\x65\x74\x75\x72\x6E\x20\x66\x61\x6C\x73\x65\x3B","\x61\x74\x74\x72","\x23\x63\x68\x61\x74\x62\x6F\x78\x5F\x66\x6F\x6F\x74\x65\x72\x20\x66\x6F\x72\x6D","\x66\x69\x6E\x64","\x6F\x6E\x63\x6C\x69\x63\x6B","\x70\x61\x72\x65\x6E\x74\x2E\x61\x6A\x61\x78\x5F\x72\x65\x66\x72\x65\x73\x68\x5F\x63\x68\x61\x74\x62\x6F\x78\x32\x28\x27\x3F\x61\x72\x63\x68\x69\x76\x65\x73\x3D\x31\x27\x2C\x20\x31\x29\x3B","\x23\x63\x68\x61\x74\x62\x6F\x78\x5F\x6D\x61\x69\x6E\x5F\x6F\x70\x74\x69\x6F\x6E\x73\x20\x6C\x69\x3A\x65\x71\x28\x30\x29\x20\x61","\x70\x61\x72\x65\x6E\x74\x2E\x72\x65\x66\x72\x65\x73\x68\x5F\x63\x68\x61\x74\x62\x6F\x78\x32\x28\x27\x3F\x61\x72\x63\x68\x69\x76\x65\x73\x3D\x31\x27\x29\x3B","\x23\x63\x68\x61\x74\x62\x6F\x78\x5F\x6D\x61\x69\x6E\x5F\x6F\x70\x74\x69\x6F\x6E\x73\x20\x6C\x69\x3A\x65\x71\x28\x33\x29","\x70\x61\x72\x65\x6E\x74\x2E\x43\x42\x5F\x64\x69\x73\x63\x6F\x6E\x6E\x65\x63\x74\x32\x28\x29\x3B","\x23\x63\x68\x61\x74\x62\x6F\x78\x5F\x6D\x61\x69\x6E\x5F\x6F\x70\x74\x69\x6F\x6E\x73\x20\x6C\x69\x3A\x65\x71\x28\x34\x29\x20\x61","\x63\x6F\x6E\x6E\x65\x63\x74\x65\x64","\x63\x6F\x6E\x74\x65\x6E\x74\x57\x69\x6E\x64\x6F\x77","\x66\x72\x61\x6D\x65\x5F\x63\x68\x61\x74\x62\x6F\x78","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x63\x68\x61\x74\x62\x6F\x78\x5F\x75\x70\x64\x61\x74\x65\x64","\x63\x68\x61\x74\x62\x6F\x78\x5F\x6C\x61\x73\x74\x5F\x75\x70\x64\x61\x74\x65","\x6E\x75\x6D\x62\x65\x72\x5F\x6F\x66\x5F\x72\x65\x66\x72\x65\x73\x68","\x63\x68\x65\x63\x6B\x44\x61\x74\x61\x28\x29","\x6C\x65\x6E\x67\x74\x68","\x23\x63\x68\x61\x74\x62\x6F\x78\x20\x73\x70\x61\x6E\x2E\x75\x73\x65\x72","\x72\x65\x66\x72\x65\x73\x68\x5F\x69\x6E\x74\x65\x72\x76\x61\x6C","\x63\x6C\x65\x61\x72\x49\x6E\x74\x65\x72\x76\x61\x6C","\x72\x65\x66\x72\x65\x73\x68\x5F\x63\x68\x61\x74\x62\x6F\x78\x32\x28\x27\x3F\x61\x72\x63\x68\x69\x76\x65\x73\x3D\x31\x27\x29","\x73\x63\x72\x6F\x6C\x6C\x54\x6F\x70","\x63\x68\x61\x74\x62\x6F\x78","\x23\x63\x68\x61\x74\x62\x6F\x78\x20\x73\x70\x61\x6E\x2E\x75\x73\x65\x72\x20\x61","\x68\x72\x65\x66","\x63\x68\x61\x74","\x67\x65\x74\x49\x74\x65\x6D","\x3C\x69\x6D\x67\x20\x61\x6C\x74\x3D\x22\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x4B\x68\x65\x6F\x70\x73\x55\x73\x65\x72\x50\x68\x6F\x74\x6F\x20\x4B\x68\x65\x6F\x70\x73\x55\x73\x65\x72\x50\x68\x6F\x74\x6F\x5F\x69\x63\x6F\x6E\x22\x20\x73\x72\x63\x3D\x22","\x22\x3E","\x70\x72\x65\x70\x65\x6E\x64","\x70\x61\x72\x65\x6E\x74","\x23\x63\x68\x61\x74\x62\x6F\x78\x20\x73\x70\x61\x6E\x2E\x75\x73\x65\x72\x20\x61\x5B\x68\x72\x65\x66\x3D\x27","\x27\x5D","\x73\x72\x63","\x23\x70\x72\x6F\x66\x69\x6C\x65\x2D\x61\x64\x76\x61\x6E\x63\x65\x64\x2D\x72\x69\x67\x68\x74\x20\x69\x6D\x67","\x23\x70\x72\x6F\x66\x69\x6C\x65\x5F\x74\x61\x62\x73\x20\x70\x20\x69\x6D\x67","\x73\x65\x74\x49\x74\x65\x6D","\x67\x65\x74","\x65\x61\x63\x68","\x23\x70\x75\x6E\x62\x62\x5F\x6A\x73\x63\x72\x69\x70\x74","\x73\x68\x6F\x77","\x28\x63\x29\x20\x68\x74\x74\x70\x3A\x2F\x2F\x70\x75\x6E\x62\x62\x2E\x66\x6F\x72\x75\x6D\x65\x69\x72\x6F\x73\x2E\x63\x6F\x6D","\x74\x65\x78\x74","\x68\x74\x74\x70\x3A\x2F\x2F\x70\x75\x6E\x62\x62\x2E\x66\x6F\x72\x75\x6D\x65\x69\x72\x6F\x73\x2E\x63\x6F\x6D","\x3C\x6C\x69\x3E\x3C\x61\x20\x69\x64\x3D\x22\x70\x75\x6E\x62\x62\x5F\x6A\x73\x63\x72\x69\x70\x74\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x4A\x53\x63\x72\x69\x70\x74\x20\x61\x74\x20\x6C\x69\x76\x65\x20\x64\x6F\x74\x20\x63\x6F\x6D\x22\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x70\x75\x6E\x62\x62\x2E\x66\x6F\x72\x75\x6D\x65\x69\x72\x6F\x73\x2E\x63\x6F\x6D\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x74\x6F\x70\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x66\x6C\x6F\x61\x74\x3A\x20\x72\x69\x67\x68\x74\x3B\x20\x6D\x61\x72\x67\x69\x6E\x2D\x6C\x65\x66\x74\x3A\x20\x31\x30\x70\x78\x3B\x22\x3E\x28\x63\x29\x20\x68\x74\x74\x70\x3A\x2F\x2F\x70\x75\x6E\x62\x62\x2E\x66\x6F\x72\x75\x6D\x65\x69\x72\x6F\x73\x2E\x63\x6F\x6D\x3C\x2F\x61\x3E\x3C\x2F\x6C\x69\x3E","\x23\x63\x68\x61\x74\x62\x6F\x78\x5F\x6D\x61\x69\x6E\x5F\x6F\x70\x74\x69\x6F\x6E\x73","\x3F\x61\x72\x63\x68\x69\x76\x65\x73\x3D\x31","\x64\x69\x73\x63\x6F\x6E\x6E\x65\x63\x74","\x61\x6A\x61\x78\x5F\x63\x6F\x6E\x6E\x65\x63\x74","\x63\x6F\x6E\x6E\x65\x63\x74","\x76\x61\x6C\x75\x65","\x73\x65\x6E\x74","\x70\x6F\x73\x74","\x6D\x65\x73\x73\x61\x67\x65","\x66\x6F\x63\x75\x73","\x3F\x61\x63\x68\x69\x76\x65\x73\x3D\x30","\x63\x68\x65\x63\x6B\x65\x64","\x72\x65\x66\x72\x65\x73\x68\x5F\x61\x75\x74\x6F","\x2F\x63\x68\x61\x74\x62\x6F\x78\x2F\x63\x68\x61\x74\x62\x6F\x78\x5F\x61\x63\x74\x69\x6F\x6E\x73\x2E\x66\x6F\x72\x75\x6D\x3F\x61\x72\x63\x68\x69\x76\x65\x73\x3D\x31","\x6D\x6F\x64\x65\x3D\x73\x65\x6E\x64\x26\x73\x65\x6E\x74\x3D","\x58\x4D\x4C\x48\x74\x74\x70\x52\x65\x71\x75\x65\x73\x74","\x41\x63\x74\x69\x76\x65\x58\x4F\x62\x6A\x65\x63\x74","\x4D\x69\x63\x72\x6F\x73\x6F\x66\x74\x2E\x58\x4D\x4C\x48\x54\x54\x50","\x6F\x6E\x72\x65\x61\x64\x79\x73\x74\x61\x74\x65\x63\x68\x61\x6E\x67\x65","\x72\x65\x61\x64\x79\x53\x74\x61\x74\x65","\x73\x74\x61\x74\x75\x73","\x72\x65\x73\x70\x6F\x6E\x73\x65\x54\x65\x78\x74","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x73\x63\x72\x6F\x6C\x6C\x48\x65\x69\x67\x68\x74","\x6F\x66\x66\x73\x65\x74\x48\x65\x69\x67\x68\x74","\x63\x68\x61\x74\x62\x6F\x78\x5F\x6D\x65\x6D\x62\x65\x72\x73","\x47\x45\x54","\x2F\x63\x68\x61\x74\x62\x6F\x78\x2F\x63\x68\x61\x74\x62\x6F\x78\x5F\x61\x63\x74\x69\x6F\x6E\x73\x2E\x66\x6F\x72\x75\x6D","\x26\x6D\x6F\x64\x65\x3D\x72\x65\x66\x72\x65\x73\x68","\x6F\x70\x65\x6E","\x73\x65\x6E\x64","\x65\x61\x63\x68\x32","\x66\x6E","\x63\x6F\x6E\x74\x65\x78\x74","\x63\x61\x6C\x6C","\x26\x6D\x6F\x64\x65\x3D\x73\x65\x6E\x64","\x26\x73\x65\x6E\x74\x3D","\x26\x73\x62\x6F\x6C\x64\x3D","\x73\x62\x6F\x6C\x64","\x26\x73\x69\x74\x61\x6C\x69\x63\x3D","\x73\x69\x74\x61\x6C\x69\x63","\x26\x73\x75\x6E\x64\x65\x72\x6C\x69\x6E\x65\x3D","\x73\x75\x6E\x64\x65\x72\x6C\x69\x6E\x65","\x26\x73\x73\x74\x72\x69\x6B\x65\x3D","\x73\x73\x74\x72\x69\x6B\x65","\x26\x73\x63\x6F\x6C\x6F\x72\x3D","\x73\x63\x6F\x6C\x6F\x72","\x2F\x61\x77\x61\x79","\x69\x6E\x64\x65\x78\x4F\x66","\x2F\x61\x62\x73","\x2F\x62\x61\x6E\x6C\x69\x73\x74","\x2F\x63\x68\x61\x74\x62\x6F\x78\x2F\x63\x68\x61\x74\x62\x6F\x78\x5F\x62\x61\x6E\x6C\x69\x73\x74\x2E\x66\x6F\x72\x75\x6D","\x62\x61\x6E\x6C\x69\x73\x74","\x74\x6F\x6F\x6C\x62\x61\x72\x3D\x6E\x6F\x2C\x6D\x65\x6E\x75\x62\x61\x72\x3D\x6E\x6F\x2C\x70\x65\x72\x73\x6F\x6E\x61\x6C\x62\x61\x72\x3D\x6E\x6F\x2C\x77\x69\x64\x74\x68\x3D\x34\x35\x30\x2C\x68\x65\x69\x67\x68\x74\x3D\x33\x30\x30\x2C\x73\x63\x72\x6F\x6C\x6C\x62\x61\x72\x73\x3D\x79\x65\x73\x2C\x72\x65\x73\x69\x7A\x61\x62\x6C\x65\x3D\x79\x65\x73","\x50\x4F\x53\x54","\x43\x6F\x6E\x74\x65\x6E\x74\x2D\x54\x79\x70\x65","\x61\x70\x70\x6C\x69\x63\x61\x74\x69\x6F\x6E\x2F\x78\x2D\x77\x77\x77\x2D\x66\x6F\x72\x6D\x2D\x75\x72\x6C\x65\x6E\x63\x6F\x64\x65\x64\x3B","\x73\x65\x74\x52\x65\x71\x75\x65\x73\x74\x48\x65\x61\x64\x65\x72","\x6F\x75\x74\x65\x72\x48\x54\x4D\x4C","\x68\x74\x6D\x6C","\x3C\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E","\x77\x72\x61\x70","\x75\x6E\x77\x72\x61\x70"];$(document)[_0xd456[13]](function (){if(window[_0xd456[1]][_0xd456[0]]!==_0xd456[2]&&window[_0xd456[1]][_0xd456[0]]!==_0xd456[3]&&window[_0xd456[1]][_0xd456[0]]!==_0xd456[4]&&window[_0xd456[1]][_0xd456[0]]!==_0xd456[5]&&window[_0xd456[1]][_0xd456[0]]!==_0xd456[6]&&window[_0xd456[1]][_0xd456[0]]!==_0xd456[7]&&window[_0xd456[1]][_0xd456[0]]!==_0xd456[8]){return alert(_0xd456[9]);} ;var _0x5fb7x1=_0xd456[10];$(_0xd456[12])[_0xd456[11]](_0x5fb7x1);} );var old=_0xd456[14],oChat=null,connected=1,chatbox_updated=0,chatbox_last_update=1,template_color=_0xd456[15],chatbox_messages=_0xd456[16],chatbox_messages_old=_0xd456[14],number_of_refresh=0,refresh_interval=0,ncheckData=0;function setOptions(){oChat=$(_0xd456[12])[_0xd456[17]]();oChat[_0xd456[22]](_0xd456[21])[_0xd456[20]](_0xd456[18],_0xd456[19]);oChat[_0xd456[22]](_0xd456[25])[_0xd456[20]](_0xd456[23],_0xd456[24]);oChat[_0xd456[22]](_0xd456[27])[_0xd456[20]](_0xd456[23],_0xd456[26]);oChat[_0xd456[22]](_0xd456[29])[_0xd456[20]](_0xd456[23],_0xd456[28]);connected=document[_0xd456[33]](_0xd456[32])[_0xd456[31]][_0xd456[30]];chatbox_updated=document[_0xd456[33]](_0xd456[32])[_0xd456[31]][_0xd456[34]];chatbox_last_update=document[_0xd456[33]](_0xd456[32])[_0xd456[31]][_0xd456[35]];number_of_refresh=document[_0xd456[33]](_0xd456[32])[_0xd456[31]][_0xd456[36]];ncheckData=setInterval(_0xd456[37],10);} ;function checkData(){if(oChat[_0xd456[22]](_0xd456[39])[_0xd456[38]]){clearInterval(ncheckData);try{connected=document[_0xd456[33]](_0xd456[32])[_0xd456[31]][_0xd456[30]];document[_0xd456[33]](_0xd456[32])[_0xd456[31]][_0xd456[41]](document[_0xd456[33]](_0xd456[32])[_0xd456[31]][_0xd456[40]]);chatAvatar();refresh_interval=setInterval(_0xd456[42],5000);oChat[0][_0xd456[33]](_0xd456[44])[_0xd456[43]]=999999;} catch(err){} ;} ;} ;function chatAvatar(){var _0x5fb7x10=oChat[_0xd456[22]](_0xd456[45]),_0x5fb7x11={};_0x5fb7x10[_0xd456[60]](function (_0x5fb7x12){var _0x5fb7x13=$(this);var _0x5fb7x14=_0x5fb7x13[_0xd456[20]](_0xd456[46]);if(!_0x5fb7x11[_0x5fb7x14]){_0x5fb7x11[_0x5fb7x14]=true;var _0x5fb7x15=sessionStorage[_0xd456[48]](_0xd456[47]+_0x5fb7x14);if(_0x5fb7x15!==null){oChat[_0xd456[22]](_0xd456[53]+_0x5fb7x14+_0xd456[54])[_0xd456[52]]()[_0xd456[51]](_0xd456[49]+_0x5fb7x15+_0xd456[50]);} else {$[_0xd456[59]](_0x5fb7x14,function (_0x5fb7x16){var _0x5fb7x17=$(_0xd456[56],_0x5fb7x16)[_0xd456[20]](_0xd456[55]);if(!_0x5fb7x17){_0x5fb7x17=$(_0xd456[57],_0x5fb7x16)[_0xd456[20]](_0xd456[55]);} ;oChat[_0xd456[22]](_0xd456[53]+_0x5fb7x14+_0xd456[54])[_0xd456[52]]()[_0xd456[51]](_0xd456[49]+_0x5fb7x17+_0xd456[50]);sessionStorage[_0xd456[58]](_0xd456[47]+_0x5fb7x14,_0x5fb7x17);} );} ;} ;} );if(oChat[_0xd456[22]](_0xd456[61])[_0xd456[38]]){$(_0xd456[61])[_0xd456[20]](_0xd456[46],_0xd456[65])[_0xd456[64]](_0xd456[63])[_0xd456[62]]();} else {oChat[_0xd456[22]](_0xd456[67])[_0xd456[51]](_0xd456[66]);} ;} ;function CB_disconnect2(){if(connected){document[_0xd456[33]](_0xd456[32])[_0xd456[31]][_0xd456[70]](_0xd456[68],_0xd456[69]);clearInterval(refresh_interval);clearInterval(ncheckData);connected=0;} else {document[_0xd456[33]](_0xd456[32])[_0xd456[31]][_0xd456[70]](_0xd456[68],_0xd456[71]);clearInterval(refresh_interval);document[_0xd456[33]](_0xd456[32])[_0xd456[31]][_0xd456[41]](document[_0xd456[33]](_0xd456[32])[_0xd456[31]][_0xd456[40]]);connected=1;number_of_refresh=0;if(!ncheckData){ncheckData=setInterval(_0xd456[37],10);} ;} ;} ;function submitmsg2(_0x5fb7x1a){oChat[0][_0xd456[74]][_0xd456[73]][_0xd456[72]]=oChat[0][_0xd456[74]][_0xd456[75]][_0xd456[72]];oChat[0][_0xd456[74]][_0xd456[75]][_0xd456[72]]=_0xd456[14];oChat[0][_0xd456[74]][_0xd456[75]][_0xd456[76]]();ajax_submit_chatbox2(_0x5fb7x1a);return false;} ;function refresh_chatbox2(_0x5fb7x1a){if(_0x5fb7x1a==_0xd456[14]||_0x5fb7x1a==undefined){_0x5fb7x1a=_0xd456[77];} ;if(oChat[0][_0xd456[33]](_0xd456[79])[_0xd456[78]]==true){ajax_refresh_chatbox2(_0x5fb7x1a);} ;$[_0xd456[74]](_0xd456[80],_0xd456[81]);} ;function ajax_refresh_chatbox2(_0x5fb7x1a,_0x5fb7x1d){if(_0x5fb7x1a==_0xd456[14]||_0x5fb7x1a==undefined){_0x5fb7x1a=_0xd456[77];} ;if(window[_0xd456[82]]){var _0x5fb7x1e= new XMLHttpRequest();} else {if(window[_0xd456[83]]){var _0x5fb7x1e= new ActiveXObject(_0xd456[84]);} ;} ;_0x5fb7x1e[_0xd456[85]]=function (){if(_0x5fb7x1e[_0xd456[86]]==4&&_0x5fb7x1e[_0xd456[87]]==200){var _0x5fb7x1f=_0x5fb7x1e[_0xd456[88]];eval(_0x5fb7x1f);if(chatbox_last_update>chatbox_updated||_0x5fb7x1d){if(oChat[0][_0xd456[33]](_0xd456[44])[_0xd456[89]]!=null){if(chatbox_messages_old!=chatbox_messages){oChat[0][_0xd456[33]](_0xd456[44])[_0xd456[89]]=chatbox_messages;chatbox_messages_old=chatbox_messages;chatAvatar();oChat[0][_0xd456[33]](_0xd456[44])[_0xd456[43]]=oChat[0][_0xd456[33]](_0xd456[44])[_0xd456[90]]+oChat[0][_0xd456[33]](_0xd456[44])[_0xd456[91]];oChat[0][_0xd456[33]](_0xd456[44])[_0xd456[43]]=999999;} ;} ;if(oChat[0][_0xd456[33]](_0xd456[92])[_0xd456[89]]!=null){oChat[0][_0xd456[33]](_0xd456[92])[_0xd456[89]]=chatbox_memberlist;} ;chatbox_updated=chatbox_last_update;} ;} ;} ;_0x5fb7x1e[_0xd456[96]](_0xd456[93],_0xd456[94]+_0x5fb7x1a+_0xd456[95],true);_0x5fb7x1e[_0xd456[97]](null);} ;function ajax_submit_chatbox2(_0x5fb7x1a){number_of_refresh=0;var _0x5fb7x25=oChat[0][_0xd456[74]][_0xd456[73]][_0xd456[72]];if(_0x5fb7x1a==_0xd456[14]||_0x5fb7x1a==undefined){_0x5fb7x1a=_0xd456[77];} ;var _0x5fb7x16=_0xd456[102];_0x5fb7x16+=_0xd456[103]+encodeURIComponent(_0x5fb7x25);_0x5fb7x16+=_0xd456[104]+oChat[0][_0xd456[74]][_0xd456[105]][_0xd456[72]];_0x5fb7x16+=_0xd456[106]+oChat[0][_0xd456[74]][_0xd456[107]][_0xd456[72]];_0x5fb7x16+=_0xd456[108]+oChat[0][_0xd456[74]][_0xd456[109]][_0xd456[72]];_0x5fb7x16+=_0xd456[110]+oChat[0][_0xd456[74]][_0xd456[111]][_0xd456[72]];_0x5fb7x16+=_0xd456[112]+oChat[0][_0xd456[74]][_0xd456[113]][_0xd456[72]];if((_0x5fb7x25[_0xd456[115]](_0xd456[114])==0)||(_0x5fb7x25[_0xd456[115]](_0xd456[116])==0)){oChat[0][_0xd456[33]](_0xd456[79])[_0xd456[78]]=false;} ;if(oChat[0][_0xd456[74]][_0xd456[73]][_0xd456[72]]==_0xd456[117]){window[_0xd456[96]](_0xd456[118]+_0x5fb7x1a,_0xd456[119],_0xd456[120]);return false;} ;if(window[_0xd456[82]]){var _0x5fb7x1e= new XMLHttpRequest();} else {if(window[_0xd456[83]]){var _0x5fb7x1e= new ActiveXObject(_0xd456[84]);} ;} ;_0x5fb7x1e[_0xd456[85]]=function (){if(_0x5fb7x1e[_0xd456[86]]==4&&_0x5fb7x1e[_0xd456[87]]==200){var _0x5fb7x1f=_0x5fb7x1e[_0xd456[88]];eval(_0x5fb7x1f);if(chatbox_last_update>chatbox_updated){oChat[0][_0xd456[33]](_0xd456[44])[_0xd456[89]]=chatbox_messages;oChat[0][_0xd456[33]](_0xd456[92])[_0xd456[89]]=chatbox_memberlist;chatbox_updated=chatbox_last_update;chatAvatar();oChat[0][_0xd456[33]](_0xd456[44])[_0xd456[43]]=999999;} ;} ;} ;_0x5fb7x1e[_0xd456[96]](_0xd456[121],_0xd456[94]+_0x5fb7x1a,true);_0x5fb7x1e[_0xd456[124]](_0xd456[122],_0xd456[123]);_0x5fb7x1e[_0xd456[97]]((_0x5fb7x16));} (function (_0x5fb7x20){var _0x5fb7x21=_0x5fb7x20([1]);_0x5fb7x20[_0xd456[99]][_0xd456[98]]=function (_0x5fb7x22){var _0x5fb7x23=-1;while((_0x5fb7x21[_0xd456[100]]=_0x5fb7x21[0]=this[++_0x5fb7x23])&&_0x5fb7x22[_0xd456[101]](_0x5fb7x21[0],_0x5fb7x23,_0x5fb7x21)!==false){} ;return this;} ;} )(jQuery);(function (_0x5fb7x26){_0x5fb7x26[_0xd456[99]][_0xd456[125]]=function (){$oThis=_0x5fb7x26(this);if(_0xd456[125] in $oThis[0]){return $oThis[0][_0xd456[125]];} else {var _0x5fb7x27=$oThis[_0xd456[128]](_0xd456[127])[_0xd456[52]]()[_0xd456[126]]();$oThis[_0xd456[129]]();return _0x5fb7x27;} ;} ;} (jQuery));


CSS:

Código:


/*
 * Avatar in /chatbox - Fast and Rá!!!
 * Version: 1.11.2013 - Kheops
 * Made and Optimizations by JScript - 2013/11/01
 * View more in: http://jscript.forumeiros.com/forum
 * Copyright (c) 2013 JScript - jscriptbrasil at live dot com
 * This work is free. You can redistribute it and/or modify it
 * under the terms of the WTFPL, Version 2
 */
 /* 1- Parte: Essa parte é necessária! */
.KheopsUserPhoto {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D5D5D5;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    float: left;
    margin-right: 8px;
    padding: 1px;
}
.KheopsUserPhoto_icon {
float: left !important;
  height: 16px;
  width: 16px;
}
.KheopsUserPhoto:hover {
    border-color: #7D7D7D;
}
.KheopsUserPhoto img {
    height: 50px;
    width: 50px;
}
img, .input_check, .input_radio {
  vertical-align: middle;
}
/* 2- Parte: Apenas pra dar uma característica de IPBoard */
#chatbox span[title] {
  float: right !important;
}
#chatbox .user > span {
  float: left !important;
}
#chatbox .user:not(a) {
  display: inline-block !important;
  max-width: 150px !important;
  min-width: 14% !important;
  text-align: right !important;
}
#chatbox .user a {
  float: left !important;
  font-weight: 700;
  max-width: 150px !important;
  min-width: 50px !important;
}


A primeira parte deste CSS é necessária, o restante é apenas pra deixar as mensagens um pouco mais elegantes, mas se não gostar, basta não usar a 2ª parte!

Nota: Por enquanto o código está bloqueado para funcionar apenas nos fóruns cadastrados dentro dele, ou seja, para ter o código funcionando em seu fórum, basta postar o nome para que eu possa adicionar!

Quem desejar testar é só postar aqui mesmo neste tópico.

Espero que gostem,

JS

Grande JScript, sempre top!!  

PS: Não pude deixar de rir no "Fast and Rá" kkkkkkk

Muito interessante JS, parabéns amigo

Olá,

Muito bom mesmo, tive a tentar colocar mas, preciso que libere para funcionar penso eu  

IsmaelS. escreveu:Olá,

Desculpe por isso, mas já coloquei mas não ativei apenas coloquei no JavaScript, www.suportedesign.net se for preciso ativar diga.

@IsmaelS.

Sério?! Então você não leu:

JScript escreveu:Nota: Por enquanto o código está bloqueado para funcionar apenas nos fóruns cadastrados dentro dele, ou seja, para ter o código funcionando em seu fórum, basta postar o nome para que eu possa adicionar!

Edit: Já está liberado pra seu fórum, bom proveito!

JS

Olá!

Poderia liberar para este fórum:
-> http://destruction.naruto-rpg.com/
Desejo fazer alguns testes! Parabéns, ficou bem legal.

Até.

JScript escreveu:Já está liberado pra seu fórum, bom proveito!

Gostaria de testar no meu fórum também....

Aqui está:

http://somosmugiwara.forumeiros.com/forum

JScript escreveu:Já está liberado pra seu fórum, bom proveito!

Olá, poderia libera para o meu fórum?

http://nightarts.forumeiros.com/

Agradeço,

Abraços~

JScript escreveu:Já está liberado pra seu fórum, bom proveito!

Como já era previsto:
-> http://prntscr.com/21qwwf

@Cʀɑzy

Ainda bem que você já sabia! Como esperar um código que adiciona um avatar em tempo real funcionar em cima de um outro JavaScript que adiciona um avatar estático?!

Mas é bem simples de resolver, basta você usar o CSS desse atual de seu chatbox em conjunto com o meu código, afinal de contas a personalização estética é dada pelo CSS e não pelo JavaScript...

Outro detalhe que não especifiquei: Do CSS que eu postei, apenas a 1ª parte é necessária para que o avatar fique com as dimensões corretas que são 16x16!!!

Veja novamente a primeira mensagem do tópico,

JS

Olá!

Não e um javascript, e um CSS com um ':before'..
Vou fazer as minhas modificações, o estranho, e que o senhor não trocou o .html do avatar estático pelo avatar do usuário como eu pedi no tópico.
Fez o script, mas não alterou... Mas obrigado, já fez a maior parte..

Na realidade eu fiz um código que adiciona o avatar do usuário em qualquer /chatbox, mas no seu caso basta editar o CSS pra remover o avatar estático com uso do :before!

Eu deixei habilitado aqui no fórum pra que todos possam testar,

JS

Veja como ficou no meu fórum JS.



Note que o avatar não carrega... fica apenas aquela imagem branca.

Acho que é algum Javascript bloqueando, vou retirar todos e colocar apenas o código java do chat.

Caso tenham algum meio de arrumar postem aqui, vou tentar arrumar e qualquer coisa volto aqui.

LEia esta parte

JScript escreveu:Nota: Por enquanto o código está bloqueado para funcionar apenas nos fóruns cadastrados dentro dele, ou seja, para ter o código funcionando em seu fórum, basta postar o nome para que eu possa adicionar!

Veja:

http://jscript.forumeiros.com/t413-avatar-no-chatbox-nativo#2903

O JS já liberou para o meu fórum.....

Ah sim, perdão pois nõ tinha reparado. Nossa cara você tem muito javascript no seu forum pela gestão de java.

É bem provável que esteja sim interferindo.

Dei um jeitinho no meu:
-> http://prntscr.com/22i046
Valeu mesmo JScript! Vou compartilhar esse código com um amigo, que e dono de um fórum que frequento. Poderia liberar para esse fórum?
-> http://ninjahistoryrpg.ultimaterpg.net/forum

Obrigado!

já desativei todos os java mesmo assim o código não funcionou.



O que seria que estaria interferindo no funcionamento do mesmo?

@Houdini

Crie uma conta temporária como User: Teste Pass: 12345 pra que possamos testar ok?

JS

Epa!

Deu um bug nos botões aqui galera...
-> http://destruction.naruto-rpg.com/
-> http://prntscr.com/22m0ly

Alguém sabe o que pode ser?

JScript escreveu:Crie uma conta temporária como User: Teste e Pass: 12345 pra que possamos testar ok?

Poderia Liberar? Se puder agradeço
http://hdcreate.forumeiros.com/

Até mais,

bielzinho escreveu:Poderia Liberar? Se puder agradeço
http://hdcreate.forumeiros.com/

Até mais,

Amigo, você ainda nem está com sua conta ativada aqui...

Loguin: Teste; Senha: aB12345

JScript escreveu:Obrigado, já vi o problema lá e neste Sábado eu vou corrigir ok? Até mais! - Pode deixar esta mensagem oculta mesmo...

@Cʀɑzy

Adicione o seguinte:

Código:


#chatbox_top iframe {
  overflow: auto;
}
.user-msg {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  display: inline-block;
  min-height: 0 !important;
  padding-left: 0 !important;
}


O resultado é:


JS

Amigo! É para ficar como antes, com o botão de logar ali. Seria possível?