[ طلب شرح ] جعل كود css بدل صورة اضف موضوع

محروم.كوم · #1 01-27-2014, 11:20 PM

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

مثل ما بالعنوان و بدون اطالة ابغى شرح اخلي كود css لزر اضف موضوع بدل صورة مثل : devpoint و هذا مثال : قوانين قسم برامج الحمايه [ تم التحديث ] - [ Dev-PoinT ]

كود الازرار خاصته عندي وجدته باحد المنتديات المهم ابغى شرح جعله بدل زر اضف موضوع و اضف رد و اقتباس و التعديل و باقي ازرار المنتدى

هذا هو كود الازرار :

رمز Code:
--------------------------------------------
*/

input[type=text],
textarea,
input[type=password],
input[type=email],
input[type=number],
input[type=url],
select { cursor: pointer; transition: 0.2s; padding: 8px; border: 1px #BBB solid; background-color: #FFF; }
input[type=text]:hover,
textarea:hover,
input[type=password]:hover,
input[type=email]:hover,
input[type=number]:hover,
input[type=url]:hover,
select:hover { box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3) ; }
input[type=text]:focus,
textarea:focus,
input[type=password]:focus,
input[type=email]:focus,

input[type=number]:focus,
input[type=url]:focus,
select:focus { box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.3) ; border: 1px #00a7ff solid; }
input[type=button],button , .button { transition: 0.2s; border: 1px #00a7ff solid; padding: 8px; color: #FFF; font-weight: bold; background-image: linear-gradient(to bottom, #00c6ff 0%, #00b4e8 100%); border-radius: 2px; text-shadow: 1px 1px 0px rgba(0,0,0,0.1); font-size: 12px; cursor: pointer; }
input[type=button]:hover,button:hover , .button:hover { box-shadow: 0px 0px 5px 0px rgba(0,198,255,0.9) ; }
input[type=button]:focus,button:focus , .button:focus { box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.3) ; border: 1px #00a7ff solid; }
.button_red { background-image: linear-gradient(to bottom, #cc0000 0%, #a00000 100%); background-color: #a00000; text-align: center; padding: 5px; font: bold 12px tahoma ; color: #FFF !important; border-radius: 2px; border: 1px rgba(255,0,0,0.5) solid; cursor: pointer;box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset }
.button_red:hover { border: 1px rgba(255,0,0,1) solid; }
.button_red:active { box-shadow:inset 0 0px 2px 0 rgba(0, 0, 0, 0.9) }
.button_green { background-image: linear-gradient(to bottom, #55ce04 0%, #3b9300 100%); background-color: #6bc600; text-align: center; padding: 5px; font: bold 12px tahoma ; color: #FFF !important; border-radius: 2px; border: 1px rgba(102,255,0,0.1) solid; cursor: pointer;box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset }
.button_green:hover { border: 1px rgba(102,255,0,1) solid; }

.button_green:active { box-shadow:inset 0 0px 2px 0 rgba(0, 0, 0, 0.9) }
.button_gray { background-image: linear-gradient(to bottom, #e7e7e7 0%, #c7c7c7 100%); background-color: #EEE; text-align: center; padding: 5px; font: bold 12px tahoma ; color: #000 !important; border-radius: 2px;border: 1px rgba(0,0,0,0.3) solid; cursor: pointer;box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset }
.button_gray:hover { border: 1px rgba(0,0,0,0.6) solid; }
.button_gray:active { box-shadow:inset 0 0px 2px 0 rgba(0, 0, 0, 0.9) }
.button_yellow { background-image: linear-gradient(to bottom, #ffba00 0%, #d79d00 100%); background-color: #6bc600; text-align: center; padding: 5px; font: bold 12px tahoma ; color: #FFF !important; border-radius: 2px; border: 1px rgba(102,255,0,0.1) solid; cursor: pointer;box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset }
.button_yellow:hover { border: 1px #ffce49 solid; }
.button_yellow:active { box-shadow:inset 0 0px 2px 0 rgba(0, 0, 0, 0.9) }
في انتظاركم بفارغ الصبر
عند الرد الرجاء ضغط لايك لأنتبه __DEFINE_LIKE_SHARE__

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
[مشكلة] : اضافة صورة في موضوع ( مجلة جملة )	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	11-07-2011 10:50 PM
مشكلة فى شكل إضافة موضوع جديد (يوجد صورة)	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	07-28-2009 04:50 PM
موضوع ملك البرامج بالرد ل samwele به صورة اباحية؟؟؟؟؟؟	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	06-16-2009 12:00 AM
موضوع ملك البرامج بالرد ل samwele به صورة اباحية؟؟؟؟؟؟	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	06-15-2009 11:50 PM
موضوع ملك البرامج بالرد ل samwele به صورة اباحية؟؟؟؟؟؟	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	06-15-2009 11:40 PM