منتدي عرب واي
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتدي عرب وايدخول

منتدي عرب واي يختص ب التصميم-دعم-تطوير-برمجة-تحويل استايلات


كود css التاثير على ازرار المنتدى ووضع لها الوان مميزة

power_settings_newقم بتسجيل الدخول للرد
+7
The Godfather
DarkWeb
SLGray
same7
تامر معاز
نايبل الازهر
BJO
11 مشترك

description كود css التاثير على ازرار المنتدى ووضع لها الوان مميزة Empty كود css التاثير على ازرار المنتدى ووضع لها الوان مميزةالثلاثاء نوفمبر 27, 2018 8:09 am

more_horiz
كود css التاثير على ازرار المنتدى ووضع لها الوان مميزة

 أشكآأإل لـ آأكوآد الأزرار [button] من تحويلي

آكوآأإد css للنسخ phpbb2 & punbb & Invision

لا أطيل عليكم أتركم مع الأمثله والأكوآأإد ..~  كود css التاثير على ازرار المنتدى ووضع لها الوان مميزة 3059887835 

مثآأإل ~ 
* ملاحظه: مرر الماوس على الأزرار 


آألكود ~


الكود:

 
/* كود الأزرار ------ haya.123.st -------*/
 
input[type="submit"], input[type=reset], .button {
 
  display: inline-block;
 
  margin: 0;
 
  margin-right: 12px;
 
  cursor: pointer;
 
  border: 1px solid #bbb;
 
  overflow: visible;
 
  color: #fff;
 
  padding: 5px 8px;
 
  font-size: 12px;
 
 font-family:Tahoma;
 
  line-height: 1.55em;
 
  vertical-align: middle;
 
  text-decoration: none;
 
  white-space: nowrap;
 
  -webkit-border-radius: 4px;
 
  -moz-border-radius: 4px;
 
  border-radius: 4px;
 
  -webkit-transition: all .15s linear;
 
  -moz-transition: all .15s linear;
 
  transition: all .15s linear;
 
  text-shadow: 1px 0 0 rgba(0,0,0,0.35);
 
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0)));
 
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
 
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
 
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
 
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
 
  background-image: linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
 
 
 
  background-color: #e92e2e;
 
  border-color: #d43030;
 
}
 
input[type="submit"]:hover, input[type=reset]:hover, .button:hover {
 
 
 
 
  background-color: #ee4040;
 
}
 
 
 
 
input[type="submit"]:active, input[type=reset]:active, .button:active {
 
  box-shadow: 0 1px 1px rgba(0,0,0,0.35) inset;
 
  background-color: #d43030;
 
  }
 
 
 
 
/* كود الأزرار ------ haya.123.st -------*/


]مثآأإل ~
* ملاحظه: مرر الماوس على الأزرار



آألكود ~

الكود:

/* كود الأزرار ------ haya.123.st -------*/
 
input[type="submit"], input[type=reset], .button {
 
  display: inline-block;
 
  margin: 0;
 
  margin-right: 12px;
 
  cursor: pointer;
 
  border: 1px solid #bbb;
 
  overflow: visible;
 
  color: #fff;
 
  padding: 5px 8px;
 
  font-size: 12px;
 
 font-family:Tahoma;
 
  line-height: 1.55em;
 
  vertical-align: middle;
 
  text-decoration: none;
 
  white-space: nowrap;
 
  -webkit-border-radius: 4px;
 
  -moz-border-radius: 4px;
 
  border-radius: 4px;
 
  -webkit-transition: all .15s linear;
 
  -moz-transition: all .15s linear;
 
  transition: all .15s linear;
 
  text-shadow: 1px 0 0 rgba(0,0,0,0.35);
 
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0)));
 
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
 
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
 
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
 
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
 
  background-image: linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
 
 
 
  background-color: #57a957;
 
  border-color: #57a957;
 
}
 
input[type="submit"]:hover, input[type=reset]:hover, .button:hover {
 
 
 
 
    background-color: #62c462;
 
}
 
 
 
 
input[type="submit"]:active, input[type=reset]:active, .button:active {
 
  box-shadow: 0 1px 1px rgba(0,0,0,0.35) inset;
 
  background: #57a957;
 
  }
 
/* كود الأزرار ------ haya.123.st -------*/


مثآأإل ~
* ملاحظه: مرر الماوس على الأزرار


الكود:

/* كود الأزرار ------ haya.123.st -------*/
 
