Criar novo anúncio personalizado em meu fórum.

[Ed-Borges]

Detalhes da questão

Endereço do fórum: http://dmeportal.forumeiros.com
Versão do fórum: PunBB

Descrição

Boa noite! Quero saber como faço para colocar uma imagem linkável nesta parte do fórum.. Eu já vi em outros fóruns, é como se fosse um WIDJET em estilo publicidade.

Quero colocar nesta parte:


Esta imagem:


E que quando clique na imagem vá para este endereço: http://jornal-dme.blogspot.com.br/

[Luiz]

Boa noite,

Essa parte é reservada para anúncios da Forumeiros.
O senhor provavelmente (afirmo com 99% de certeza) usa softwares do estilo AdBlock, o que faz com que o anúncio padrão desapareça. No entanto, acessando o seu fórum, eu consigo ver os anúncios. Veja nessa captura de tela.

O senhor terá que colocar abaixo, ou nos informar outra posição.

o/

---

Ações moderativas:
Favor não capitalizar completamente o título de seus tópicos.
Título alterado de 'WIDJET EM BAIXO DO MENU DE NAVEGAÇÃO' para 'Criar novo anúncio personalizado em meu fórum.'.

[Ed-Borges]

Então em baixo mesmo, pode me dizer como faz?

[Luiz]

Olá,

Em:
Painel de Controle Módulos Gestão dos códigos JavaScript.

01) Habilite o gerenciamento dos códigos JavaScript (caso a opção estiver marcada como não, marque-a como sim).
02) Crie um novo JavaScript investido em todas as páginas com o código:

Código:

/*globals jQuery*/

/**
 * Criar anúncio personalizado para fóruns.
 * Funcional na versão PunBB.
 *
 * @author  Luiz Felipe F. <> {@link https://lffg.github.io/}
 * @see      {@link http://ajuda.forumeiros.com/t111770-}
 * @version  {1.0.0}
 * @license  MIT
 */

(function($) {
  'use strict';

  var config = {
    imgUrl: 'https://i62.servimg.com/u/f62/19/32/04/20/banner11.png',
    goToUrl: 'http://jornal-dme.blogspot.com.br/'
  };

  $(function() {
    var $ad = $('#main-content > div[class]:first-child');

    $ad.clone().html([
      '<div class="fa-custom-ad">',
      '  <a href="' + config.goToUrl + '">',
      '    <img src="' + config.imgUrl + '" alt="' + config.goToUrl + '" />',
      '  </a>',
      '</div>'
    ].join('')).insertAfter($ad);
  });
})(jQuery);

Salve e seja feliz. O resultado será este:
-> http://prntscr.com/it27sm

Gostaria de lembrar que remover o anúncio padrão da Forumeiros é uma infração de nível grave que pode, em alguns casos, levar à remoção permanente do fórum sem aviso prévio ao(s) administrador(es).

Atenciosamente.

[Ed-Borges]

Funcionou, obrigado!

[virus]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.