ازرار المنتدى

اذهب الى الأسفل

ازرار المنتدى

مُساهمة من طرف Elegance في الإثنين 22 يونيو 2015 - 16:21

كيفية عمل ازارار المنتدى بهذا الشكل
بمرور الماوس عليها يحدث تاثير
avatar
Elegance



ذكر
عدد المساهمات : 38
معدل النشاط : 1154
السُمعة : 0

http://elegancecinema.arab.st

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ازرار المنتدى

مُساهمة من طرف SaLEm Hen!CHE في الإثنين 22 يونيو 2015 - 17:07

مرحباً,

تفضل 

يوضع في ورقة التصاميم css
الكود:
/* كود الأزرار ------ www.haya-m.net -------*/
input[type="submit"], input[type=reset], .button , input[name="haya1"]{
background: #00a1cb;
font-family: Sans-serif;
font-size: 12px;
text-align: center;
-webkit-transition:300ms;
border:none!important;
border-radius:3px;
color:#FFF!important;
padding:5px 10px!important;
transition:300ms
}
input[type="submit"]:hover, input[type=reset]:hover, .button:hover  , input[name="haya1"]:hover {
  background: #CF4647;

}
avatar
SaLEm Hen!CHE
 
 

ذكر
عدد المساهمات : 759
معدل النشاط : 4715
السُمعة : 60

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ازرار المنتدى

مُساهمة من طرف Elegance في الإثنين 22 يونيو 2015 - 17:14

شكرا اخي على تعبك
بس مفيش اي تأثير ظهر
avatar
Elegance



ذكر
عدد المساهمات : 38
معدل النشاط : 1154
السُمعة : 0

http://elegancecinema.arab.st

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ازرار المنتدى

مُساهمة من طرف SaLEm Hen!CHE في الإثنين 22 يونيو 2015 - 17:15

جرب الان :

الكود:
/* كود الأزرار ------ www.haya-m.net -------*/input[type="submit"], input[type=reset], .button ,input{background: #00a1cb;font-family: Sans-serif;font-size: 12px;text-align: center;-webkit-transition:300ms;border:none!important;border-radius:3px;color:#FFF!important;padding:5px 10px!important;transition:300ms}input[type="submit"]:hover, input[type=reset]:hover,.button:hover  , input:hover {  background: #CF4647; }
avatar
SaLEm Hen!CHE
 
 

ذكر
عدد المساهمات : 759
معدل النشاط : 4715
السُمعة : 60

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى