HTML - Insertar un GIF q haga de botón

   
Vista:

Insertar un GIF q haga de botón

Publicado por JOSUE (5 intervenciones) el 06/10/2010 17:11:00
Hola a todos:
Soy nuevo en esto de HTML, e intento hacer una web para promocionarme. Tengo unos GIF que me gustaria que fueran los botones de mi navegador, como hago para insertarlos? como seria el código en HTML y la hoja de diseño CSS?? Me gustara poder darle un tamaño a mi antojo, ademas cuando pase el cursor por encima que se active el GIF y corra. Quiero un efecto parecido al de esta pagina http://www.webdeladelineacion.com/inicio.html.
Gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow

RE:Insertar un GIF q haga de botón

Publicado por ScriptShow (311 intervenciones) el 08/10/2010 12:26:03
  • ScriptShow se encuentra ahora conectado en el
  • chat de PHP
Saludos Josue,

eso a lo que te refieres, no es HTML, es FLASH (actionscript) un lenguaje propiedad de Adobe, antes fue de Macromedia. Ifórmate bien.

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Insertar un GIF q haga de botón

Publicado por anlnava (5 intervenciones) el 17/10/2010 11:00:02
Saludos.

En efecto es flash, sin embargo, puedes hacer un gif animado y una imagen del mismo estatica, utilizando la pseudoclase hover puedes hacer algo parecido a ese efecto. En este caso el test.gif es el animado y el cir1.gif es estático.

CSS
-------------------------
#muestra{

width: 40px;
height: 50px;
background: url(cir1.gif);
}

#muestra:hover{
background: url(test.gif);
}

HTML
---------------------------
<button>
<div id="muestra">
<a href="http://www.w3.org/"><br><br>INICIO</a>
</div>
</button>

Mi gif es de 20x20, se trata de un simple circulo que se completa, ahora que si quires algo más más parecido el jquery.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Insertar un GIF q haga de botón

Publicado por anlnava (5 intervenciones) el 17/10/2010 12:10:09
En la torre, si hace el efecto, pero no abre el link Grrrrrrrrrrrrrrrrrrrrrrr.

Le hace falta:
onClick="window.location='http://www.yahoo.com'"
Para que vaya al enlace.

Y en Firefox no anima el gif. Ni hablar, creo que seria mejor con jquery o flash.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Insertar un GIF q haga de botón

Publicado por anlnava (5 intervenciones) el 17/10/2010 12:36:27
Con Firefox una solución es ocultar el gif animado desde un principio.

CSS
---------------------
#coraza{
width: 60px;
height: 50px;
}

#ver{
display: none;
}

#coraza:hover #ver{
display:block;
}

HTML
-------------------------
<button id="coraza" onClick="window.location='http://www.yahoo.com'">
<div id="ver">
<img src="test.gif">
<div>
</button>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Insertar un GIF q haga de botón

Publicado por Josue (5 intervenciones) el 18/10/2010 14:54:40
Gracias a todos, he resuelto el problema. He usado el macromedia y he hecho el boton en flash.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Insertar un GIF q haga de botón

Publicado por Ing. Gerardo C. Hernández Huic (9 intervenciones) el 19/11/2010 09:05:01
Josue te recomiendo visites el Sitio Web
www.network-marketing-humanoid.com.mx un sitio profesional diseñado para la Auto-Construcción y Edición de WEBSITE
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Insertar un GIF q haga de botón

Publicado por Ing. Gerardo C. Hernández Huic (9 intervenciones) el 27/11/2010 04:47:31
Páginas Web y Hospedaje por solo $ 294.00 MXN más IVA Costo Mensual expresado en Moneda Nacional (Peso)

Auto - Edición y Construcción WebSite con todo el código HTML Visita Nuestro Sitio www.network-marketing-humanoid.com.mx

Páginas y Sub-Páginas ilimitadas Inserción, Supresión y Actualización en cualquier momento. a solo un Click publícalo en Internet

Los Ajustes a tu Sitio Web, Cambios y Modificaciones Sin Límites, Actualízalo en tu Sitio. Publícalo en Internet en Tiempo Real.

Para contar con tu nueva Página Web en Internet requieres de 3 servicios independientes y complementarios más la Suscripción. 1° Constructor Edición 2° Hospedaje 3° Dominio 0° Suscripción de la Asesoría y Asistencia - Soporte 24 hrs. los 365 Días del Año.

