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

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
169 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 166 Visitantes :: 1 Motor de busca

PESS_dodo, Railison Ramon, Shek Crowley

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Personalizar Links

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

Resolvido Personalizar Links

Mensagem por YouTube3 em Qua 5 Abr 2017 - 20:32

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 Qui 6 Abr 2017 - 0:53, editado 2 vez(es)
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1026
Pontos Ativos : 2305

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Links

Mensagem por Luiz~ em Qua 5 Abr 2017 - 20:37

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar Links

Mensagem por YouTube3 em Qua 5 Abr 2017 - 21:26

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 : 1026
Pontos Ativos : 2305

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Links

Mensagem por Luiz~ em Qua 5 Abr 2017 - 21:44

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.


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar Links

Mensagem por YouTube3 em Qua 5 Abr 2017 - 22:26

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 : 1026
Pontos Ativos : 2305

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Links

Mensagem por Luiz~ em Qua 5 Abr 2017 - 22:42

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/


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar Links

Mensagem por YouTube3 em Qua 5 Abr 2017 - 23:36

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 : 1026
Pontos Ativos : 2305

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Links

Mensagem por Luiz~ em Qui 6 Abr 2017 - 0:01

@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


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar Links

Mensagem por YouTube3 em Qui 6 Abr 2017 - 0:37

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 : 1026
Pontos Ativos : 2305

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Links

Mensagem por Luiz~ em Qui 6 Abr 2017 - 0:41

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar Links

Mensagem por YouTube3 em Qui 6 Abr 2017 - 0:54

Sem problemas pode fechar obrigado.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1026
Pontos Ativos : 2305

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Links

Mensagem por Luiz~ em Qui 6 Abr 2017 - 0:56

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

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