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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Não consigo procurar todas as postagens de alguns membros
Hoje à(s) 4:23 por Lucy Elrich Sinskye

» Pedido de Banner de Parceria
Hoje à(s) 2:50 por Allenkar_

» [AddOn] Questão no cadastro
Hoje à(s) 2:36 por Johan

» Personalizar Menu
Hoje à(s) 1:51 por YouTube3

» Bug nos perfis
Hoje à(s) 1:09 por Kyo Panda

» Domínio do fórum
Hoje à(s) 1:07 por Kyo Panda

» Sistema de pegar tópicos
Hoje à(s) 0:04 por Kyo Panda

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Quem está conectado
143 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 143 Visitantes :: 2 Motores de busca

Nenhum

[ Ver toda a lista ]


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

Mudar borda em hover

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

Resolvido Mudar borda em hover

Mensagem por Luiz~ em Qui 10 Nov 2016 - 19:00

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á.
^-^


Última edição por luuuiiiz em Sex 11 Nov 2016 - 14:45, editado 1 vez(es)

Luiz~
Candidato a Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 591
Pontos Ativos : 1229

http://ajuda.forumeiros.com

Resolvido Re: Mudar borda em hover

Mensagem por Gaaratsu em Qui 10 Nov 2016 - 19:05

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é! Contente

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5541
Pontos Ativos : 9292

http://narutongo.forumeiros.com/

Resolvido Re: Mudar borda em hover

Mensagem por Luiz~ em Qui 10 Nov 2016 - 19:09

Sem resultado. :/

Luiz~
Candidato a Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 591
Pontos Ativos : 1229

http://ajuda.forumeiros.com

Resolvido Re: Mudar borda em hover

Mensagem por Gaaratsu em Qui 10 Nov 2016 - 20:34

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;
}

Contente

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5541
Pontos Ativos : 9292

http://narutongo.forumeiros.com/

Resolvido Re: Mudar borda em hover

Mensagem por Luiz~ em Qui 10 Nov 2016 - 21:03

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

Luiz~
Candidato a Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 591
Pontos Ativos : 1229

http://ajuda.forumeiros.com
  • 0

Resolvido Re: Mudar borda em hover

Mensagem por Kyo Panda em Sex 11 Nov 2016 - 2:41

Olá,

  • Vá em Painel de controle :seta2: Módulos :seta2: HTML & JavaScript :seta2: Gestão dos códigos JavaScripts :seta2: 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 :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: 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'

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1889
Pontos Ativos : 4559

http://ajuda.forumeiros.com

Resolvido Re: Mudar borda em hover

Mensagem por Luiz~ em Sex 11 Nov 2016 - 14:45

Cara, tu é demais! Rindo
Resolvido.

Luiz~
Candidato a Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 591
Pontos Ativos : 1229

http://ajuda.forumeiros.com

Resolvido Re: Mudar borda em hover

Mensagem por Cream em Sex 11 Nov 2016 - 14:58

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

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


Seta Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Seta Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8461
Pontos Ativos : 13734

http://ajuda.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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5