cargando...

Principal

Favoritos

Hacer Inicio

Libro Visitas

Foro

Página Inicial de YoMaster - Home

Publicidad - Patrocinador de www.yomaster.com

Recursos WebMaster - Códigos con ejemplos - Trucos - Diseño - HTML - JavaScript - Imágenes - Fondos - Botones - Generadores

CÓDIGOS

<<< Índice >>>

Acciones

Archivos

Barra Estado

Efectos

Formularios

Imágenes

Juegos

Menús

PHP

Plantillas

Recuadros

Ventanas

Vínculos

Varios

Nuevos Códigos

Novedades Mes

TEMAS

Todos los Temas

Portada

Bienvenidos

Principal

Pegado Especial

Como Buscar

Generadores

Tablas y Celdas

Rutas Archivos

Hojas Estilos CSS

Hipervínculos

Metatags

Utilidades

Imágenes

Consejos

Tablón Noticias

Servicios

PreguntasFrecuen

Anúnciate

Ver anunciados

Nuevos temas

FondosEscritorio

Links Amigos

Buscar

COLABORA

Foro

Libro Visitas

Califícanos

Aportaciones

Recibir Noticias

Informar Errores

Patrocinador

WEBMASTER

Intercambio Link

Gana Dinero

Banners

Autor

E-Mail

Índice de temas del Web, clic aquí...

Si ya estás registrado, clic aquí para iniciar tú sesión...

Buscar con Google.com contenido de esta Web...

 

Barra Vínculos - Menú Navegación

Informar aquí si tiene error la página.

Índice de temas del Web, clic aquí...

Más información de como ganar dinero con tu Web, clic aquí...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

 

 

Temas

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 

Temas

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 

Temas

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

Temas

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

Temas

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

Estas celdas se ilumina o cambia de color la esquina izquierda por que es un gif transparente en dicha esquina. 

Temas

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 

Temas

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 

Temas

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 

Sin Imágenes en celdas

Temas

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

Temas

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 

Temas

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 

Temas

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 Principal

 

 

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.

Clic aquí para ver el ejemplo.

Menú deslizante al posar el ratón encima de flechas de dirección.Código repetido en otras categorías...

Clic aquí para ver el ejemplo.

Menú emergente con enlaces haciendo clic cualquier parte de la ventana. Código repetido en otras categorías...

Clic aquí para ver el ejemplo.

Formulario con enlace en lista desplegable con botón. Código repetido en otras categorías...

Clic aquí para ver el ejemplo.

Formulario con enlace en lista desplegable sin botón. Código repetido en otras categorías...

Clic aquí para ver el ejemplo.

Formulario enlaces dos recuadros desplegables, uno depende del otro. Código repetido en otras categorías...

Clic aquí para ver el ejemplo.

Enlaces con cuadro de información. Código repetido en otras categorías...

Clic aquí para ver el ejemplo.

Formulario con enlaces en lista desplegable y texto de información.  Código repetido en otras categorías...

Clic aquí para ver el ejemplo.

Lista desplegable con enlaces. Código repetido en otras categorías...

Clic aquí para ver el ejemplo.

Links con recuadro emergente. Código repetido en otras categorías...

Clic aquí para ver el ejemplo.

Menú vínculos botón derecho del ratón. Código repetido en otras categorías...

 

 

 

Arriba... clic aquí...

 

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:

Corto

Largo

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

 
 

 

No modifiques ni elimines la última celda de la tabla,

es donde está el código que activa toda la celda.

Guárdate también esta imagen con el nombre de bot_9.jpg