TrTsHa | منتديات طرطشة
Welcome
<

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

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

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

مُساهمة من طرف TrTsHa في الإثنين سبتمبر 15, 2014 12:03 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:


Be true to your heart and nothing can stand in your way.
كن وفيا لقلبك ولا شيء يمكن أن يقف في طريقك.
غمزة Facebook:       omarpop23
غمزة twitter:           omarpop23
avatar
TrTsHa
المديـــر العام
المديـــر العام

الجنس الجنس : ذكر
مشاركات مشاركات : 106
التقييم التقييم : 6
تاريخ الميلاد تاريخ الميلاد : 04/12/1994
الانتساب الانتساب : 09/08/2014
 البلـد/الاقامة البلـد/الاقامة : مـصــــر
المزاج المزاج : أُراقب

معاينة صفحة البيانات الشخصي للعضو http://trtsha.arab.st

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

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


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