http://www.bbc.co.uk/mundo/
En la pagina de la BBC de Londres cuando uno pone la flecha del mouse en un enlace supongo que un onmouseover hace que se subraye la palabra del link...
Tambien despues de hacer click en el enlace este cambie el color de la fuente para indicar que ya se clickeo ese enlace... Eso se me hace mas estetico y funcional que las lineas punteadas del indicador de enlace activo.
El caso es que llevo "horas" viendo el codigo fuente de la pagina de la BBC de Londres y no encuentro el codigo de ese onmouseover que se ve tan genial.
Podria buscar por otro lado la informacion de como hacer el codigo de ese onMouseOver & onMouseOut que se ve tan genial, pero por lo que he visto en el codigo de la pagina este no esta escrito en cada enlace, lo que me hace sospechar que esta declarado en el "heat" como css, pero ya lo busque y nada.
Código:
<style type="text/css">
/* Use filters for IE6 */
#blq-blocks a {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.bbci.co.uk/frameworks/barlesque/2.45.9/desktop/3.5//img/blq-blocks_white_alpha.png', sizingMethod='image');
}
.blq-masthead-focus #blq-blocks a,
.blq-mast-text-dark #blq-blocks a {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.bbci.co.uk/frameworks/barlesque/2.45.9/desktop/3.5//img/blq-blocks_grey_alpha.png', sizingMethod='image');
}
#blq-nav-search button span {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.bbci.co.uk/frameworks/barlesque/2.45.9/desktop/3.5//img/blq-search_grey_alpha.png', sizingMethod='image');
}
#blq-nav-search button img {
position: absolute;
left: -999em;
}
</style>
<![endif]-->
<!--[if (IE 7])|(IE 8)>
<style type="text/css">
.blq-clearfix {
display: inline-block;
}
</style>
<style type="text/css" media="print">
.story-body{
overflow:visible;
}
</style>
<a href="/mundo/" class="brand"><span>Mundo</span></a>
<!-- <span class="tagline">(none)</span> -->
<a href="/mundo/movil/?m" id="promo-mobile"><span>BBC Mundo en su celular</span></a>
<div class="bbccom_text">
<a href="/mundo/institucional/faqs/">Publicidad</a>
</div>
<script type="text/javascript">
//<![CDATA[
if (typeof BBC != "undefined" && typeof BBC.adverts != "undefined") {
BBC.adverts.write("leaderboard",false);
}
//]]>
</script>
Ya revise la programacion de las etiquetas "style css", "javascript" y los links "a href" y no se donde esta el "onmouseover" o cosa parecida que hace el efecto en los enlaces... Que es lo que pasa??? Es cosa de un editor de html, son aplicaciones de xhtml, html5, dreamweaver (o como se escriba)???
Me tiene opcesionada esta pagina de la BBC. Debo buscar como hacer un efecto similar en los enlaces por mi cuenta con css o una funcion onmouseover??? La verdad me resulta muy raro el codigo de esta pagina y me gustaria entenderlo.