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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Criar código com imagens e links de especies
Hoje à(s) 10:21 am por EDU2010

» Dúvida quanto ao setor de divulgação
Hoje à(s) 10:20 am por Kokoro

» Como remover essas bordas dos avatares?
Hoje à(s) 06:58 am por AlexG

» Como adicionar um fundo a barra de menus?
Hoje à(s) 01:38 am por SetRaiden

» Preciso de uma logo
Hoje à(s) 01:05 am por odelgado

» [FAQ] Gerir e configurar o Topic'it no seu fórum Forumeiros
Ontem à(s) 11:15 pm por Shek

» Preciso de Ajuda.
Ontem à(s) 11:12 pm por Shek

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
229 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 226 Visitantes :: 2 Motores de busca

EDU2010, virus, WalkerBrazilian

[ 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

Ver perfil do usuário 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/


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.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4111
Pontos Ativos : 4734

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

Ver perfil do usuário 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/


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.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4111
Pontos Ativos : 4734

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

Ver perfil do usuário 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.


Shek CrowleyAdmineiro - 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 : 16837
Pontos Ativos : 21176

Ver perfil do usuário 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