المساعد الشخصي الرقمي

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


برق
05-04-2005, 10:10 PM
الخطوة الأولى (رفع ملفات الهاك إلى المنتدى)
1- أرفع الملفات التى بمجلد Images وضعها فى مجلد Images داخل المنتدى vb/Images

2- أرفع الملفات التى بداخل مجلد Incudes وضعها فى مجلد Includes داخل المنتدى vb/Includes

3- أرفع الملفات التى بداخل مجلد vb وضعها فى مجلد المنتدى ماباشرةً vb

الخطوة الثانية (تركيب الصندوق الماسى)
1- سجل دخول إلى لوحة التحكم
http://www.kuwaital7ob.com/1/kuwaital7ob/kuwait/sndw1.jpg

2- أدخل على خيارات المنتدى
http://www.kuwaital7ob.com/1/kuwaital7ob/kuwait/sndw2.jpg

3- أدخل على خيارات واجهة إضافة المشاركة
http://www.kuwaital7ob.com/1/kuwaital7ob/kuwait/sndw3.jpg

4- قم بعمل التعديلات التى فى الصورة
http://www.kuwaital7ob.com/1/kuwaital7ob/kuwait/sndw4.jpg

5- من خيارات المنتدى أيضا أختار إعدادات أكواد الـ bb
http://www.kuwaital7ob.com/1/kuwaital7ob/kuwait/sndw5.jpg


6- قم بألغاء العلامة من امام كلمة[LIST]
كما بالصورة
http://www.kuwaital7ob.com/1/kuwaital7ob/kuwait/sndw6.jpg

7- أدخل على الأستايلات والقوالب وأختار ضبط الأستايلات
http://www.kuwaital7ob.com/1/kuwaital7ob/kuwait/sndw7.jpg

8- ومنها أختار تعديل القوالب ثم أختار تمبلت headinclude ثم ضيف الكود التالى فى أول سطرين فى التمبلت كما بالصورة



كود PHP:
<script language="javascript" src="poem.js"></script>
<script language="javascript" src="mycodes.js"></script>

http://www.kuwaital7ob.com/1/kuwaital7ob/kuwait/sndw8.jpg

9- أفتح تمبلت editor_toolbar_off وضيف الكود التالى فى أول سطر فيه كما بالصورة


كود PHP:
<script language="javascript">
showButtons();
showKeyboard();
</script>

</td></tr></table>

<script language="javascript">
var maxchars = $vboptions[postmaxchars];
var minchars = $vboptions[postminchars];
</script>

<!-- end of MagicToolBox 2.5 for vB3 -->

