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

[Mohannad]

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


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

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

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

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

اضافة زر للصندوق
نبحث دائما عن هذا الكود في 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


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



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

[elarabe]

شكرا لك يا غالى