تسجيل الدخول | التسجيل | الأسئلة المتكررة
Anonymous

Botones resaltados en un menu lateral?

+ إضافة رد

6 مشاركة صفحة 1 من 1


Botones resaltados en un menu lateral?

بواسطة blaze_de_end » الاثنين إبريل 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
  • اشترك في: الاثنين إبريل 09, 2012 10:19 pm

Re: Botones resaltados en un menu lateral?

بواسطة XainPro » الأربعاء إبريل 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

CODE: تحديد الكل
#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
  • اشترك في: الجمعة فبراير 17, 2012 8:10 pm

Re: Botones resaltados en un menu lateral?

بواسطة blaze_de_end » الأربعاء إبريل 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
  • اشترك في: الاثنين إبريل 09, 2012 10:19 pm

Re: Botones resaltados en un menu lateral?

بواسطة XainPro » الخميس إبريل 12, 2012 4:24 am

eres bienvenido.
Me alegro de haber convertido en mano de ayuda.
XainPro
صورة العضو الشخصية

XainPro

  • مشاركات: 3933
  • اشترك في: الجمعة فبراير 17, 2012 8:10 pm

Re: Botones resaltados en un menu lateral?

بواسطة blaze_de_end » الجمعة إبريل 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
  • اشترك في: الاثنين إبريل 09, 2012 10:19 pm

Re: Botones resaltados en un menu lateral?

بواسطة XainPro » السبت إبريل 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
  • اشترك في: الجمعة فبراير 17, 2012 8:10 pm


+ إضافة رد

صفحة 1 من 1