Zaloguj | Zarejestruj | FAQ
Anonymous

Botones resaltados en un menu lateral?

+ Odpowiedz

Posty: 6 Strona 1 z 1


Botones resaltados en un menu lateral?

przez blaze_de_end » Pn kwi 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 użytkownika

blaze_de_end

  • Posty: 4
  • Dołączył(a): Pn kwi 09, 2012 10:19 pm

Re: Botones resaltados en un menu lateral?

przez XainPro » Śr kwi 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

Kod: Zaznacz cały
#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 użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: Botones resaltados en un menu lateral?

przez blaze_de_end » Śr kwi 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 użytkownika

blaze_de_end

  • Posty: 4
  • Dołączył(a): Pn kwi 09, 2012 10:19 pm

Re: Botones resaltados en un menu lateral?

przez XainPro » Cz kwi 12, 2012 4:24 am

eres bienvenido.
Me alegro de haber convertido en mano de ayuda.
XainPro
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: Botones resaltados en un menu lateral?

przez blaze_de_end » Pt kwi 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 użytkownika

blaze_de_end

  • Posty: 4
  • Dołączył(a): Pn kwi 09, 2012 10:19 pm

Re: Botones resaltados en un menu lateral?

przez XainPro » So kwi 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 użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm


+ Odpowiedz

Strona 1 z 1