Su Poderosa Interfaz te Incluye: Hospedaje, 80 Aplicaciones Web Instalables. 18 Módulos Flexibles Incluidos. 15 Cuentas de Correo Electrónico. Alta de cada una de las Cuentas. 14 Motores de Búsqueda y Posicionamiento. Alta y Primera Posición de tu Sitio Web. Conexión y Hospedaje en Servidores de Red. Conexión, Disponibilidad y Alta de Dominio. Alta y Publicación en Internet

Escogiendo los Ajustes de Personalización e Idioma de su Sitio Web: Idioma - Números - Divisas - Fecha y Hora.

Primer Sistema de Auto - Edición y Construcción WebSite en Norteamérica y Europa en el año de 2002 en alianza con Lighten Financial Services en Vancouver, BC. Canadá y en América Latina en el año de 2005 al ser elegido en alianza como Socio Tecnológico de Teléfonos de México, S.A.B. de C.V. y Prodigy Internet de Telmex para proveer el servicio de Auto - Edición de Sitios Web en el idioma español. Soporte Prodigy Hosting Triara Data Center Telmex.

Garantizamos el precio más Bajo menos del 90% en la creación de Sitios Web. Ofrecemos Prueba Gratis por 14 Días puedes comenzar o concluir la construcción de tu Página Web sin la necesidad de contratar el servicio, esta se alojará en nuestros Servidores de Red estará a tu disposición en cualquier momento exclusivamente los 14 Días de plazo para contratar el Servicio. Nos reservamos el derecho a eliminar cualquier Página de Prueba Gratis.

DAMOS MÁS DESDE EL PRINCIPIO - POR EL BAJO COSTO Y MÁS - CONOCENOS, ACERCATE Y CAMBIA A NOSOTROS.

Lada Sin Costo Nacional 01 800 823 0459 VISITA NUESTRO SITIO WEB www.network-marketing-humanoid.com.mx

Aún no tienes un Sitio Web con presencia Online Diseñado para Promover y Vender todos tus Productos o Servicios en Línea y/o

Tu Sitio Web existente está obsoleto y carece de Diseño y Desarrollo. No cuentas con Business E-Commerce usando como forma de Pago medios Electrónicos, Ventas Online. PayPal y eBay, con una Cuenta única acepte Pagos de la forma rápida y segura. por los principales medios de Pago - Tarjetas de Crédito, Débito y Cuentas Bancarias. Haga más rentable su Negocio.

Utilización - Transferencia Electrónicas de Fondos, Administración de Cadenas de Suministro, Procesamiento de Transacciones en Línea, Marketing en Internet, Sistemas de Administración de Inventarios y Social Media Marketing.

Páginas y Sub-Páginas ilimitadas y Hospedaje. La Interfaz incluye además:

18 Módulos Flexibles Incluidos:
Script, Site Pal, Blog Web, Foro Web, Lector RSS, Intro Flash, Votaciones, Libro de Visitas, Registro OnLine, Mapa de Sitio Web, Páginas Adicionales, Galería de Imágenes, E-Shop OnLine, Contacto Formulario, Descarga de Archivos, Páginas Externas Botón, Mapa de Área Ubicación, Indicadores de Estado OnLine.

80 Aplicaciones Web Instalables:
Edición de Páginas, Audio, Fotos, Textos, Traductor, Divisas, Idioma, Videos, Banners, Gadgets, Gráficos, Formatos, Logotipo, Downloads, Archivos PDF, Imágenes formatos - GIF, BMP, JPG, PNG. Imágenes Flash, Imágenes en Galería, Cobros Vía PayPal, Contador de Visitas en cada Página, Catálogo de Servicios, Catálogo de Productos, Portafolio Digital - Educativo - Académico - Personales - Profesionales. Etc.

COSTO DEL SERVICIO

0° Suscripción ....$ 1,250.00 MXN Pago Anual ... sin IVA Asesoría y Asistencia. Pago Inicial.
1° Auto Edición ..$ . 294.00 MXN Pago Mensual con IVA Incluye 2° Hospedaje y toda la Interfaz.
3° Dominio ........$ . 250.00 MXN Pago Anual ... con IVA Con la Terminación que Tu elijas.

DESCUENTO DEL SERVICIO

Auto Edición incluye Hospedaje 15% Pago Semestral $ 1,500.00 MXN con IVA
Auto Edición incluye Hospedaje 30% Pago Anual ..... $ 2,470.00 MXN con IVA
Recomendación de uno Amigos 10% Bonificación a tu Cuenta Vía Deposito Bancario.

WWW.NETWORK-MARKETING-HUMANOID.COM.MX

INGENIERO GERARDO C. HERNANDEZ HUICI
STAFF HUMANOID PROSPEKTOR DIRECTOR GENERAL
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar