Borda no hover do menu

Detalhes da questão

Endereço do fórum: http://narutoeternalrpg.forumeiros.com/forum
Versão do fórum: ModernBB

Descrição

Olá,

Bom, gostaria de um código para quando passar o mouse sobre algum dos menus do meu fórum aparecer a seguinte borda.



Fórum onde tal efeito foi encontrado: http://proxstudio.forumeiros.com/

Agradecido, desde já.

Adicione ao CSS:

Código:

.navbar a {
    border-top: 2px transparent solid;
    transition-property: background-color, border-top-color, color;
}

.navbar a:hover,
.navbar a:focus,
.navbar a:active,
.navbar a.active {
    border-top-color: #3793ff;
}

Olá,

O código funcionou perfeitamente, só uma pergunta sobre algo.

Eu estou com a Barra de Ferramentas ativada.



Gostaria de saber se seria possível quando a barra de ferramentas estivesse como na imagem acima, a borda que acabamos de adicionar no menu ela aparecesse na parte de baixo em vez de ser no topo.

Se não conseguir entender o que quis dizer eu tentarei explicar melhor na próxima kk.

att,

Troque o CSS passado por esse:

Código:

.navbar a {
    border-top: 2px transparent solid;
    border-bottom: 2px transparent solid;
    transition-property: background-color, border-top-color, border-bottom-color, color;
}

.navbar a:hover,
.navbar a:focus,
.navbar a:active,
.navbar a.active {
    border-bottom-color: #3793ff;
    border-top-color: transparent;
}

#modernbb[style="margin-top: 42px;"] .navbar a:hover,
#modernbb[style="margin-top: 42px;"] .navbar a:focus,
#modernbb[style="margin-top: 42px;"] .navbar a:active,
#modernbb[style="margin-top: 42px;"] .navbar a.active {
    border-bottom-color: transparent;
    border-top-color: #3793ff;
}

Olá,

Perfeito meu amigo.

Muito agradecido.

o/

---