Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Imagem em determinada área
Hoje à(s) 03:27 pm por Harleen

» Melhorar a aparência desta caixa
Hoje à(s) 03:18 pm por Harleen

» #10422 Forumeiros desativa e reenvia a url para este site
Hoje à(s) 01:35 pm por Shek

» Efeito no avatar em mensagens no tópico
Hoje à(s) 12:35 pm por Harleen

» Remover permissão
Hoje à(s) 11:22 am por Harleen

» Imagem do topico
Hoje à(s) 11:07 am por Harleen

» Template tópicos recentes
Hoje à(s) 10:45 am por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Harleen
 
Fatalisss
 
JulioPais
 
Holkis
 
Shek
 
APOllO
 
Forumpw
 
MtX
 
Roger_Crazzy
 

Quem está conectado
238 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 233 Visitantes :: 1 Motor de busca

Angeloid, Connor R., Dark Hunter, Lincoln, Roger_Crazzy

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 : 1080
Pontos Ativos : 1543

http://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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4207

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 : 1080
Pontos Ativos : 1543

http://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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4207

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 : 1080
Pontos Ativos : 1543

http://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.


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16487
Pontos Ativos : 20867

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum