登录 | 注册 | FAQ
Anonymous

Botones resaltados en un menu lateral?

+ 发表回复

6 篇帖子 分页: 1 / 1


Botones resaltados en un menu lateral?

blaze_de_end » 周一 4月 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.
头像

blaze_de_end

  • 帖子: 4
  • 注册: 周一 4月 09, 2012 10:19 pm

Re: Botones resaltados en un menu lateral?

XainPro » 周三 4月 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

代码: 全选
#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
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm

Re: Botones resaltados en un menu lateral?

blaze_de_end » 周三 4月 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.
头像

blaze_de_end

  • 帖子: 4
  • 注册: 周一 4月 09, 2012 10:19 pm

Re: Botones resaltados en un menu lateral?

XainPro » 周四 4月 12, 2012 4:24 am

eres bienvenido.
Me alegro de haber convertido en mano de ayuda.
XainPro
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm

Re: Botones resaltados en un menu lateral?

blaze_de_end » 周五 4月 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.
头像

blaze_de_end

  • 帖子: 4
  • 注册: 周一 4月 09, 2012 10:19 pm

Re: Botones resaltados en un menu lateral?

XainPro » 周六 4月 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" />
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm


+ 发表回复

分页: 1 / 1