<!-- بداية وسم الإختصارات -->
<p align="center">
<input style="BORDER-RIGHT: #7d92a9 1px ridge; BORDER-TOP: #7d92a9 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #7d92a9 1px ridge; COLOR: #ffffff; BORDER-BOTTOM: #7d92a9 1px ridge; FONT-FAMILY: MS Sans Serif; BACKGROUND-COLOR: #0068a0" onclick="vbform.message.value=vbform.message.value + ' السلام عليكم ورحمة الله وبركاته ';" type="button" value="السلام" name="1" shape="text">
<input style="BORDER-RIGHT: #7d92a9 1px ridge; BORDER-TOP: #7d92a9 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #7d92a9 1px ridge; COLOR: #ffffff; BORDER-BOTTOM: #7d92a9 1px ridge; FONT-FAMILY: MS Sans Serif; BACKGROUND-COLOR: #0068a0" onclick="vbform.message.value=vbform.message.value + ' وعليكم السلام ورحمة الله وبركاته ';" type="button" value="رد السلام" name="2" shape="text">
<input style="BORDER-RIGHT: #7d92a9 1px ridge; BORDER-TOP: #7d92a9 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #7d92a9 1px ridge; COLOR: #ffffff; BORDER-BOTTOM: #7d92a9 1px ridge; FONT-FAMILY: MS Sans Serif; BACKGROUND-COLOR: #0068a0" onclick="vbform.message.value=vbform.message.value + ' بسم الله الرحمن الرحيم ';" type="button" value="البسملة" name="3" shape="text">
<input style="BORDER-RIGHT: #7d92a9 1px ridge; BORDER-TOP: #7d92a9 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #7d92a9 1px ridge; COLOR: #ffffff; BORDER-BOTTOM: #7d92a9 1px ridge; FONT-FAMILY: MS Sans Serif; BACKGROUND-COLOR: #0068a0" onclick="vbform.message.value=vbform.message.value + ' شكراً لك اخي الكريم على هذا المقال ';" type="button" value="شكر" name="5" shape="text">
<input style="BORDER-RIGHT: #7d92a9 1px ridge; BORDER-TOP: #7d92a9 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #7d92a9 1px ridge; COLOR: #ffffff; BORDER-BOTTOM: #7d92a9 1px ridge; FONT-FAMILY: MS Sans Serif; BACKGROUND-COLOR: #0068a0" onclick="vbform.message.value=vbform.message.value + ' كيف الحال إن شاء الله دوم بخير ؟ ';" type="button" value="سؤال" name="6" shape="text">
<input style="BORDER-RIGHT: #7d92a9 1px ridge; BORDER-TOP: #7d92a9 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #7d92a9 1px ridge; COLOR: #ffffff; BORDER-BOTTOM: #7d92a9 1px ridge; FONT-FAMILY: MS Sans Serif; BACKGROUND-COLOR: #0068a0" onclick="vbform.message.value=vbform.message.value + ' ألف مبروك .. لقد سعدت بهذا الخبر ';" type="button" value="تهنئة" name="8" shape="text">
<input style="BORDER-RIGHT: #7d92a9 1px ridge; BORDER-TOP: #7d92a9 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #7d92a9 1px ridge; COLOR: #ffffff; BORDER-BOTTOM: #7d92a9 1px ridge; FONT-FAMILY: MS Sans Serif; BACKGROUND-COLOR: #0068a0" onclick="vbform.message.value=vbform.message.value + ' الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين ';" type="button" value="بادئة" name="9" shape="text">
<input style="BORDER-RIGHT: #7d92a9 1px ridge; BORDER-TOP: #7d92a9 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #7d92a9 1px ridge; COLOR: #ffffff; BORDER-BOTTOM: #7d92a9 1px ridge; FONT-FAMILY: MS Sans Serif; BACKGROUND-COLOR: #0068a0" onclick="vbform.message.value=vbform.message.value + ' ههههههههههههههههههههههههههههههههه ';" type="button" value="ضحكه" name="9" shape="text"></p>
<p align="center"></p>
<!-- نهاية وسم الإختصارات -->


http://www.kuwaital7ob.com/1/kuwaital7ob/kuwait/sndw9.jpg

10- أختار إضافة قالب جديد وإعطه الأسم postpreview وضع بداخله الكود التالى


كود PHP:
<!- *** Preview hack for vB3 by Alawi Hussain (software@rayaheen.net) *** -->
$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
<title>معاينة الرسالة</title>
$headinclude
</head>
<body>
$header
<br>
<table class="alt1" dir="rtl" cellpadding="2" cellspacing="2" border="0" width="100%">
<tr>
<td align="right"><b>معاينة الرسالة</b></td>
<td align="left"><a href="java script:window.close()">[ اغلاق النافذة ]</a></td>
<tr>
<td colspan="2" class="alt2">$previewmessage</td>
</tr>
</table>
<br>
</body>
</html>

11- من لوحة التحكم إذهب إلى إعدادات أكواد الـ BB ومنها أختار إضافة كود BB جديد
http://www.kuwaital7ob.com/1/kuwaital7ob/kuwait/sndw10.jpg

12- وتضع بداخلها الأكواد المرفقة مع الهاك بأسم bbcode وطريقة وضع الأكواد كما بالصورة التالية

http://www.kuwaital7ob.com/1/kuwaital7ob/kuwait/sndw11.jpg

رقم 1 : ضع أسم الكود

رقم 2 : ضع أيضا أسم الكود

رقم 3 : ضع هنا الكود

رقم 4 : أختار خاصية الـ option



الأن ألف مبروك تم الأنتهاء من تركيب الهاك أفتح أى موضوع جديد وشاهد الصندوق الماسى بجميع كوداته شغاله 100% بالأضافة للأبتسامات ظاهرة وواضحة

النتيجة النهائية

http://www.kuwaital7ob.com/1/kuwaital7ob/kuwait/sndw12.jpg

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

1- أختار خيارات المنتدى
http://www.kuwaital7ob.com/1/kuwaital7ob/kuwait/sndw13.jpg

2- أختار منها خيارات إضافة وتعديل المواضيع
http://www.kuwaital7ob.com/1/kuwaital7ob/kuwait/sndw14.jpg

3- قم بعمل التعديلات الموجودة فى الصورة التالية
http://www.kuwaital7ob.com/1/kuwaital7ob/kuwait/sndw15.jpg

