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

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

الرجوع الى أعلى الصفحة


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