شرح كيفية اضافة زر جديد لصندوق الادوات

[Dr.osamA]

تحية طيبة اخواني الكرام

حصل واني اردت و بشكل انتقائي ان اضيف بع الازرار الاختيارية للصندوق سواء ارد السريع او اضافة موضوع

و كهاوي جلست اجرب

و توصلت لما يلي :

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



<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>





و نضيف بعده او قبله حسب ما نريد مكان الزر نضيف هذا الكود بعد تغيير المعطيات


<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_button"><img src="$stylevar[imgdir_editor]/s-tag.gif" width="21" height="20" alt="$vbphrase[هنا نكتب شرح عن الزر الجديد]" /></div></td>




s-tag.gif = اسم صورة الزر

_cmd_wrap0_button = امر تنفيذ الكود المراد اضافته (BBCODE)

و هذا بشك عام .... اما بشكل خاص فاليكم كيفية اضافة بعض الازرار و مركز رفع الملفات كما هو في الصورة ادناه

http://www.alra7ba.net/up/files/2-1138377831.gif
http://www.alra7ba.net/up/files/2-1138377918.gif
http://www.alra7ba.net/up/files/2-1138377984.gif
http://www.alra7ba.net/up/files/2-1138378049.gif

1- لاضافة مركز رفع الملفات

افتح تمبلت editor_toolbar_on و ابحث عن هذا الكود


<td><div class="imagebutton" id="{$editorid}_cmd_redo"><img src="$stylevar[imgdir_editor]/redo.gif" width="21" height="20" alt="$vbphrase[redo]" /></div></td>
<if condition="is_browser('opera')">
<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
<else />




و اضف بعده فورا هذا


<a target="_blank" href="http://www.xxxxxxxx.net/vb/xxxxxxxxx">
<span style="font-weight: 700; text-decoration: none; background-color: #FFFF00">
مركزرفع المفات</span></a></span></td>




مع مراعات تبديل xxxxxxxx بربط مركزك و موقعك

2- اضافة زر كما هو في الصورة اعلاه لشيطان يحمل راية و تكتب فيها ما تشاء

نذهب للوحة التحكم و نختار اضافة BB كود و نضيف
Title: Devil Sign
Tag: evil
Replacement: يعني الكود


<table border="0" cellspacing="0" cellpadding="0">

<tr>

<td align="center" style="background-color: Red; border: 1px solid Black; padding: 1px;"><FONT COLOR="White"><normalfont>{param}</normalfont></FONT></td>

</tr>

<tr><td align="center">

<img src="./images/devilsign.gif" alt="" border="0">

</td></tr>

</table>



ثم نذهب الى تمبلت editor_toolbar_on و ابحث عن هذا الكود


<td><div class="imagebutton" id="{$editorid}_cmd_redo"><img src="$stylevar[imgdir_editor]/redo.gif" width="21" height="20" alt="$vbphrase[redo]" /></div></td>
<if condition="is_browser('opera')">
<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
<else />




و اضف بعده فورا هذا


<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_evil"><img src="$stylevar[imgdir_editor]/evil-tag.gif" width="21" height="20" alt="$vbphrase[تعبيري]" /></div></td>




و نرفع الصور المرفقة الى اماكنها
vb/images/devilsign.gif
vb/images/editor/evil-tag.gif



كمثال hiiiiiiiiiiiiiiiiiiiiiiii
http://www.alra7ba.net/up/files/2-1138378244.gif


طبعا تظليل النص و الضغط على الزر و كما هو في الصور اعلاه

و نتابع في المرة القادمة كيفية اضافة زر اخر حسب تفاعلكم مع الموضوع

تحياااااااتي

[Dr.osamA]

اضافة زر تصغيـر الصـور بكـود [bimg]

اخي ببساطة افتح قالب editor_toolbar_on و تبحث عن


كود:
<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>



و هو افضل مكان و اامن مكان لهذا الزر .. او اذا حبيت ضيفه في اي مكان انت تحب يمكنك

و تضيف هذا الكود بعده او قبله انت حر


كود:
<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_bimg"><img src="images/toolbox/bimg.gif" width="21" height="20" alt="وضع مصغر لصوره كبيره"></div></td>


و تقوم بتحميل صورة الزر الى

http://www.xxxx.net/vb/images/toolbox/editor/bimg.gif (http://www.xxxx.net/vb/images/toolbox/editor/bimg.gif)

طبعا يجب ان يكون ليك الكود مضاف الى اكواد المنتديات و قواعد البيانات حتما

صورة الزر مرفقة و اي خدمة انا جاهززز

تحياااتي

[الربان]

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

[Dr.osamA]

هلا و غلا اخوي الربان منوور

اشكر شهادتك التي اعتز فيها

تحيااتي

[ألوان الطيف]

شكراً لك أخي الكريم Dr.osamA على هذا الشرح.

حاولت ولكن فشلت محاولتي بعد اتباع الخطوات التي وضعتها أنت ، وهذا هو الخط الذي ظهر لي بعد تعديل القالب .. editor_toolbar_on

Parse error: parse error, unexpected T_ENCAPSED_AND_WHITESPACE, expecting ']' in /home/xxxxx/public_html/forum/includes/adminfunctions_template.php(3537) : eval()'d code on line 101

وأرفقت لك القالب لتعديله وكذلك الصورة التي أرغب في إضافتها.

[Dr.osamA]

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

و هل هذا القالب بعد التعديل ام قبله

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

تحياتي

[ألوان الطيف]

شكراً لك أخي الكريم .. Dr.osamA
القالب قبل التعديل ، فقط سوف تجد في أول سطر مكتوب ( بس ) وهذا هو الكود الذي يظهر في المنتدى عند الضغط على الايقونة.

وتجد الصندوق بالكامل هنا وقد طبقت ماورد في الصندوق عند التركيب ، وكذلك ملف امتداد الصور .. وهو يعمل بدون مشاكل. ولكن فقط ينقصه الزر الذي أرفقت صورته في الرد السابق.

www.marsauae.com/vb/showthread.php?p=191184 (http://www.marsauae.com/vb/www.marsauae.com/vb/showthread.php?p=191184)

[Dr.osamA]

اخي الكريم اود خدمتك

ولكن اعتقد ان هذا الزر هو اساسي بالصندوق

مبدئيا ارجو ان تضع لي ربط منتداك و ستتم المعاينة ... لا ستطيع خدمتك

تحياتي

[ألوان الطيف]

صح كلامك أخي Dr.osamA هو زر أساسي في الصناديق القديمة ، ولكنه لا يوجد في صندوق الأصدار الأخير 3.5.0 وما بعده ..

وهذا رابط الموقع www.al7ooor.com/vb (http://www.al7ooor.com/vb)

[الأميـــــر]

يعطيك العافيه اخوي ويزاك الله خير

[Dr.osamA]

هلا بك اخوي الاميرر

جزانا و اياك

تحياتي

[Dr.osamA]

صح كلامك أخي Dr.osamA هو زر أساسي في الصناديق القديمة ، ولكنه لا يوجد في صندوق الأصدار الأخير 3.5.0 وما بعده ..

وهذا رابط الموقع www.al7ooor.com/vb (http://www.al7ooor.com/vb)


اخي الكريم لقد قمت بزيارة موقعك و تفقدت الصندوق و لم اجد فيه اي زر غير شغال ما شاء الله

منتدى رايق

ولحد الان ما عرفت شنو وضيفة هالزر الي تريد تضيفه .... انا اعتقدت انه زر التوسيط

بس زر التوسيط موجود عندك

عموما اخي

افضل شي هو انك تضيفني عندك ع اليميل لنحل المشكلة يشكل اسرع

تحياتي

[ألوان الطيف]

ما قصدته من الزر هو طبقاً للصورة المرفقة .. ولقد ضفتك على المسنجر وشكراً لك أخي الكريم تعبتك معاي ..