4- أدخل على الأستايلات والقوالب وأختار ضبط الأستايلات
http://www.kuwaital7ob.com/1/kuwaital7ob/kuwait/sndw16.jpg

5- أفتح تمبلت showthread_quickreply وأمسح مابداخله تماما وقم بأضافة هذا الكود مكانه



كود PHP:
<!--
var WYSIWYG = $WYSIWYG;
var threadedmode = $threadedmode;
var minchars = $vboptions[postminchars];
var maxchars = $vboptions[postmaxchars];
var require_click = $QRrequireclick;
var must_click_message = "$vbphrase[click_quick_reply_icon]";
var istyles = new Array(); istyles = { $istyles_js };
var normalmode = false;
var vbphrase = {
// wysiwyg only
"wysiwyg_please_wait" : "$vbphrase[wysiwyg_please_wait]",
"wysiwyg_initialized" : "$vbphrase[wysiwyg_initialized]",
"wysiwyg_command_invalid" : "$vbphrase[wysiwyg_command_invalid]",
"moz_must_select_text" : "$vbphrase[moz_must_select_text]",
"moz_edit_config_file" : "$vbphrase[moz_edit_config_file]",
"enter_tag_option" : "$vbphrase[enter_tag_option]",
// standard only
"enter_text_to_be_formatted" : "$vbphrase[enter_text_to_be_formatted]",
"enter_link_text" : "$vbphrase[enter_link_text]",
"enter_list_type" : "$vbphrase[enter_list_type]",
"enter_list_item" : "$vbphrase[enter_list_item]",
// both
"must_enter_subject" : "$vbphrase[must_enter_subject]",
"message_too_short" : "$vbphrase[message_too_short]",
"enter_link_url" : "$vbphrase[enter_link_url]",
"enter_image_url" : "$vbphrase[enter_image_url]",
"enter_email_link" : "$vbphrase[enter_email_link]"
};
//-->
</script>

<form action="newreply.php" method="post" name="vbform" onsubmit="return checkQR(this);">

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
<tr>
<td class="tcat" colspan="2">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('quickreply')"><img id="collapseimg_quickreply" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_quickreply].gif" alt="" border="0" /></a>
<img class="inlineimg" src="$stylevar[imgdir_button]/quickreply.gif" alt="" title="$vbphrase[quick_reply]" border="0" <if condition="$debug">onclick="infoQR();"</if> />
$vbphrase[quick_reply]
</td>
</tr>
</thead>
<tbody id="collapseobj_quickreply" style="$vbcollapse[collapseobj_quickreply]">
<tr>
<td class="panelsurround" align="center">
<div class="panel">
<table cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td class="smallfont" align="$stylevar[left]">$vbphrase[message]:</td>
</tr>
<tr>
<td id="vBulletin_editor" align="$stylevar[left]">
<!-- <<<< indent back for ease of reading -->

<if condition="$WYSIWYG == 2">
<!-- wysiwyg quick reply -->

<div id="controlbar">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><div class="imagebutton" id="cmd_removeformat"><img src="$stylevar[imgdir_editor]/removeformat.gif" alt="$vbphrase[remove_text_formatting]" width="21" height="20" /></div></td>
<td><img src="$stylevar[imgdir_editor]/separator.gif" alt="" width="6" height="20" /></td>
<if condition="$vboptions[allowedbbcodes] & ALLOW_BBCODE_BASIC">
<td><div class="imagebutton" id="cmd_bold"><img src="$stylevar[imgdir_editor]/bold.gif" alt="$vbphrase[bold]" width="21" height="20" /></div></td>
<td><div class="imagebutton" id="cmd_italic"><img src="$stylevar[imgdir_editor]/italic.gif" alt="$vbphrase[italic]" width="21" height="20" /></div></td>
<td><div class="imagebutton" id="cmd_underline"><img src="$stylevar[imgdir_editor]/underline.gif" alt="$vbphrase[underline]" width="21" height="20" /></div></td>
<td><img src="$stylevar[imgdir_editor]/separator.gif" alt="" width="6" height="20" /></td>
</if>
<td><div class="imagebutton" id="cmd_wrap0_quote"><img src="$stylevar[imgdir_editor]/quote.gif" alt="$vbphrase[wrap_quote_tags]" width="21" height="20" /></div></td>
</tr>
</table>
</div>

