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
» Formulário de postagem 2.0 não está postando
Hoje à(s) 02:53 am por Bruninho._

» (PEDIDO) Ranks
Hoje à(s) 12:05 am por Fou-Lu

» Direccionar para outra página
Ontem à(s) 10:25 pm por Harleen

» Mudar caixas de usuários online, grupos e aniversariantes
Ontem à(s) 10:19 pm por William_iHarDz

» Personalizar Perfil de conquistas
Ontem à(s) 09:47 pm por Harleen

» Adicionar widget últimos assuntos no portal
Ontem à(s) 09:42 pm por Harleen

» Construção de Header
Ontem à(s) 09:01 pm por IsmaelS.

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
185 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 181 Visitantes :: 2 Motores de busca

Fou-Lu, mrvisible, William_iHarDz, zHugh

[ 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

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
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

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

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

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

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

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

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
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

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

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
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

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

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".
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

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