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
» Slides bugado
Hoje à(s) 03:37 pm por Luiz

» Criar Novos botões e mudar a cor
Hoje à(s) 02:58 pm por Fou-Lu

» Ranks para forum
Hoje à(s) 02:55 pm por Fou-Lu

» Ranks - NarutoNGO
Hoje à(s) 02:53 pm por Fou-Lu

» Adicionar estrelas nos tópicos
Hoje à(s) 02:44 pm por APOllO

» Modificação no Index
Hoje à(s) 02:20 pm por Luiz

» Top Usuário
Hoje à(s) 02:20 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Ketholy123
 
iScroll
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
ranzatti
 
zHugh
 
APOllO
 

Quem está conectado
228 usuários online :: 6 usuários cadastrados, 1 Invisível e 221 Visitantes :: 2 Motores de busca

Connor R., Fou-Lu, iScroll, Ketholy123, Luiz, Punisher

[ Ver toda a lista ]


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

Personalizar Links

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

Resolvido Personalizar Links

Mensagem por YouTube3 em 05/04/17, 04:32 pm

Detalhes da questão


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

Descrição


Olá, Novamente.

Gostaria de deixar os links do meu fórum iguais à este: http://www.brasilplaystart.com.br/forum/

Sem passar o mouse encima dos links ele fica assim:


Ao passar o mouse o link fica assim:


Última edição por YouTube3 em 05/04/17, 08:53 pm, editado 2 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: Personalizar Links

Mensagem por Luiz em 05/04/17, 04:37 pm

Olá,

Adicione este código ao final de sua Folha de Estilo CSS:
Código:
a {
  position: relative;
}

a:hover {
  color: #3091c1!important;
}

a:after {
  content: '';
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  transform: rotate(-90deg);
  opacity: 0;
  transition: all ease-in 300ms;
  color: #3091c1;
}

a:hover:after {
  right: -15px;
  transform: rotate(0deg);
  opacity: 1!important;
}

Tchau


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

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

Resolvido Re: Personalizar Links

Mensagem por YouTube3 em 05/04/17, 05:26 pm

Funcionou porem ele aparece em todos links que tem do fórum, índice, Sub-Fóruns, Tópicos, Menu, todos todos links gostaria apenas nos links das últimas mensagens que aparece no índice do fórum.

Algumas prints: http://imgur.com/a/bFYro
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: Personalizar Links

Mensagem por Luiz em 05/04/17, 05:44 pm

Achei que o senhor queria em todos os links, desculpe. Envergonhado

Troque por este:
Código:
.tcr a {
  position: relative;
}
 
.tcr a:hover {
  color: #3091c1!important;
}
 
.tcr a:after {
  content: '';
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  transform: rotate(-90deg);
  opacity: 0;
  transition: all ease-in 300ms;
  color: #3091c1;
}
 
.tcr a:hover:after {
  right: -15px;
  transform: rotate(0deg);
  opacity: 1!important;
}

Até mais.


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

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

Resolvido Re: Personalizar Links

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

Quando passo o mouse encima do nick dos usuários nos últimos assuntos / Exibir a última mensagens .. ele continua aparecendo é possível remover destas parte?
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: Personalizar Links

Mensagem por Luiz em 05/04/17, 06:42 pm

Adicione mais este código CSS ao final de sua Folha de Estilo:
Código:
.tcr a[href*="/u"]::after,
.last-post-icon::after {
  content: ""!important;
}

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.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

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

Resolvido Re: Personalizar Links

Mensagem por YouTube3 em 05/04/17, 07:36 pm

Perfeito apenas 2 coisas.

Como faço para mudar para está cor: #76BA6D

2° Quando passo mouse ele muda direto a cor né? fica azul direto.
Teria como tipo passar o mouse encima ele ir mudando de cor aos poucos?
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: Personalizar Links

Mensagem por Luiz em 05/04/17, 08:01 pm

YouTube3 escreveu:Perfeito apenas 2 coisas.
Se ainda faltam "coisas", então não está perfeito. Rindo

Enfim, adicione mais este código ao final de sua CSS:
Código:
.tcr a::after {
  color: #444!important;
}

.tcr a:hover::after {
  color: #76BA6D!important;
}

.tcr a:hover {
  color: #76BA6D!important;
}

Tchau


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

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

Resolvido Re: Personalizar Links

Mensagem por YouTube3 em 05/04/17, 08:37 pm

Quando passa o mouse no link ele fica totalmente verde certo? muda a cor direto.

Gostaria de quando passar o mouse a cor do link ir mudando aos poucos tipo um efeito hover igual o ícone que aparece do lado quando passa o mouse no link.

Se você ir no fórum, do "Brasil Play Start" e passar o mouse no link deles você verá à diferença. É possível? Espero que entenda até mais.
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: Personalizar Links

Mensagem por Luiz em 05/04/17, 08:41 pm

Olá,

Adicione mais este código ao final de sua CSS:
Código:
a {
  transition: all .5s ease-in-out!important;
}

Então, no código, tem essa parte
.5s
o senhor pode mudar para um tempo à seu gosto, por exemplo,
.4s
é igual à um quarto de um segundo, e assim por diante. Muito feliz

No mais,
.5s
é o padrão daquele fórum. Mas lembre-se de sempre pedir permissão antes de copiar/plagiar algo ao autor/dono do fórum!

Tchau


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

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

Resolvido Re: Personalizar Links

Mensagem por YouTube3 em 05/04/17, 08:54 pm

Sem problemas 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
  • 0

Resolvido Re: Personalizar Links

Mensagem por Luiz em 05/04/17, 08:56 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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

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

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