En Que esta echo este menu...

Iniciado por poncho_gc, 28 Julio 2013, 22:06 PM

0 Miembros y 2 Visitantes están viendo este tema.

poncho_gc

Saludos a todos los de este foro.
es mi primer post.
estoy buscando  de algun script o ejemplo que me ayudara a crear un mneu semejante o parecido a este menu de la pagina:
http://electricalsupport.com.mx/es/
podrin ayudarme por favor.
soy novato, tengo conocimientos basicos html.

podrian ayudarme por favor. yo hice sto pero no pude cambiarle  de color a cada menu y tampoco pude darle animacion.

codigo html:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/ico" href="../imagenes/favicon.ico" />
<title>Junyka Electric... Mas Que un Proveedor  Su Asesor de Confianza</title>
<link rel="stylesheet" href="color.css" type="text/css" media="screen">
</head>

<body>
    <div id="tabsI">
    <ul>
    <li><a href="#" title="Link 1"><span>Nosotros</span></a></li>
    <li><a href="#" title="Link 2"><span>Quienes Somos</span></a></li>
    <li><a href="#" title="Link 3"><span>Fabricacion</span></a></li>
    <li><a href="#" title="Longer Link Text"><span>Productos</span></a></li>
    <li><a href="#" title="Link 5"><span>Clientes</span></a></li>
    <li><a href="#" title="Link 6"><span>Catalogo</span></a></li>
    <li><a href="#" title="Link 7"><span>Contactanos</span></a></li>
    </ul>
    </div>
</body>
</html>

codigo .css

   #tabsI {
 
  float:left;
    width:100%; 
   
    background:#FFFFFF;/* #EFF4FA */
    font-size:93%;
    line-height:normal;
    border-bottom:1px solid #DD740B;
    }
    #tabsI ul {
    margin:0;
    padding:10px 10px 0 50px;
    list-style:none;
    }
    #tabsI li {
    display:inline;
    margin:0;
    padding:0;
    }
    #tabsI a {
    float:left;
    background:url("tableftI.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 5px;
    text-decoration:none;
    }
    #tabsI a span {
    float:left;
    display:block;
    background:url("tabrightI.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#FFF;
    }
   
    #tabsI a span {float:none;}
    /* End IE5-Mac hack */
    #tabsI a:hover span {
    color:#FFF;
    }
    #tabsI a:hover {
    background-position:0% -42px;
    }
    #tabsI a:hover span {
    background-position:100% -42px;
    }

el efecto es menu color naranja y al pasar el mouse cambia a azul. pero no es lo que busco.....

;DSaludos
Poncho Garcia

Stakewinner00

Ese menú esta echo en flash, personalmente no te recomiendo flash.

poncho_gc

en que me recomendarias hacer uno semejante.
tu tendrias algun ejemplo que me pudiera ayudar.
gracias por tomarte tiempo men leer mi post.

#!drvy

Citaren que me recomendarias hacer uno semejante.
javascript y css3. Probablemente quieras utilizar alguna librería javascript (del tipo jQuery) para facilitarte las cosas.

Saludos

1mpuls0

#4
Cita de: Stakewinner00 en 28 Julio 2013, 22:14 PM
Ese menú esta echo en flash, personalmente no te recomiendo flash.

o.O

Cita de: drvy | BSM en 31 Julio 2013, 02:53 AM
javascript y css3. Probablemente quieras utilizar alguna librería javascript (del tipo jQuery) para facilitarte las cosas.

Saludos

Así es, además de js y css utilizan la librería jquery llamada fancybox.

Saludos.
abc