شرح اضافة ازرار الى صندوق الادوات الماسي و السحري و غيره

[Dr.osamA]

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



لقد قمت سابقا بشرح كيفية اضافة ازرار الى صندوق الادوات و هنا اكرر الشرح


لا اعرف ان كان الموضوع في قسمه المناسب ... ان لم يكن فارجو من المشرفين نقله لمكانه

ارجو عدم نسخ الموضوع او نقله فهو خاص لمنتديات مثل الرحبة - المودة - بوابة القدس و لا اتمنى نقله او نسخه لاي منتديات اخرى و خصوصي تريدنت

و الان لن اطيل عليكم


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



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

مكانها في الصندوق الماسي ... و طبعا نفسها في باقي انواع الصناديق




و الان بعد الاستعمال و على استايلين مختلفين اولا الزهري يعني ستايل فاتح





ثانيا على ستايل اخضر و يعني اغمق قليلا





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



اولا نفتح قالب editor_toolbar_on و نبحث عن الكود التالي

<if condition="$show['wysiwyg_compatible']">
<td><div class="imagebutton" id="{$editorid}_cmd_switchmode"><img src="$stylevar[imgdir_editor]/switchmode.gif" width="21" height="20" alt="$vbphrase[switch_editor_mode]" /></div></td>
</if> 

و تحت مباشر نضيف الكود التالي

<if condition="$vbulletin->options['inlineVideo_enabled']">
                <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_info"><img src="$stylevar[imgdir_editor]/info.gif" width="21" height="20" alt="اضافة تعليمــــات" /></div></td>
            </if>
<if condition="$vbulletin->options['inlineVideo_enabled']">
                <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_caution"><img src="$stylevar[imgdir_editor]/caution.gif" width="21" height="20" alt="اضافة تنبيــــه" /></div></td>
            </if>
<if condition="$vbulletin->options['inlineVideo_enabled']">
                <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_warning"><img src="$stylevar[imgdir_editor]/warning.gif" width="21" height="20" alt="اضافة تحذيــــــر" /></div></td>
            </if> 

من لديه الصندوق الماسي من الاخ الدربيل يعني مثل صندوقي انا يمكنه تحميل الملف المرفق و استبدال محتواه بقالب editor_toolbar_on



و من بعد تعديل القالب نذهب الى لوحة التحكم



اكودا المنتدى و منه الى اضافة كود منتدى جديد ... و نضيف الكود التالي



العنوان : caution

عبارة دلالية : caution



الاستبدال

<style>
.code{font-family: Courier, Courier New, Verdana, Arial;
 color: #000000;
 background-color: #FFFF99;
 border: 1px dotted #000;
 padding: 2px;
 width:98%;
 margin: 0px auto 0px auto;
 /*overflow: auto;
 height: 200px;*/}
</style>
<div align="center">
<table width="90%" cellspacing="1" cellpadding="3" border="0" bgcolor="#FFFF00">
<tr>
<td bgcolor="#C0C0C0">
<p align="right"><font color="#FF0000"><span class="smallfont"><strong>تنبيـــــــــــه:</strong></span></font></td>
</tr>
<tr>
<td class="code" style="background-color: #FFFF99">
<p align="right"><img align="right" src="images/caution1.gif"><font color="#000000"><font face="Arial">{param}</font></font> </font></td>
</table></div> 

مثال : [caution*]تنبيـــــــــــــــــــــه!![/caution*]



انتبه من غير نجوم حط الكود



الوصف : حط اي شي تحب تحطه المهم لا تتركه فارغ اكتب مثلا تنبيـــــــــــــــــه كما هو في الصورة ادناه




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



و الان نعيد نفس العملية مع الكود الثاني و هو WARNING تحذير





العنوان : WARNING

عبارة دلالية : WARNING



الاستبدال

<style>
.code{font-family: Courier, Courier New, Verdana, Arial;
 color: #000000;
 background-color: #FFBBBB;
 border: 1px dotted #000;
 padding: 2px;
 width:98%;
 margin: 0px auto 0px auto;
 /*overflow: auto;
 height: 200px;*/}
</style>
<div align="center">
<table width="90%" cellspacing="1" cellpadding="3" border="0" bgcolor="#FFBBBB">
<tr>
<td bgcolor="#C0C0C0">
<p align="right"><font color="#FF0000"><span class="smallfont"><strong>تحـــــــذير </strong></span></font></td>
</tr>
<tr>
<td class="code" style="background-color: #FFBBBB">
<p align="right"><img align="right" src="images/warning1.gif"><font color="#000000"><font face="Arial">{param}</font></font> </font></td>
</table></div> 

مثال : [WARNING*]تحذيــــــــــــــــــر!![/WARNING*]



انتبه من غير نجوم حط الكود



الوصف : حط اي شي تحب تحطه المهم لا تتركه فارغ اكتب مثلا تحـــــــــــــــــذير !!



و الان الكود الثالث info وهو تعليمات او (ملاحظة )



العنوان : info

عبارة دلالية : info

الاستبدال

<style>
.code{font-family: Courier, Courier New, Verdana, Arial;
 color: #0000FF;
 background-color: #FAFCFE;
 border: 1px dotted #000;
 padding: 2px;
 width:98%;
 margin: 0px auto 0px auto;
 /*overflow: auto;
 height: 200px;*/}
</style>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
<td bgcolor="#C0C0C0">
<p align="right"><font color="#FF0000"><span class="smallfont"><strong>ملاحـــــظة</strong></span></font></td>
</tr>
<tr>
<td class="code">
<p align="right"><img align="right" src="images/info1.gif"><font face="Arial">{param}</font></td>
</table> 

مثال : [info*]تحذيــــــــــــــــــر!![/info*]



الوصف : حط اي شي تحب تحطه المهم لا تتركه فارغ اكتب مثلا مــــــلاحظة !!





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



vb/images/



كما تلاحظون هناك كود بعنوان تنبيه شديد اللهجة



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



و الان اعلمك كيف تضيفه



من نفس طريقة اضافة الاكواد في المنتدى تضيف الكود التالي و بالطريقة ذاتها كما هو اعلاه



العنوان : admin

عبارة دلالية : admin

الاستبدال

<style>
.code{font-family: Courier, Courier New, Verdana, Arial;
 color: #0000FF;
 background-color: #FAFCFE;
 border: 1px dotted #000;
 padding: 2px;
 width:98%;
 margin: 0px auto 0px auto;
 /*overflow: auto;
 height: 200px;*/}
</style>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
<td bgcolor="#C0C0C0">
<p align="right"><font color="#FF0000"><span class="smallfont"><strong><span lang="ar-sy">تحـــــذير اداري شــديد اللهجة</span></strong></span></font></td>
</tr>
<tr>
<td class="code">
<p align="right"><img align="right" src="images/mod.gif"><font face="Arial"><font size="4" color="#FF0000">{param}</font><br></font></td>
</table> 

مثال : [admin*]تحذيــــــــــــــــــر اداري شديد اللهجة!![/admin*] طبعا بدون النجوم



الوصف : حط اي شي تحب تحطه المهم لا تتركه فارغ اكتب مثلا تحذيــــــــــــــــــر اداري شديد اللهجة !!



اتمنى ما اكون نسيت شي في الشرح


و للتاكيد و المعاينة تفضل من هنا


مًنْتُِِّْدًٍيَآتُِِّْ آلرٌٍحٍّـِِّـِِّبٌَِة - عرض مشاركة واحدة - تجربة

الموضوع الاصلي من هنااا
http://www.alra7ba.org/vb/showthread.php?t=13822

و اي خدمة او استفسار انا حاظر اخوواني


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

[sitepoint]

جزاك الله خير ..شرح رائع جداً يدل على خبرة ودرايه.

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

- الفلاش
- الريل بلير
- الميديا بلير
- تنسيق القصائد

[ahmed-samara]

وعليكم السلام


ماشاء الله اخي الكريم شرح رائع وان شاء الله يفيد الأخوان وسيتم تثبيت الموضوع لفتره معينه ...

[Abdulrahman Hassoun]

والله ‘إنك بطل

الله يعطيك العافية

بس ممكن اسأل سؤال ...؟

كيف اسوي واحد خاص فيني انا

يعني صممت الزر

وعندي هاك النص المخفي

كيف اسويله ايقونة بالضغط عليها يطلع الكووود ؟

[Dr.osamA]

جزاك الله خير ..شرح رائع جداً يدل على خبرة ودرايه.

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

- الفلاش
- الريل بلير
- الميديا بلير
- تنسيق القصائد

اخوي اول ثلاث باذن الله مقدور عليهم اما القصائد فهذا اختراع عربي هههههه و لازمه شغل

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

هل جربت اضافة هذه الازرار التي شرحتها انا هنا ؟؟

