Back to Top
الدردشة
آخــر المواضـيع
التــاريخ
بواسطـة
السبت يوليو 12, 2014 8:36 pm
السبت يونيو 14, 2014 6:03 am
الخميس يونيو 12, 2014 8:01 pm
الخميس يونيو 12, 2014 8:00 pm
الخميس يونيو 12, 2014 7:59 pm
الخميس يونيو 12, 2014 7:58 pm

شاطر|

كود جعل الازرار في منتداك مثل اليوتيوب من صنعي AsHEk iBda3

ToP
الادارة
avatar
عدد المساهمات : 422
تاريخ التسجيل : 28/01/2013
معاينة صفحة البيانات الشخصي للعضوhttp://top-style.0wn0.com
السبت فبراير 09, 2013 5:12 pm

السلام عليكم ورحمة الله تعالى وبركاته

اعزائي اعضاء منتدى الدعم والمساعدة

اليوم اتيت لكم بكود رائع لجعل ازرار منتداك مثل اليوتيوب وبتأثيرات اكثر احترافية !

يلا لن اطول عليكم صور الكود :
-------
قبل مرور الماوس


https://i.servimg.com/u/f75/17/99/57/94/oouu_o17.png

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


https://i.servimg.com/u/f75/17/99/57/94/oouu_o18.png

------------------------------------------------

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

  <!-----بداية كود الازرار مثل اليوتيوب من 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;
  background: transparent;
  cursor: pointer;
}
input:hover, input:focus {
  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);
}
 
  <!-----نهاية كود الازرار مثل اليوتيوب من AsHeK IbDa3-------!>

الكود من صنعي ولا اقبل نقله من دون ذكر المصدر (AsHEk IbDa3)

مع تحياتي ,, المتطوع للمساعدة AsHEk iBda3 :silent:

aymen.z
الادارة
avatar
عدد المساهمات : 497
تاريخ التسجيل : 07/03/2013
العمر : 21
الموقع : باكالورياس ابداع وتطوير
معاينة صفحة البيانات الشخصي للعضو
الجمعة مارس 08, 2013 9:12 am

شكرا على الكود المميز تسلم
ilyass haha
عضو توب استايل
avatar
عدد المساهمات : 75
تاريخ التسجيل : 25/05/2013
معاينة صفحة البيانات الشخصي للعضو
الأحد مايو 26, 2013 12:42 am

شكرا على هذا الكود
اآيَقإآ۶ إآلُجٍمـإآلُ
الادارة
avatar
عدد المساهمات : 456
تاريخ التسجيل : 03/08/2013
العمر : 22
الموقع : مصرية وكلى فخر
معاينة صفحة البيانات الشخصي للعضو
الإثنين أغسطس 05, 2013 12:00 am

ينقل للقسم المناسب
d.mohammad
عضو توب استايل
avatar
عدد المساهمات : 1
تاريخ التسجيل : 05/08/2013
معاينة صفحة البيانات الشخصي للعضو
الإثنين أغسطس 05, 2013 10:35 am

جميل جدا
غموض!
عضو توب استايل
avatar
عدد المساهمات : 24
تاريخ التسجيل : 06/08/2013
العمر : 19
معاينة صفحة البيانات الشخصي للعضو
الثلاثاء أغسطس 06, 2013 11:49 pm

مشكوووووووووور
عبقرية بدبد
عضو توب استايل
avatar
عدد المساهمات : 20
تاريخ التسجيل : 07/08/2013
العمر : 20
معاينة صفحة البيانات الشخصي للعضو
الأربعاء أغسطس 07, 2013 1:01 am

مشكور
wwww
عضو توب استايل
avatar
عدد المساهمات : 19
تاريخ التسجيل : 07/08/2013
العمر : 28
معاينة صفحة البيانات الشخصي للعضو
الأربعاء أغسطس 07, 2013 1:04 am

شكراااااااااااااااااااااااااا

كود جعل الازرار في منتداك مثل اليوتيوب من صنعي AsHEk iBda3

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: توب استايل للـتــقـنـيــة :: تطوير المواقع والمنتديات :: أكواد (هاكات) من تطوير توب استايل [حصرية]-
حوف نت http://www.7ooof.net/t7877-topic#ixzz34ZryIcJp