YouTube no Banner

Detalhes da questão

Endereço do fórum: http://vgnfamily.forumais.com/
Versão do fórum: PunBB

Descrição

Boa tarde,

Olá, gostaria de saber se é possível adicionar um ícone do youtube, no banner do fórum?
Ao passar o mouse Em cima ele fica verde igual desta página html: Clique aqui

Crie um novo Javascript com investimento em todas as páginas com o código:

Código:

(function ($) {
  'use strict';

  var cor = 'green';

  $(function () {
    $('body').append('<i class="fa fa-youtube fa-yt-icon"></i>');

    $('<style>', {
      type: 'text/css',
      text: [
        '.fa-yt-icon {position: absolute; top: 20px; left: 50%; transform: translateX(-50%);color: #fff; font-size: 1.4em;}',
        '.fa-yt-icon:hover {color: ' + cor + '}',
      ].join('\n'),
    }).appendTo('head');
  });
}(jQuery));

Feito isso, na quarta linha, teremos este trecho:

Código:

var cor = 'green';

Troque o "green" para a cor em hover à qual o senhor deseja.

---

Se o senhor preferir, também tem como fazer isso via edição de templates sem JS. Mas fica à seu critério.

o/

Olá,

Para mudar o ícone, procure a classe "fa-youtube", na sétima linha, e altere-a pela classe do ícone que deseja (se for um relógio, será fa-clock).

Eu já coloquei como mostra na imagem. Preciso que me indique onde que o senhor deseja colocar o ícone. Ou mudar pelo CSS (caso o senhor saiba), através da décima segunda linha.

Para criar um link, mude a linha sete por:

Código:

$('body').append([
  '<a href="LINK" class="fa-yt-icon">',
  '  <i class="fa fa-youtube" aria-hidden="true"></i>',
  '</a>',
].join('\n'));

Se ainda quiser mudar o ícone, basta trocar pelo ícone da terceira linha do código acima.

o/

Fico legal assim pode fechar obrigado.