انتظرك بكل ود

تحيااتي

[Dr.osamA]

وعليكم السلام


ماشاء الله اخي الكريم شرح رائع وان شاء الله يفيد الأخوان وسيتم تثبيت الموضوع لفتره معينه ...

و الله خجلتني اخوي

اولا ترى انا على قدي و وقتي بين شغل العيادة و البرمجة و الانترنت شوي ضيق

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

فلم انتظر اي تقيييم او اي تثبيت فقط اردة الاجر و الثواب و الله على ما اقول شهيد

الف شكر

تحيااتي

[Dr.osamA]

والله ‘إنك بطل

الله يعطيك العافية

بس ممكن اسأل سؤال ...؟

كيف اسوي واحد خاص فيني انا

يعني صممت الزر

وعندي هاك النص المخفي

كيف اسويله ايقونة بالضغط عليها يطلع الكووود ؟

اخوي هذي سهلة و نفس الطرق الي قبلها

و اصلا هو موجود في اغلب الصناديق

عموما يلزمك كود الاخفاء .... هل في منتداك موجودة ميزة الاخفاء ؟؟

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

اصنع زر على راحتك الاهم انك تعطيه اسم و ليكن الاسم hied.gif مثلا

و الان

اولا نفتح قالب editor_toolbar_on و نبحث عن الكود التالي

<if condition="$show['wysiwyg_compatible']"> 
<td><div class="imagebutton" id="{$editorid}_cmd_switchmode"><img src="$stylevar[imgdir_editor]/switchmode.gif" width="21" height="20" alt="$vbphrase[switch_editor_mode]" /></div></td> 
</if> 

و تحت مباشر نضيف الكود التالي

<if condition="$vbulletin->options['inlineVideo_enabled']"> 
                <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_hied"><img src="$stylevar[imgdir_editor]/hied.gif" width="21" height="20" alt="اخفاء النص" /></div></td> 
            </if> 

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



و بينهما يكون طبعا المراد اخفائه نص او ربط

و لكن ان لم يكن الكود اصلا مضاف الى قواعد البيانت اي الى bbcodes اكواد المنتدى فلن يعمل

في حال ليس لديك الكود اخبرني

انتظر ردك

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

[Dr.osamA]

اخواني الكرام هل جرب احدكم اذافة هذه الازرار ام ماذا ؟؟؟؟؟؟؟؟؟؟؟

ارجو ابلاغنا بالنتيجة

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

[Barakat]

احلا حكيم , مشكور حبيبي

[sitepoint]

اخوي اول ثلاث باذن الله مقدور عليهم اما القصائد فهذا اختراع عربي هههههه و لازمه شغل

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

هل جربت اضافة هذه الازرار التي شرحتها انا هنا ؟؟

انتظرك بكل ود

تحيااتي

طيب نتمنى منك شرح كيفية هذه الاوامر فقط اما القصائد فليس ضروري
- الفلاش
- الريل بلير
- الميديا بلير

[Dr.osamA]

هلا بك اخي sitepoint اليك طريقة الاضافة
- الريل بلير
- الميديا بلير
و البقية تاتي

اضف هذا الكمود في اكواد المنتدى من لوحة التحكم .... اضافة اكودا بي بي

العنوان : real

عبارة دلالية : rams


الاستبدال :

<div align="center"><embed SRC="{param}" type="audio/x-pn-realaudio-plugin" 
CONTROLS="ControlPanel,StatusBar" HEIGHT="60" WIDTH="300" AUTOSTART="false"></embed>
</div> 

مثال : [rams]real[/rams]

الوصف :
Real

Audio


استخدام {option} : لا

كما هو في الصورة



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

<if condition="$show['wysiwyg_compatible']"> 
<td><div class="imagebutton" id="{$editorid}_cmd_switchmode"><img src="$stylevar[imgdir_editor]/switchmode.gif" width="21" height="20" alt="$vbphrase[switch_editor_mode]" /></div></td> 
</if> 

و تحت مباشر نضيف الكود التالي

<if condition="$vbulletin->options['inlineVideo_enabled']"> 
                <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_rams"><img src="$stylevar[imgdir_editor]/rplayer.gif" width="21" height="20" alt="اضافة ملف ريل بلاير" /></div></td> 
            </if> 

و نحفظ العمل

و نرفع الصورة المرفقة باسم rplayer الى مسار مجلد editor في الستايل نفسه و ارفعها ايظا في images في رئيسية المنتدى ايضا ما يضر

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

