Na enige tijd rondgekeken te hebben kom ik nog steeds niet tot een oplossing van mijn probleem!
Ik heb op mijn voorpagina allerlei icoontjes (links) naar social media. Nu zijn deze vrij doorzichtig gemaakt, zodat ze niet extreem opvallen. Maar als men er met de muis overheen gaat, wil ik graag dat het icoontje de originele kleur wordt. Lekker nutteloos, maar wel strak!
Wie weet welke Javascript code erin moet om een mouseOver te krijgen? Ik heb al allerlei Javascript en HTML codes geprobeerd, maar het lukt me maar niet!
Op dit moment is het gewoon een basic simpele HTML tabel:
[JS]
<table>
<tbody>
<tr>
<td><a target="_blank" rel="nofollow" href="http://www.twitter.com/bijbelschool"><img height="25" alt="Volg ons op Twitter!" width="25" align="left" border="0" src="/userfiles/Image/Socialmedia/bijbelschool-twitter-t.png" /></a></td>
<td><a target="_blank" rel="nofollow" href="http://www.facebook.com/pages/Zelhem-Netherlands/Bijbelschool-Foundation-4-Life/59656119279"><img height="25" alt="Word lid van onze Facebook!" width="25" align="left" border="0" src="/userfiles/Image/Socialmedia/bijbelschool-facebook-t.png" /></a> </td>
<td><a target="_blank" rel="nofollow" href="http://foundation4life.hyves.nl"><img height="25" alt="Word lid van onze Hyves!" width="25" align="left" border="0" src="/userfiles/Image/Socialmedia/bijbelschool-hyves-t.png" /></a></td>
<td><a target="_blank" rel="nofollow" href="http://www.youtube.com/foundationforlife"><img height="25" alt="Check al onze HD video's op ons YouTube channel!" width="25" align="left" border="0" src="/userfiles/Image/Socialmedia/bijbelschool-youtube-t.png" /></a></td>
<td><a target="_self" rel="nofollow" href="/media/bijbelschool-blogs-studenten"><img height="25" alt="Lees een blog van de studenten!" width="25" align="left" border="0" src="/userfiles/Image/Socialmedia/bijbelschool-blogger-t.png" /></a></td>
<td><a target="_blank" rel="nofollow" href="http://www.flickr.com/photos/bijbelschool_foundation_4_life/ "><img height="25" alt="Check onze photostream of Flickr!" width="25" align="left" border="0" src="/userfiles/Image/Socialmedia/bijbelschool-flickr-t.png" /></a></td>
</tr>
</tbody>
</table>
[/JS]
Ik heb op mijn voorpagina allerlei icoontjes (links) naar social media. Nu zijn deze vrij doorzichtig gemaakt, zodat ze niet extreem opvallen. Maar als men er met de muis overheen gaat, wil ik graag dat het icoontje de originele kleur wordt. Lekker nutteloos, maar wel strak!
Wie weet welke Javascript code erin moet om een mouseOver te krijgen? Ik heb al allerlei Javascript en HTML codes geprobeerd, maar het lukt me maar niet!
Op dit moment is het gewoon een basic simpele HTML tabel:
[JS]
<table>
<tbody>
<tr>
<td><a target="_blank" rel="nofollow" href="http://www.twitter.com/bijbelschool"><img height="25" alt="Volg ons op Twitter!" width="25" align="left" border="0" src="/userfiles/Image/Socialmedia/bijbelschool-twitter-t.png" /></a></td>
<td><a target="_blank" rel="nofollow" href="http://www.facebook.com/pages/Zelhem-Netherlands/Bijbelschool-Foundation-4-Life/59656119279"><img height="25" alt="Word lid van onze Facebook!" width="25" align="left" border="0" src="/userfiles/Image/Socialmedia/bijbelschool-facebook-t.png" /></a> </td>
<td><a target="_blank" rel="nofollow" href="http://foundation4life.hyves.nl"><img height="25" alt="Word lid van onze Hyves!" width="25" align="left" border="0" src="/userfiles/Image/Socialmedia/bijbelschool-hyves-t.png" /></a></td>
<td><a target="_blank" rel="nofollow" href="http://www.youtube.com/foundationforlife"><img height="25" alt="Check al onze HD video's op ons YouTube channel!" width="25" align="left" border="0" src="/userfiles/Image/Socialmedia/bijbelschool-youtube-t.png" /></a></td>
<td><a target="_self" rel="nofollow" href="/media/bijbelschool-blogs-studenten"><img height="25" alt="Lees een blog van de studenten!" width="25" align="left" border="0" src="/userfiles/Image/Socialmedia/bijbelschool-blogger-t.png" /></a></td>
<td><a target="_blank" rel="nofollow" href="http://www.flickr.com/photos/bijbelschool_foundation_4_life/ "><img height="25" alt="Check onze photostream of Flickr!" width="25" align="left" border="0" src="/userfiles/Image/Socialmedia/bijbelschool-flickr-t.png" /></a></td>
</tr>
</tbody>
</table>
[/JS]
Werkt helemaal perfect in alle browsers. Moooooi!