input[type="submit"], input[type=reset], .button {
 
  display: inline-block;
 
  margin: 0;
 
  margin-right: 12px;
 
  cursor: pointer;
 
  border: 1px solid #bbb;
 
  overflow: visible;
 
  color: #fff;
 
  padding: 5px 8px;
 
  font-size: 12px;
 
 font-family:Tahoma;
 
  line-height: 1.55em;
 
  vertical-align: middle;
 
  text-decoration: none;
 
  white-space: nowrap;
 
  -webkit-border-radius: 4px;
 
  -moz-border-radius: 4px;
 
  border-radius: 4px;
 
  -webkit-transition: all .15s linear;
 
  -moz-transition: all .15s linear;
 
  transition: all .15s linear;
 
  text-shadow: 1px 0 0 rgba(0,0,0,0.35);
 
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0)));
 
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
 
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
 
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
 
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
 
  background-image: linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
 
 
 
 background-color: #269ce9;
 
  border-color: #269ce9;
 
}
 
input[type="submit"]:hover, input[type=reset]:hover, .button:hover {
 
 
 
 
  background-color: #70b9e8;
 
}
 
 
 
 
input[type="submit"]:active, input[type=reset]:active, .button:active {
 
    box-shadow: 0 1px 1px rgba(0,0,0,0.35) inset;
 
  background-color: #269ce9;
 
  }
 
 
 
 
/* كود الأزرار ------ haya.123.st -------*/


description كود css التاثير على ازرار المنتدى ووضع لها الوان مميزة Emptyرد: كود css التاثير على ازرار المنتدى ووضع لها الوان مميزةالخميس ديسمبر 13, 2018 2:56 pm

more_horiz
مشكوووووور علي الكود المميز

description كود css التاثير على ازرار المنتدى ووضع لها الوان مميزة Emptyرد: كود css التاثير على ازرار المنتدى ووضع لها الوان مميزةالخميس ديسمبر 13, 2018 6:11 pm

more_horiz
مشكور علي الموضوع القيم والمميز

description كود css التاثير على ازرار المنتدى ووضع لها الوان مميزة Emptyرد: كود css التاثير على ازرار المنتدى ووضع لها الوان مميزةالجمعة ديسمبر 14, 2018 8:26 am

more_horiz
مشكور علي الموضوع القيم والمميز

description كود css التاثير على ازرار المنتدى ووضع لها الوان مميزة Emptyرد: كود css التاثير على ازرار المنتدى ووضع لها الوان مميزةالجمعة ديسمبر 14, 2018 3:12 pm

more_horiz
سلمت يداك علي الموضوع المميز

description كود css التاثير على ازرار المنتدى ووضع لها الوان مميزة Emptyرد: كود css التاثير على ازرار المنتدى ووضع لها الوان مميزةالجمعة ديسمبر 14, 2018 6:47 pm

more_horiz
مشكور علي الموضوع القيم وسلمت يمناك

description كود css التاثير على ازرار المنتدى ووضع لها الوان مميزة Emptyرد: كود css التاثير على ازرار المنتدى ووضع لها الوان مميزةالإثنين يناير 07, 2019 8:32 pm

more_horiz
بصراحه انت تمتلك ذوق راقي في جـلب ماهو مميّز وجميل

description كود css التاثير على ازرار المنتدى ووضع لها الوان مميزة Emptyرد: كود css التاثير على ازرار المنتدى ووضع لها الوان مميزةالجمعة يناير 18, 2019 1:50 pm

more_horiz
شكرا علي الموضوع

description كود css التاثير على ازرار المنتدى ووضع لها الوان مميزة Emptyرد: كود css التاثير على ازرار المنتدى ووضع لها الوان مميزةالأربعاء يناير 23, 2019 9:21 am

more_horiz
روووووعه 
يعطيك العافيه ولا حرمنا جديدك
دمتم بخير  كود css التاثير على ازرار المنتدى ووضع لها الوان مميزة 3849527796  كود css التاثير على ازرار المنتدى ووضع لها الوان مميزة 3849527796

description كود css التاثير على ازرار المنتدى ووضع لها الوان مميزة Emptyرد: كود css التاثير على ازرار المنتدى ووضع لها الوان مميزةالأربعاء يناير 30, 2019 2:04 pm

more_horiz
thx

description كود css التاثير على ازرار المنتدى ووضع لها الوان مميزة Emptyرد: كود css التاثير على ازرار المنتدى ووضع لها الوان مميزةالأربعاء فبراير 06, 2019 11:10 pm

more_horiz
شكرا لكم
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
power_settings_newقم بتسجيل الدخول للرد