دخول

لقد نسيت كلمة السر

المواضيع الأخيرة
» الابداع العربي يرحب بكم
السبت مارس 12, 2016 11:11 pm من طرف ThE TigEr

» المدونة الترفيهية الشاملة
الخميس ديسمبر 26, 2013 5:18 am من طرف Mr.EXPERT

» باب العرب لكل المسلمين والعرب
الخميس ديسمبر 26, 2013 5:18 am من طرف Mr.EXPERT

» تحميل برامج مجانية
الخميس ديسمبر 26, 2013 5:17 am من طرف Mr.EXPERT

» فرصه ولا كل الفرص موقع تعليمى لجميع طلاب وطالبات الدول العربية بجميع المناهج
الخميس ديسمبر 26, 2013 5:16 am من طرف Mr.EXPERT

» نورتنا AmEr-Dz
الخميس نوفمبر 14, 2013 5:43 pm من طرف Mr.EXPERT

» ما رأيكم في استايل معهد احلي عالم
الخميس نوفمبر 14, 2013 5:36 pm من طرف Mr.EXPERT

»  كود [ jQuery ] لتطوير التقييم و جعله مثل احلى حكاية و بدون تومبلايت
الخميس نوفمبر 14, 2013 5:13 pm من طرف Mr.EXPERT

»  [Javascript] كود يقوم بترقيم المساهمات مثل الفيبي للنسخة الثانية
الخميس نوفمبر 14, 2013 5:13 pm من طرف Mr.EXPERT

أفضل 10 أعضاء في هذا الأسبوع

ما رأيكم في استايل معهد احلي عالم

الثلاثاء يونيو 18, 2013 3:09 pm من طرف Admin

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


نريد أرئكم في استايل معهد احلي عالم الحالي


عبر "الردود"


بالتوفيق


[ قراءة كاملة ]

تعاليق: 14

قوانين معهد احلى عالم

الإثنين يوليو 01, 2013 10:08 pm من طرف Admin


بسم الله الرحمن الرحيم



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


اعضاء وعضوات وزوار معهد احلى عالم

الكرام

تحيه طيبه وبعد



بأسم المنتدى اشكر كل من انضم الينا وشاركنا ومن قام بزيارتنا فتواجدكم هو هدف
المنتدى



تم تأسيس معهد …


[ قراءة كاملة ]

تعاليق: 0


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

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

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

مُساهمة من طرف smart fox في الثلاثاء يونيو 25, 2013 11:01 am

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



اعزائي اعضاء عراق النور




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




يلا لن اطول عليكم صور الكود :

-------

قبل مرور الماوس



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









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


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



avatar
smart fox
مشرف المنتدي
مشرف المنتدي

عدد المساهمات : 11
تاريخ التسجيل : 24/06/2013
العمر : 21
الموقع : العراق

معاينة صفحة البيانات الشخصي للعضو http://iraqnoor4.dahek.net/

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

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

مُساهمة من طرف Mr.EXPERT في الجمعة نوفمبر 08, 2013 12:19 pm

كود رائع شكراً لـك ,



avatar
Mr.EXPERT
مشرف المنتدي
مشرف المنتدي

عدد المساهمات : 183
تاريخ التسجيل : 19/06/2013
الموقع : المملكة العربية السعودية

معاينة صفحة البيانات الشخصي للعضو

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

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

- مواضيع مماثلة

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