<div class="controlbar">
<if condition="is_browser('ie')">
<div id="htmlbox" class="wysiwyg" style="width:500px; height:100px; padding:8px" tabindex="1"><p></p></div>
<else />
<iframe id="htmlbox" style="width:500px; height:100px" tabindex="1"></iframe>
</if>
<input type="hidden" name="message" id="qr_message" value="" />
<input type="hidden" name="WYSIWYG_HTML" value="" />
</div>

<script type="text/javascript" src="clientscript/vbulletin_editor.js"></script>
<script type="text/javascript" src="clientscript/vbulletin_wysiwyg.js"></script>
<if condition="!is_browser('ie')"><script type="text/javascript" src="clientscript/vbulletin_moziwyg.js"></script></if>

<!-- / wysiwyg quick reply -->
</if>


<if condition="$WYSIWYG == 1">
<!-- standard quick reply -->

<!-- MagicToolBox 2.5 for vB3 by Alawi BaAqeel -->
<script language="Javascript" src="toolbox.js"></script>
<script language="Javascript">
toolbox_backcolor = "#DADEDD";
toolbox_background ="backgrounds/33.gif";
btn_bordercolor = "black";
btn_backcolor_over = "cornsilk";
btn_backcolor_down = "white";
statusColor = "black";
tipColor = "maroon";
</script>
<STYLE TYPE="text/css">
.cbtn{
width:20px;
height:18px;
cursor:hand;
}
</STYLE>
<table dir="ltr" border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td align="center" oncontextmenu="return false" onselectstart="return false"
onmousedown="Capture(1)" onmouseup="Capture(0)" onmousemove="Capture(0)">

<script language="javascript">
showButtons();
showKeyboard();
</script>
</td></tr></table>

<script language="javascript">
var maxchars = $vboptions[postmaxchars];
var minchars = $vboptions[postminchars];
</script>

<!-- end of MagicToolBox 2.5 for vB3 -->

<!-- بداية وسم الإختصارات -->
<p align="center">
<input style="BORDER-RIGHT: #7d92a9 1px ridge; BORDER-TOP: #7d92a9 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #7d92a9 1px ridge; COLOR: #ffffff; BORDER-BOTTOM: #7d92a9 1px ridge; FONT-FAMILY: MS Sans Serif; BACKGROUND-COLOR: #0068a0" onclick="vbform.message.value=vbform.message.value + ' السلام عليكم ورحمة الله وبركاته ';" type="button" value="السلام" name="1" shape="text">
<input style="BORDER-RIGHT: #7d92a9 1px ridge; BORDER-TOP: #7d92a9 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #7d92a9 1px ridge; COLOR: #ffffff; BORDER-BOTTOM: #7d92a9 1px ridge; FONT-FAMILY: MS Sans Serif; BACKGROUND-COLOR: #0068a0" onclick="vbform.message.value=vbform.message.value + ' وعليكم السلام ورحمة الله وبركاته ';" type="button" value="رد السلام" name="2" shape="text">
<input style="BORDER-RIGHT: #7d92a9 1px ridge; BORDER-TOP: #7d92a9 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #7d92a9 1px ridge; COLOR: #ffffff; BORDER-BOTTOM: #7d92a9 1px ridge; FONT-FAMILY: MS Sans Serif; BACKGROUND-COLOR: #0068a0" onclick="vbform.message.value=vbform.message.value + ' بسم الله الرحمن الرحيم ';" type="button" value="البسملة" name="3" shape="text">
<input style="BORDER-RIGHT: #7d92a9 1px ridge; BORDER-TOP: #7d92a9 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #7d92a9 1px ridge; COLOR: #ffffff; BORDER-BOTTOM: #7d92a9 1px ridge; FONT-FAMILY: MS Sans Serif; BACKGROUND-COLOR: #0068a0" onclick="vbform.message.value=vbform.message.value + ' شكراً لك اخي الكريم على هذا المقال ';" type="button" value="شكر" name="5" shape="text">
<input style="BORDER-RIGHT: #7d92a9 1px ridge; BORDER-TOP: #7d92a9 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #7d92a9 1px ridge; COLOR: #ffffff; BORDER-BOTTOM: #7d92a9 1px ridge; FONT-FAMILY: MS Sans Serif; BACKGROUND-COLOR: #0068a0" onclick="vbform.message.value=vbform.message.value + ' كيف الحال إن شاء الله تكون بخير ؟ ';" type="button" value="سؤال" name="6" shape="text">
<input style="BORDER-RIGHT: #7d92a9 1px ridge; BORDER-TOP: #7d92a9 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #7d92a9 1px ridge; COLOR: #ffffff; BORDER-BOTTOM: #7d92a9 1px ridge; FONT-FAMILY: MS Sans Serif; BACKGROUND-COLOR: #0068a0" onclick="vbform.message.value=vbform.message.value + ' ألف مبروك .. لقد سعدت بهذا الخبر ';" type="button" value="تهنئة" name="8" shape="text">
<input style="BORDER-RIGHT: #7d92a9 1px ridge; BORDER-TOP: #7d92a9 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #7d92a9 1px ridge; COLOR: #ffffff; BORDER-BOTTOM: #7d92a9 1px ridge; FONT-FAMILY: MS Sans Serif; BACKGROUND-COLOR: #0068a0" onclick="vbform.message.value=vbform.message.value + ' الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين ';" type="button" value="بادئة" name="9" shape="text">
<input style="BORDER-RIGHT: #7d92a9 1px ridge; BORDER-TOP: #7d92a9 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #7d92a9 1px ridge; COLOR: #ffffff; BORDER-BOTTOM: #7d92a9 1px ridge; FONT-FAMILY: MS Sans Serif; BACKGROUND-COLOR: #0068a0" onclick="vbform.message.value=vbform.message.value + ' ههههههههههههههههههههههههههههههههه ';" type="button" value="ضحكه" name="9" shape="text"></p>
<p align="center"></p>
<!-- نهاية وسم الإختصارات -->