اما بالنسبة للميديا بلير فهي نفس الطريقة ايضا مع تعديل الربط و الكود المضاف

نضيف الكود كما هو التالي

العنوان : media

عبارة دلالية : media

الاستبدال :

<div align="center"><embed SRC="{param}" type="application/x-mplayer2" ShowControls="1" ShowDisplay="0" ShowStatusBar="1" width="300" height="300"></embed></div> 

مثال : [media]media[/media]

الوصف :
Media

Player


استخدام {option} : لا

كما هو في الصورة



و الان نذهب ايضا لقالب editor_toolbar_on و نبحث عن الكود التالي

<if condition="$show['wysiwyg_compatible']"> 
<td><div class="imagebutton" id="{$editorid}_cmd_switchmode"><img src="$stylevar[imgdir_editor]/switchmode.gif" width="21" height="20" alt="$vbphrase[switch_editor_mode]" /></div></td> 
</if> 

و تحت مباشر نضيف الكود التالي

<if condition="$vbulletin->options['inlineVideo_enabled']"> 
                <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_media"><img src="$stylevar[imgdir_editor]/media.gif" width="21" height="20" alt="اضافة ملف مديا بلاير" /></div></td> 
            </if> 

و نحفظ العمل

و نرفع الصورة المرفقة باسم media الى مسار مجلد editor في الستايل نفسه و ارفعها ايظا في images في رئيسية المنتدى ايضا ما يضر

و الان اعتقد انه كله تمام و لازم لما تضغط على الازرار تشتغل

الزر الثالث هو الفلاش ... لا اعرف اي منهم انت تقصد اخوي بس راح اشرح اضافة صورة فلاشية عادية .. فهناك الفلاش الشفاف و غيرها من انواعه

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

انظر هذه الصورة كمثال على ما تم شرحه اعلاه





اتمنى تردلي خبر في كل الاحوال سواء نجحت العملية او لم تنجح

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

[Dr.osamA]

هلالا حبيبي بركووتا منوور يا غالي

جاي متاخر ... بس معذور حبيبي هههههه

تحياااااتي

[المطلوووب]

الله يعطيك العافيه طبعا احب اذكر بنقطه هامه فيه قصور بالمنتدى وبالاخص باكواد bbcode
حيث انها تعطي مجال واحد فقط وهو اما تضع bbcode باحدى الطريقتين

1- [code ] المتغير الوحيد [/code]

2- 1- [code=المتغير الاول رابط فقط] المتغير الثاني [/code]

لذالك لابد من عمل ملف javascript يكون تابع لها في حال اردت ان تكون بطريقه اخرى
مثلا اكيد شفتو تعدد الالوان هذا النوع يظهر لك مجموعه من اكواد اللون في خانه المتغير الاول رابط

والكلام الملون يكون في خانه المتغير الثاني باستخدام الطريقه الثانيه المشروحه سابقا

الله يعطيك العافيه اخ دكتور اسامه

[Dr.osamA]

الله يعطيك العافيه طبعا احب اذكر بنقطه هامه فيه قصور بالمنتدى وبالاخص باكواد bbcode
حيث انها تعطي مجال واحد فقط وهو اما تضع bbcode باحدى الطريقتين

1- [code ] المتغير الوحيد [/code]

2- 1- [code=المتغير الاول رابط فقط] المتغير الثاني [/code]

لذالك لابد من عمل ملف javascript يكون تابع لها في حال اردت ان تكون بطريقه اخرى
مثلا اكيد شفتو تعدد الالوان هذا النوع يظهر لك مجموعه من اكواد اللون في خانه المتغير الاول رابط

والكلام الملون يكون في خانه المتغير الثاني باستخدام الطريقه الثانيه المشروحه سابقا

الله يعطيك العافيه اخ دكتور اسامه

الله يوفقك اخوي المطلووب
كلامك صح مية المية و لهذا السبب لم اشرح كيفية اضافة زر فلاش flash حيث هو من يحتاج لهذا الجافا سكربت طيبعا

لانه ياتي في الكود كما تفضلت هكذا

[code=المتغير الاول رابط فقط] المتغير الثاني [/code]

شكرا لدعمك الموضوع اخي

و ياريت لو عندك شرح تطرحه ايضا

تحيااااااتي

[sitepoint]

جاري التجريه وسأرد عليك قريباً دكتور اسامه الرائع