منتديات ايجي اوفر Egyover
مرحباَ بكم في منتدياتEgyOver

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه

المواضيع الأخيرة
نت مجاني لفودافونالأحد نوفمبر 05, 2017 11:44 amالزعيم
كونفجات نت مجاني لخطوط فودافونالأربعاء أغسطس 02, 2017 2:33 pmhussein755
فيلم (2015) Mucize نسخة DvDRipالأربعاء يونيو 28, 2017 2:36 amالزعيم
اسئله صريحه لل {شباب-بنات} الخميس فبراير 11, 2016 5:45 pmزائر
فيلم (2015) Home نسخة DvDRipالأحد فبراير 07, 2016 3:47 pmyaser ali
فيلم (2015) Get Hard نسخة DvDRipالأحد فبراير 07, 2016 2:15 pmyaser ali
فيلم (2015) Chappie نسخة CamRipالأحد فبراير 07, 2016 1:42 pmyaser ali

شاطر
اذهب الى الأسفل
avatar
المدير العام
المدير العام
الدولة : مصر
القوس
عدد المساهمات عدد المساهمات : 1042
نقاط نقاط : 2147483643
تاريخ التسجيل تاريخ التسجيل : 29/09/2011
العمر العمر : 23
معاينة صفحة البيانات الشخصي للعضوhttp://egyover.ahlamontada.com

بدون ايقونة (CSS)كود جعل الازرار في منتداك مثل اليوتيوب

في الأربعاء مايو 29, 2013 1:17 pm
السلام عليكم ورحمة الله تعالى وبركاته

اليوم اتيت لكم بكود رائع لجعل ازرار منتداك مثل اليوتيوب وبتأثيرات اكثر احترافية !
يلا لن اطول عليكم صور الكود :
-------
قبل مرور الماوس

--------------------
بعد مرور الماوس

-------------------------------------------
والأن لا اطول عليكم الكود
الكود:



/* code programed by AsHeK IbDa3 */
input{
  border: 1px solid #DDD;
  border-radius: 3px;
  text-shadow: 0 1px 1px white;
  -webkit-box-shadow: 0 1px 1px #fff;
  -moz-box-shadow:    0 1px 1px #fff;
  box-shadow:        0 1px 1px #fff;
  font: bold 11px Sans-Serif;
  padding: 6px 10px;
  white-space: nowrap;
  vertical-align: middle;
  color: #666;
  cursor: pointer;
}
input:hover, input:focus,input[type="submit"]:hover {
  border-color: #999;
  background: -webkit-linear-gradient(top, white, #E0E0E0);
  background:    -moz-linear-gradient(top, white, #E0E0E0);
  background:    -ms-linear-gradient(top, white, #E0E0E0);
  background:      -o-linear-gradient(top, white, #E0E0E0);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
  -moz-box-shadow:    0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
  box-shadow:        0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
}
input[type="submit"],input:active
 {
  border: 1px solid #AAA;
  border-bottom-color: #CCC;
  border-top-color: #999;
  -webkit-box-shadow: inset 0 1px 2px #aaa;
  -moz-box-shadow:    inset 0 1px 2px #aaa;
  box-shadow:        inset 0 1px 2px #aaa;
  background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);
  background:    -moz-linear-gradient(top, #E6E6E6, gainsboro);
  background:    -ms-linear-gradient(top, #E6E6E6, gainsboro);
  background:      -o-linear-gradient(top, #E6E6E6, gainsboro);
}
/* code programed by AsHeK IbDa3 */



ملاحظة : يجب قبل وضع الكود التأكد ان ليس عندك اي اكواد ازرار اخرى في ورقة CSS
smile13
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى