طھط·ظˆظٹط± ط§ط²ط±ط§ط± ط§ظ„ظ…ظ†طھط¯ظ‰ طŒ ظˆطھط؛ظٹط± ط´ظƒظ„ظ‡ط§ .


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

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

اليوم بقدم لكم تطوير جديد لأزرار المنتدى forum ....

مثال : -





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

كود code الازرار :

رمز Code:
display: inline-block; position: relative; color: #996633; text-shadow: 0 1px 0 rgba(255,255,255, 0.4); text-decoration: none; text-align: center; padding: 4px 9px 6px 6px; font: bold 11px Tahoma, sans-serif; border-radius: 3px; border: 1px solid #cc912d; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12); box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 1px 0px rgba(255,255,255,0.4) inset; background-image: -webkit-linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%); background-image: -moz-linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%); background-image: -o-linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%); background-image: -ms-linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%); background-image: linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%);
-----------------------

طريقة التركيب install :






1 - نروح للوحة التحكم للمنتدى .
2 - نروح للاستايل style المراد تطبيق أو تغير الازرار فيه .
3 - نختار خيارات جميع الاستايل styleات .
4 - ننزل على الازرار ، ونضع الكود code فيه .

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

مودتي

الموضوع الأصلي :
[ Css ] تطوير ازرار المنتدى forum ، وتغير شكلها . - | Personal Website Designer | Yaser Arabid









©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©