Identificarse | Registrarse | FAQ
Anonymous

Botones resaltados en un menu lateral?

+ Publicar una respuesta

6 mensajes Página 1 de 1


Botones resaltados en un menu lateral?

por blaze_de_end » Lun Abr 09, 2012 10:26 pm

Saludos, soy nuevo en este foro, y un novato general en el tema de el diseño web. Como hobby y para practicar, estoy diseñando una pagina para un hotel, todo inventado, nada complicado. El otro dia me tope con una pagina de un hotel, con unos botones ubicados en el menu lateral, que se resaltaban cuando pasaba el mouse. A mi entendimiento, no es CSS, sino solo HTMl, pero por mas que intente no puedo reproducir el efecto. Alguien podria ayudarme en esto? La pagina es http://starbayresort.com/, por cierto.
Avatar de Usuario

blaze_de_end

  • Mensajes: 4
  • Registrado: Lun Abr 09, 2012 10:19 pm

Re: Botones resaltados en un menu lateral?

por XainPro » Mié Abr 11, 2012 7:35 am

su estado puro CSS y HTML, y es fácil en mouseover efecto hover la imagen está cambiando :)
aquí es su código

Código: Seleccionar todo
#menu {
   list-style: none;
   margin: 0;
   padding: 0;
   width:100%;
}
#menu li {
   margin: 0;
   padding: 0;
   text-align:left;
   padding-left:5px;
   border:1px solid #393939;
   color: #333;
   cursor:pointer;
    float:left;
    clear:left;
    margin-top:1px;
   background-image:url('../img/opaco_w_50.png');

}
#menu a {
   font-weight:bold;
   display: block;
   color: #333;
   margin: 0;
   padding: 3px 4px;
   text-decoration: none;
   font-weight:normal;
   background-image:url('../img/opaco_w_50.png');
}
#menu a:hover {
   color: #000;
   background-image:url('../img/opaco_w_90.png');
   float:left;
    clear:both;
    padding-left:20px;
}

XainPro
Avatar de Usuario

XainPro

  • Mensajes: 3933
  • Registrado: Vie Feb 17, 2012 8:10 pm

Re: Botones resaltados en un menu lateral?

por blaze_de_end » Mié Abr 11, 2012 9:44 pm

Muchisimas gracias, Xain. Era justo como dices, las png estaban entre los archivos de la pagina. Lo agradezco mucho, vere que mas puedo aprender de CSS.
Avatar de Usuario

blaze_de_end

  • Mensajes: 4
  • Registrado: Lun Abr 09, 2012 10:19 pm

Re: Botones resaltados en un menu lateral?

por XainPro » Jue Abr 12, 2012 4:24 am

eres bienvenido.
Me alegro de haber convertido en mano de ayuda.
XainPro
Avatar de Usuario

XainPro

  • Mensajes: 3933
  • Registrado: Vie Feb 17, 2012 8:10 pm

Re: Botones resaltados en un menu lateral?

por blaze_de_end » Vie Abr 13, 2012 9:29 pm

Gracias, solo un asunto mas, sabes como ponerle un fondo blanco a los botones? Cuando yo lo hago se transparenta al fondo que tenga atras.
Avatar de Usuario

blaze_de_end

  • Mensajes: 4
  • Registrado: Lun Abr 09, 2012 10:19 pm

Re: Botones resaltados en un menu lateral?

por XainPro » Sab Abr 14, 2012 10:46 am

puede utilizar la imagen como un botón
como este
<input type="image" src="submit.gif" alt="Submit" width="48" height="48" />
Avatar de Usuario

XainPro

  • Mensajes: 3933
  • Registrado: Vie Feb 17, 2012 8:10 pm


+ Publicar una respuesta

Página 1 de 1