[Resolvido] Mudar cor do link ao passar o mouse em arquivo .html

Suporte à dúvidas gerais relacionadas ao phpBB.
Holmes
Membro Avançado
Membro Avançado
Mensagens: 1142
Registrado em: 23 Fev 2012, 15:21
Localização: Brasil
Contato:
MSG 1000+Avatar
Você favoritou esta postagem

[Resolvido] Mudar cor do link ao passar o mouse em arquivo .html

  • Remover marcador da postagem
  • Mensagem por Holmes »

    oi pessoal, no Manjaro Brasil (http://www.manjaro-linux.com.br/) que mudar a cor ao passar o mouse de uns blocos do portal, por exemplo: no bloco Siga ao posicionar/passar o mouse a cor não muda, veja

    Imagem

    em outros blocos isto ocorre, como em Acesso Rápido, veja

    Imagem

    a cor do bloco Acesso Rápido mudei em colorus.css, mas não consegui fazer o mesmo para o bloco Siga, pois ele é um html, veja o conteúdo

    Código: Selecionar todos

    <div class="portal-navigation">
        <div class="menutitle" style="
            font-size: 12px;
            color: #1abc93;
        ">Rede</div>
              <ul>
              <!--– Add Canal IRC Freenode  –-->
    		  <li><a target="_blank" rel="nofollow" onclick="window.open('http://webchat.freenode.net/?channels=kissbrasil'); return false;" alt="Canal IRC Freenode" title="Manjaro Brasil Canal IRC Freenode" style="font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;cursor: pointer;padding-bottom: 0px;margin-bottom:-6px;color: #1abc9c;">Canal IRC Freenode</a></li>
    		  <!--– END Canal IRC Freenode  –-->
    <!--– Add Facebook –-->
              <li><a target="_blank" rel="nofollow" onclick="window.open('http://www.facebook.com/Manjaro.Brasil'); return false;" alt="Facebook" title="Manjaro Brasil Facebook" style="font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;cursor: pointer;padding-bottom: 0px;margin-bottom:-6px;color: #1abc9c;">Facebook</a></li>
              <!--– END Facebook –-->		  		  
    <!--– Add Feed  –-->
    		  <li><a target="_blank" rel="nofollow" onclick="window.open('http://feeds.feedburner.com/manjarobrasilfeed'); return false;" alt="FeedBurner" title="Manjaro Brasil FeedBurner" style="font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;cursor: pointer;padding-bottom: 0px;margin-bottom:-6px;color: #1abc9c;">Feed</a></li>
              <!--– END Feed  –-->
    <!--– Add Twitter –-->
              <li><a target="_blank" rel="nofollow" onclick="window.open('https://twitter.com/manjarobrasil'); return false;" alt="Twitter" title="Manjaro Brasil Twitter" style="font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;cursor: pointer;padding-bottom: 0px;margin-bottom:-6px;color: #1abc9c;">Twitter</a></li>
              <!--– END Twitter –-->
    <!--– Add YouTube  –-->
    		  <li><a target="_blank" rel="nofollow" onclick="window.open('http://www.youtube.com/results?search_query=manjaro+linux&oq=manjaro+linux'); return false;" alt="YouTube" title="Manjaro Brasil YouTube" style="font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;cursor: pointer;color: #1abc9c;">YouTube</a></li>
    		  <!--– END YouTube  –-->
     </ul>
    é possível ter o mesmo efeito em html?

    vlw fwi, Holmes :)
    Editado pela última vez por Holmes em 18 Mai 2015, 13:43, em um total de 1 vez.
    henrique.seven2011
    Membro Intermediá¡rio
    Membro Intermediá¡rio
    Mensagens: 991
    Registrado em: 23 Mar 2012, 13:50
    Nome Real: Saulo Henrique
    MSG 750+Avatar
    Você favoritou esta postagem

    Re: Mudar cor do link ao passar o mouse em arquivo .html

  • Remover marcador da postagem
  • Mensagem por henrique.seven2011 »

    Vejo que vc usa:

    Código: Selecionar todos

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.youtube.com/results?search_query=manjaro+linux&oq=manjaro+linux'); return false;" alt="YouTube" title="Manjaro Brasil YouTube" style="font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;cursor: pointer;color: #1abc9c;">YouTube</a>
    
    Tente usar:

    Código: Selecionar todos

    <a target="_blank" onclick="window.open('http://www.youtube.com/results?search_query=manjaro+linux&oq=manjaro+linux'); return false;" alt="YouTube" title="Manjaro Brasil YouTube">YouTube</a>
    
    Ou use:

    Código: Selecionar todos

    <a target="_blank" href="http://www.youtube.com/results?search_query=manjaro+linux&oq=manjaro+linux">YouTube</a>
    
    Cloud de Verdade?! Recomendo: Vultr, DigitalOcean e LetsCloud | Freelancer a disposição!
    Holmes
    Membro Avançado
    Membro Avançado
    Mensagens: 1142
    Registrado em: 23 Fev 2012, 15:21
    Localização: Brasil
    Contato:
    MSG 1000+Avatar
    Você favoritou esta postagem

    Re: Mudar cor do link ao passar o mouse em arquivo .html

  • Remover marcador da postagem
  • Mensagem por Holmes »

    oi @ henrique.seven2011, usei a primeira opção e dá certo, mas sai fora da formatação, veja

    Imagem

    vlw fwi, Holmes :)
    Holmes
    Membro Avançado
    Membro Avançado
    Mensagens: 1142
    Registrado em: 23 Fev 2012, 15:21
    Localização: Brasil
    Contato:
    MSG 1000+Avatar
    Você favoritou esta postagem

    Re: Mudar cor do link ao passar o mouse em arquivo .html

  • Remover marcador da postagem
  • Mensagem por Holmes »

    oi pessoal, consegui resolver, por exemplo, assim:

    Código: Selecionar todos

    <li><a href="http://www.microsofttranslator.com/bv.aspx?from=pt&to=tr&a=http://www.manjaro-linux.com.br/forum/portal.php" title="Portekizce-Türkçe" onclick="window.open('http://www.microsofttranslator.com/bv.aspx?from=pt&to=tr&a=http://www.manjaro-linux.com.br/forum/portal.php'); return false;" style="font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;cursor: pointer;">Türkçe</a></li>
    vlw fwi, Holmes :)
    Trancado