<!-- START NORMAL TEXT AREA -->
$vBeditTemplate[clientscript]

<div class="controlbar" style="text-align:$stylevar[left]">
<textarea name="message" rows="20" cols="60" wrap="virtual" style="width:500px; height:250px" tabindex="1">$newpost[message]</textarea>
</div>

<!-- END NORMAL TEXT AREA -->

<!-- / standard quick reply -->
</if>

<if condition="$WYSIWYG == 0">
<!-- no-toolbar quick reply -->

<div class="controlbar">
<textarea name="message" id="qr_message" class="bginput" style="width:500px; height:100px;" rows="5" cols="60" tabindex="1"></textarea>
</div>

<!-- / no-toolbar quick reply -->
</if>

<!-- >>>> outdent back to normal -->
</td>
</tr>
<tr>
<td align="$stylevar[left]">

<fieldset class="fieldset" style="margin:$stylevar[formspacer]px 0px 0px 0px">
<legend>$vbphrase[options]</legend>
<div>
<if condition="$bbuserinfo['signature']">
<div style="float:$stylevar[right]">
<label for="cb_signature"><input type="checkbox" name="signature" value="1" id="cb_signature" tabindex="5" checked="checked" />$vbphrase[show_your_signature]</label>
</div>
</if>
<label for="qr_quickreply"><input type="checkbox" name="quickreply" value="1" id="qr_quickreply" accesskey="w" tabindex="4" />$vbphrase[quote_message_in_reply]</label>
</div>
</fieldset>

</td>
</tr>
</table>
</div>

<div style="margin-top:$stylevar[cellpadding]px">
<input type="hidden" name="fromquickreply" value="1" />
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="do" value="postreply" />
<input type="hidden" name="t" value="$threadid" id="qr_threadid" />
<input type="hidden" name="p" value="$qrpostid" id="qr_postid" />
<input type="hidden" name="parseurl" value="1" />
<input type="hidden" name="clickedelm" value="" />
<input type="submit" class="button" value="$vbphrase[post_quick_reply]" accesskey="s" title="(Alt + S)" name="sbutton" tabindex="2" onclick="this.form.clickedelm.value=this.value" />
<input type="submit" class="button" value="$vbphrase[go_advanced]" accesskey="x" title="(Alt + X)" name="preview" tabindex="3" id="qr_preview" onclick="this.form.clickedelm.value = this.value" />
</div>
</td>
</tr>
</tbody>
</table>

</form>
<br />

<if condition="!is_browser('ie') AND $WYSIWYG == 2">
<!-- Mozilla work around for focusing on QR in WYSIWYG mode -->
<div id="qr_scroll"></div>
</if>

<script type="text/javascript" src="clientscript/vbulletin_quickreply.js"></script>
<!-- END WYSWIWYG QUICK REPLY -->

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

أنتهى الشرح ولو فيه أى أستفسارات برجاء وضعها هنا لمناقشتها وحلها فوراً بأذن الله

تحياتي لكم

VIP
06-04-2005, 04:28 AM
يعطيك الف الف عافيه فعلاً شرح واضح وبدون مشاكل وتمت التجربه 100%

ربع دينار
25-08-2005, 05:08 AM
يعطيك الف الف عافيه