|
Descripción: Use este script para
transformar textos, tablas, etc, en botones presionables, similares
a los de la barra de menú. Se integra fácilmente
con varios tags (<span>,
<div>, <td>, etc).
Nota: sólo funciona en IE
Demo:
|
HTMLDynamico
|
Novedades
|
Recomendados
|
Consultas
|
- HTML table con imágenes:
 HTMLDynamico
|
 Novedades
|
Recomendado
|
Consultas
|
Instrucciones
Paso 1: Inserte
el siguiente código en la seción <HEAD> de su web:
Paso 2: Descargue
el siguiente archivo .zip y súbalo en su directorio web. Recuerde cambiar la
propiedad src del código anterior haciendo referencia a la ubicación de este
archivo:
coolbuttons.js
(click derecho del mouse y
elegir "Guardar destino como...")
Paso 3:
Ya estás listo para transformar elementos en botones presionables. El
elemento recomendable para estos botones son la TABLAS, con sus celdas. Para
aplicar este efecto, simplemente asigne a la tabla un class con "coolBar", y
a cada celda uno de
"coolButton":
Ejemplo 1 (Usando
tabla):
<table
class="coolBar">
<tr>
<td class="coolButton">
<font face="Verdana" size="2"><b>HTML.Dynamico</b></font>
</td>
<td class="coolButton">
<font face="Verdana" size="2"><b>Otro Texto</b></font>
</td>
</tr>
</table>
Ejemplo
2 (usando div y span, con URL enabled):
<div class="coolBar"
style="width:100px">
<span class="coolButton" style="width:100px"
onClick="window.location='http://www.htmldynamico.cjb.net'"><img
src="home.gif"> <b>Volver a Inicio</b></span>
</div>
Inicio
Note que al usarlo con <span>, el
atributo width debe estar definido. Para hacer que el botón sea presionable
debemos usar el evento onClick dentro del mismo.
Listo! |
