|
Como
puedes ganar dinero con tu Web, aquí
Ver más códigos de menús aquí
Aquí tenéis unos ejemplos de barras
de vínculos o menús de navegación que son activos en toda la celda y cambian de color al pasar el
ratón por ellas.
Si la celda contiene imagen de fondo no se verá
el cambio de color.
Estas celdas tienen la imagen como fondo de celda para poder insertar el texto
con vínculo y utilizar solo una imagen. La celda debe ser del mismo tamaño que
la imagen o tenéis que partirla en tres para poderlas hacer lo largas que
queráis.
Ver Ejemplo aquí:
Cada columna tiene su imagen de fondo de las celdas encima de ella,
guárdala para crear estos menús... y el código para crear las celdas con este
efecto lo tenéis aquí:
Ver código de
estos ejemplos aquí.
más ejemplos
Estas celdas con imágenes en ellas
o sin ellas, tienen el código que hacen que cambien de color al pasar el ratón
por ellas. Al tener una imagen como fondo, no se ven los colores de las celdas
cuando cambian.
Ver código de
estos ejemplos aquí.
|
Otros
tipos de menús con vínculos. |
|
|
Menú deslizante
al posar el ratón encima de flechas de dirección.
|
|
|
Menú
emergente con enlaces haciendo clic cualquier parte de la
ventana.
 |
|
|
Formulario con enlace en lista desplegable con botón.
 |
|
|
Formulario con enlace en lista desplegable sin botón.
 |
|
|
Formulario enlaces dos recuadros desplegables, uno
depende del otro.
 |
|
|
Enlaces con cuadro de información.
 |
|
|
Formulario con enlaces en lista desplegable y texto de
información.
 |
|
 |
Lista desplegable con enlaces.
 |
|
 |
Links con
recuadro emergente.
 |
|
 |
Menú vínculos
botón derecho del ratón.
 |

Ejemplo de botones ajustables:
Para poder hacer los botones lo
anchos que queráis, debes de crear tres imágenes del botón elegido. Una de cada
extremo y otra central como fondo de celda.
Estos dos botones están compuestos por tres
imágenes que son las mismas y se ajustan al tamaño en horizontal como queráis
hacerlos:
estas son las tres imágenes de que
se componen los anteriores botones...
Las celdas de los extremos están
de tamaño "0 píxeles" o el ancho igual a la imagen. La celda central debe estar
en "100% píxeles" y la imagen como fondo para poder poner el texto con vínculo.
Este código te creará
una tabla con un botón con celda activa del vínculo como los del ejemplo
anterior. Copia la celda del vínculo y pégala tantas veces quieras. Modifica
las rutas de la imagen y de los vínculos desde la vista HTML.
|
Copia y Pega como "Pegado especial" como "Tratar como
HTML" en la vista Normal |
|
| |