[شرح] : شرح استبدال ازرار الاستايل بالكامل بكود css كما بمنتدى نقطة تطوير

محروم.كوم · #1 01-31-2014, 03:50 PM

الموضوع : طريقة تحويل صور (ايقونات) ازرار الاستايل الى كود css

ماهى الفائدة من التغيير : يتيح لك القدرة على تغيير لون الايقونة ونوع الخط وحجمة واشياء اخرى

اسباب التغيير من صورة الى كود : كثرة طلب الاعضاء علية كما بهذا الموضوع http://www.traidnt.net/vb/traidnt2384655/

الشرح :
اولا : ندخل الى لوحة تحكم المنتدى الرئيسية ومنها / الإستايلات والقوالب / البحث فى القوالب اختار الاستايل المراد التطبيق عليه .
ثانيا : وفى خانة البحث نكتب FORUMDISPLAY كما بالصورة

ثالثا : نقوم باخذ نسخة احتاطية من هذا القالب اولا حماية لك ثم نقوم بالبحث عن

رمز Code:

ستجده مرتيتن

نستبداله بى

رمز Code:

ثم تقم بحفظ القالب

رابعاا : فى خانة البحث نكتب SHOWTHREAD

نقوم باخذ نسخة احتاطية من هذا القالب اولا حماية لك ثم نقوم بالبحث عن

رمز Code:

ستجده مرتيتن

نستبداله بى
رمز Code:

ثم تقم بحفظ القالب

خامسا : فى خانة البحث نكتب postbit_legacy

نقوم باخذ نسخة احتاطية من هذا القالب اولا حماية لك ثم نقوم بالبحث عن

رمز Code:

نستبداله بى

رمز Code:

ثم نقوم بالبحث ايضا عن

[CODE][/CODE]

فى نفس القالب

نستبداله بى

رمز Code:

ثم نقوم بالبحث ايضا عن
رمز Code:

فى نفس القالب

نستبداله بى

رمز Code:

ثم نقوم بالبحث ايضا عن
رمز Code:

فى نفس القالب

فى نفس القالب

نستبداله بى
رمز Code:

سادسا : نقوم بعمل حفظ سيظهر لنا العمل بهذا الشكل

وهذا قبل اضافة اى تاثيرات او اكواد css

سابعا : الخطوة الاخيرة والاهم وهى اضافة االاكواد
-
ندخل الى لوحة تحكم المنتدى الرئيسية ومنها / الإستايلات والقوالب / اختار الاستايل المراد التطبيق عليه / css الرئيسى / ثم خانة button نضيف هذا الكود

رمز Code:
text-decoration: none;
padding: 7px 12px;
position: relative;
display: inline-block;
text-shadow: 0 1px 0 #fff;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background: #f3f3f3;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
border: solid 1px #dcdcdc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin-right: 10px;
}
.button:hover {
color: #333;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

}
.button:active {
color: #000;
border-color: #444;
}
كما بالصورة

فيصبح لدنيا العمل بهذا الاخراج

اما من ارادكما هو فى منتدى نقطة تطوير كما بالصوره

فاليضع هذا الكود
رمز Code:
text-decoration: none;
padding: 7px 12px;
position: relative;
display: inline-block;
text-shadow: 0px 1px 0px rgb(255, 255, 255);
transition: border-color 0.218s ease 0s;
border: 1px solid rgb(220, 220, 220);
border-radius: 2px;
margin-right: 10px;
color: rgb(34, 34, 34);
font: 11px 'Droid Arabic Kufi';
background: none repeat scroll 0% 0% rgb(0, 198, 255);
}
.button:hover {
color: #333;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.button:active {
color: #000;
border-color: #444;
}

فى النهاية : تغير الالوان والخط من اكواد css وقيل ما انسى الشرح شامل ازرار موضيع جديد

واضافة رد يعنى كما قلت جميع ازرار المنتدى كما بالصورة

*فى النهاية لو اصبت فهذا من فضل الله وان اخطات فمن الشيطان

فاذكرونا من صالح دعائكم

__DEFINE_LIKE_SHARE__

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
سؤال ماطريقة استبدال ازرار الكيبورد؟	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	06-12-2012 08:40 AM
نقطة لعرض الآراء و تطوير أفكار الثوار لمقاومة المحتل	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	03-26-2012 12:50 AM
[مشكلة] مشكلة بكود php بكود find and replace النتيجة لا تظهر	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	12-04-2011 11:50 AM
[Template] : وضع ازرار تغيير الاستايل لاعضائك .. مُقدمة من هيثم الحمّامي	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	09-01-2011 08:30 PM
[مشكلة] : مشكله في بعض ازرار الصندق الخامس في الاستايل لا تعمل	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	09-01-2011 12:20 AM