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
» Rank para meu fórum
Hoje à(s) 22:10 por Railison Ramon

» Ranks para meu forum
Hoje à(s) 21:45 por [B]ubbaNWD

» Fixar anúncios
Hoje à(s) 21:37 por Luiz~

» Espaço do fundo
Hoje à(s) 21:37 por Luiz~

» ocultar widget da lateral
Hoje à(s) 20:13 por Luiz~

» Rank forum
Hoje à(s) 20:10 por Gabriel_Gamer

» Banner GTA V
Hoje à(s) 18:21 por Cannabis._.

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

[SRD]JimClark, Biel_Staff, GustavoDM11, iScroll, juleic1123, Luiz~, MateusV., RafaelS., Railison Ramon, weverson lopes

[ Ver toda a lista ]


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

Efeito hover nos links

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

Resolvido Efeito hover nos links

Mensagem por gmedeiros em Sex 27 Maio 2016 - 3:00

Detalhes da questão


Endereço do fórum: http://pixelar-design.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Poderiam me ajuda a encontrar tal efeito ? http://prntscr.com/b8wxqi quando passo o cursor por cima a linha vermelha expande e isso é em todos os links alguém poderia me ajudar ? pf
avatar

gmedeiros
Nível 2

Masculino
Inscrito dia : 24/04/2015
Mensagens : 11
Pontos Ativos : 750

http://gilmedeiros75@hotmail.com

Resolvido Re: Efeito hover nos links

Mensagem por while em Sex 27 Maio 2016 - 16:10

Olá amigo, Bom Dia!

Não entendi bem sua questão, você só queres saber qual o código que faz esse efeito?
Se sim, é esse código:
Código:
.pagination a, ul.linklist li a {
    color: #DB1B2E!important;
    font-family: \'Open sans\', sans-serif;
    font-size: 100%;
    font-weight: 600;
    position: relative;
    text-decoration: none!important;
    text-transform: uppercase;
    transition: .2s;
}
.pagination a::after, ul.linklist li a::after {
    background-color: #DB1B2E;
    bottom: -3px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: width .2s ease-in-out;
    width: 0;
}

Esse código se encontra na folha de estilo css (caso esse fórum citado seja seu).

Atenciosamente,
While.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4862

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Efeito hover nos links

Mensagem por gmedeiros em Sab 28 Maio 2016 - 7:03

Funcionou amigo Muito feliz Obrigado!
avatar

gmedeiros
Nível 2

Masculino
Inscrito dia : 24/04/2015
Mensagens : 11
Pontos Ativos : 750

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