YouTube no Banner

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

Resolvido YouTube no Banner

Mensagem por YouTube3 em 05/06/17, 05:05 pm

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


Última edição por YouTube3 em 06/06/17, 09:46 pm, editado 1 vez(es)
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com
  • 0

Resolvido Re: YouTube no Banner

Mensagem por Luiz em 05/06/17, 05:39 pm

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/
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7344

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: YouTube no Banner

Mensagem por YouTube3 em 05/06/17, 10:29 pm

Funciono apenas mais 3 coisinhas.


como faz para eu mover o ícone para o lugar que eu quero?


Eu tenho um ícone já como faço para muda-lo?


Como faço para por o link do canal pelo ícone? quando clicar no ícone é redirecionado para um canal?
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com
  • 0

Resolvido Re: YouTube no Banner

Mensagem por Luiz em 06/06/17, 04:27 pm

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/
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7344

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: YouTube no Banner

Mensagem por YouTube3 em 06/06/17, 09:46 pm

Fico legal assim pode fechar obrigado.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com

Resolvido Re: YouTube no Banner

Mensagem por Shek em 07/06/17, 04:49 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
avatar

Shek
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17664
Pontos Ativos : 21855

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

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