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

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

المواضيع الأخيرة
» Test Post
الجمعة نوفمبر 17, 2017 5:48 pm من طرف الزعيم

» نت مجاني لفودافون
الأحد نوفمبر 05, 2017 11:44 am من طرف الزعيم

» كونفجات نت مجاني لخطوط فودافون
الأربعاء أغسطس 02, 2017 2:33 pm من طرف hussein755

» فيلم (2015) Mucize نسخة DvDRip
الأربعاء يونيو 28, 2017 2:36 am من طرف الزعيم

» اسئله صريحه لل {شباب-بنات}
الخميس فبراير 11, 2016 5:45 pm من طرف زائر

» فيلم (2015) Home نسخة DvDRip
الأحد فبراير 07, 2016 3:47 pm من طرف yaser ali

» فيلم (2015) Justice League: Throne of Atlantis نسخة DvDRip
الأحد فبراير 07, 2016 3:00 pm من طرف yaser ali

» فيلم (2015) Get Hard نسخة DvDRip
الأحد فبراير 07, 2016 2:15 pm من طرف yaser ali

» فيلم (2015) Chappie نسخة CamRip
الأحد فبراير 07, 2016 1:42 pm من طرف yaser ali

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

بدون ايقونة (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
avatar
الزعيم
المدير العام
المدير العام

الدولة : مصر
القوس
عدد المساهمات عدد المساهمات : 1043
نقاط نقاط : 2147483646
تاريخ التسجيل تاريخ التسجيل : 29/09/2011
العمر العمر : 23

معاينة صفحة البيانات الشخصي للعضو http://egyover.ahlamontada.com

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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