طريقة تغيير ايقونات تعديل..اضافة رد..اقتباس.اقتباس متعدد في الجيل الرابع VBULLETIN G4

[said]

http://www.dzbatna.com/images/icons/iconrote.gif ط·ط±ظٹظ‚ط© طھط؛ظٹظٹط± ط§ظٹظ‚ظˆظ†ط§طھ طھط¹ط¯ظٹظ„..ط§ط¶ط§ظپط© ط±ط¯..ط§ظ‚طھط¨ط§ط³.ط§ظ‚طھط¨ط§ط³ ظ…طھط¹ط¯ط¯ ظپظٹ ط§ظ„ط¬ظٹظ„ ط§ظ„ط±ط§ط¨ط¹ (http://www.dzbatna.com/t1884305/)



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

اتمنى ان تكونو بخير حال اخوتي الافاضل

لم اجرب من قبل طريقة تعديل هذه الازرار في الجيل الرابع VBULLETIN G4 وحسبتها نفس التعديل في الجيل الثالث VBULLETIN G3
لكن عندما طلب احد الاخوة في ركن مشاكل الاستايل styleات والقوالب الطلب قمت بالتجربة والحمد لله تم التعديل
الطريقة مطولة قليلا لذالك قلت اضعها في موضوع لكي يستفاد منها الاخوة

اولا ابحث عن قالب template postbit.css

بداخلة ابحث عن التالي

زر التعديل

رمز PHP:

<code style="white-space:nowrap"> <code> .postbitlegacy .postfoot .textcontrols a.editpost, .postbit .postfoot .textcontrols a.editpost, .eventbit .eventfoot .textcontrols a.editevent {
background: url({vb:stylevar imgdir_button}/edit_40b.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left} ;
padding: {vb:stylevar postbit_control_padding};
padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.editpost:hover, .postbit .postfoot .textcontrols a.editpost:hover, .eventbit .eventfoot .textcontrols a.editevent:hover {
background: url({vb:stylevar imgdir_button}/edit_40b-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
padding: {vb:stylevar postbit_control_padding};
padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
border: {vb:stylevar postbit_control_hover_border};
}
</code> </code>

زر اضافة رد

رمز PHP:

<code style="white-space:nowrap"> <code> .postbitlegacy .postfoot .textcontrols a.quickreply, .postbit .postfoot .textcontrols a.quickreply, .postbitlegacy .postfoot .textcontrols a.forwardpost, .postbit .postfoot .textcontrols a.forwardpost {
background: url({vb:stylevar imgdir_button}/reply_40b.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left};
padding: {vb:stylevar postbit_control_padding};
padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.quickreply:hover, .postbit .postfoot .textcontrols a.quickreply:hover, .postbitlegacy .postfoot .textcontrols a.forwardpost:hover, .postbit .postfoot .textcontrols a.forwardpost:hover {
background: url({vb:stylevar imgdir_button}/reply_40b-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
padding: {vb:stylevar postbit_control_padding};
padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
border: {vb:stylevar postbit_control_hover_border};
}
</code> </code>

زر الاقتباس

رمز PHP:

<code style="white-space:nowrap"> <code> .postbitlegacy .postfoot .textcontrols a.newreply, .postbit .postfoot .textcontrols a.newreply {
background: url({vb:stylevar imgdir_button}/quote_40b.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left};
padding: {vb:stylevar postbit_control_padding};
padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.newreply:hover, .postbit .postfoot .textcontrols a.newreply:hover {
background: url({vb:stylevar imgdir_button}/quote_40b-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
padding: {vb:stylevar postbit_control_padding};
padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
border: {vb:stylevar postbit_control_hover_border};
}
</code> </code>

زر اقتباس متعدد

رمز PHP:

<code style="white-space:nowrap"> <code> .postbitlegacy .postfoot .textcontrols a.multiquote, .postbit .postfoot .textcontrols a.multiquote {
background: url({vb:stylevar imgdir_button}/multiquote-back_40b.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left};
padding: {vb:stylevar postbit_control_padding};
padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
padding-bottom:1px;
border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.multiquote:hover, .postbit .postfoot .textcontrols a.multiquote:hover {
background: url({vb:stylevar imgdir_button}/multiquote_40b-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
</code> </code>

لاحظ انه في كل خانه من الخانات هناك كود codeين الاول شكل الزر الاعتيادي الثاني هند مرور الماس
ما عدا زر الاقتباس المتعدد وهو كود codeين الاول قبل الضغط والثاني بعد الضغط على الزر

طريقة التعديل سوف اعطي المثال عن زر التعديل والباقي مثله تماما
نستبدل الكود code التالي بمسار الصورة المطلوبة

رمز PHP:

<code style="white-space:nowrap"> <code> background: url({vb:stylevar imgdir_button}/edit_40b.png) no-repeat
</code> </code>

مثال
رمز PHP:

<code style="white-space:nowrap"> <code> background: url('omar/al3any.png') no-repeat
</code> </code>


وللملاحظة ان هذه الازرار فوقها توجد كتابة لمن يريد حذف الكتابة ووضع الكتابة من نفس تصميم الزر
يتم حذف الكلمات كالتالي

ابحث داخل قالب template postbit_legacy او postbit حسب استعمالك وابحث عن التالي


تعديل الامشاركة
رمز PHP:

<code style="white-space:nowrap"> <code> {vb:rawphrase edit_post}
</code> </code>

اضافة رد
رمز PHP:

<code style="white-space:nowrap"> <code> {vb:rawphrase reply}
</code> </code>

اقتباس

رمز PHP:

<code style="white-space:nowrap"> <code> {vb:rawphrase reply_with_quote}
</code> </code>

اما الاقتباس المتعدد فلا يوجد به كتابه

الى هنا انتهى اتمنى ان اكون قد وفقت الخطأ موجود فلا يصل عمل البشر الى الكمال



تمنياتي لكم بالموفقية الدائمة

اخوكم عمر العاني






ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©