Detalhes da questão

Endereço do fórum: drmpolicia.forumeiros.com
Versão do fórum: PhpBB3

Descrição

Olá, amigos.

Gostaria de saber, como faço para mudar a borda da barra de menu, quando um item está em hover.

No caso, quando estou em hover no "Sair [ LUUUIIIZ. ]", fica meio laranja o item.
Gostaria que a borda (que é azul, normalmente), ficaria da mesma cor do hover do item.

Imagem:


Obrigado desde já.
^-^

Olá amigo!

Adicione este código na tua CSS:

Código:

#page-header a.mainmenu:hover {
    background-color: #369fcf !important;
}

Aceda em: CPainel > Visualização >> Imagens e Cores >>> Cores > Folha de estilo CSS

Até!

Sem resultado. :/

Substitua por este:

Código:

a.mainmenu[href="/login"]:hover, a.mainmenu[href^="https://drmpolicia.blogspot.com.br/"]:hover, a.mainmenu[href="/logout"]:hover,
background-color: #369fcf !important;
}

Não é bem isso...
Como pode ver, ao ficar em hover em alguns botões do menu, eles ficam com o fundo em laranja.

Gostaria que quando o fundo de um sub-item do menu ficar laranja, a borda do menu (azul), mudar de cor para laranja...

Deu pra entender? :s

Olá,

• Vá em Painel de controle Módulos HTML & JavaScript Gestão dos códigos JavaScripts Criar um novo JavaScript e adicione esse código com Investimento em Todas as páginas:
  

  Código:

  ; (function ($) {
    'use strict';

    var titles, query;

    titles = [
        'Notícias',
        'Login',
        'Link 1',
        'Link 2',
        'Link N'
    ];

    query = [];

    $.each(titles, function () {
        query.push('.mainmenu:contains(' + this + ')');
    });

    $(function () {
        $(query.join(', ')).hover(function () {
            $('#page-header .linklist').addClass('linklist-hover');
        }, function () {
            $('#page-header .linklist').removeClass('linklist-hover');
        });
    });
}) (jQuery);

  
  Nessa parte do código acima você deve definir os títulos dos links que possuem a cor de fundo laranja quando o usuário passa o mouse por cima:
  
  

  Código:

  titles = [
    'Notícias',
    'Login',
    'Link 1',
    'Link 2',
    'Link N'
];

  
  
• Vá em Painel de controle Visualização Imagens e Cores Cores Folha de estilo CSS e adicione o seguinte código ao final da caixa de texto:
  
  

  Código:

  #page-header .linklist.linklist-hover {
  border-top-color: #e54732 !important;
}

^-^

---

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Cara, tu é demais!
Resolvido.