Tuesday, September 23, 2008

Menú de navegación con íconos y texto

Situación
Deseamos crear un menú de navegación con íconos "subtitulados".

Solución
La Content Editor Web Part nos habilita esta posibilidad. Se debe insertar una tabla HTML (se puede hacer usando el Rich Text Editor) que es la que contendrá un ícono y su respectivo texto en cada celda.

Para lograr el efecto de pasar el mouse sobre el ícono se resalte el texto bajo el mismo, el código dentro de cada celda de la tabla debe tener el siguiente formato:

_____________________________________________________________________________________

<TD width=150 height=121>
<STRONG>
<A title="" href="http://MyPagePath.aspx" target="">
<P align=center>
<IMG style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0 px solid; WIDTH: 50px; BORDER-BOTTOM: 0px solid" src="http://MyImagePath.jpg" border=0>
</P>
<P align=center><STRONG>MYTITLE</STRONG></P>
</A>
<P align=center></STRONG>&nbsp;</P>
</TD>

____________________________________________________________________________________

No comments: