[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, 14:21
Localização: Brasil
Contact:

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

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
Moderador
Moderador
Mensagens: 986
Registrado em: 23 Mar 2012, 13:50
Nome Real: Saulo Henrique

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

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, 14:21
Localização: Brasil
Contact:

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

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, 14:21
Localização: Brasil
Contact:

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

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