مشاهدة النسخة كاملة : هاك الصندوق السحري مع الشرح المصور لتركيبه
بسم الله الرحمن الرحيم
هاك الصندوق السحري بالاضافه إلى شرح تركيبه
http://www.seheb.net/form/hh/Image28.jpg
الخطوة الأولى /الملف المضغوط وترتيبه
اول شئ تعمله انك تحمل الملفات الموجود داخل المجلد vp المرفق هنا (http://www.seheb.net/form/hh/toolbox.zip)
ترفع الملفات اللي فيه زي ما هو مرتب في الصوره التاليه
http://www.seheb.net/form/hh/0.jpg
images يتم تحميل الموجود به في مجلد images
includes يتم تحميل الموجود به في مجلد includes
اما الملفات التي لاتوجد ملفات اخري مشابها له فيتم تحميله داخل مجلد المنتدي الاساسي
بعد ذلك قاعده حيث يتم زراعته قي قاعده المنتدي عن الموقع
http://www.seheb.net/form/hh/998.jpg
bbcode-vb3
وطريقه تركيبه سهله جدا وهو بعد دخول علي ***ة تحكم الموقع اختر
MySQL Databases
http://www.seheb.net/form/hh/mysql.jpg
اسفل الصفحه تجد هذا الخياراضغط عليه
phpMyAdmin
http://www.seheb.net/form/hh/000.jpg
سوف تفتح معك صفحة جديده
بعد اختياراسم القاعده
http://www.seheb.net/form/hh/9990.jpg
اختر SQL
http://www.seheb.net/form/hh/0001.jpg
بعد ذلك ازرع القاعده
فقط قم بزرع القاعده هنا
http://www.seheb.net/form/hh/999.jpg
الخطوة الثانية/تنزيل الخيارات
قائمة خيارات المنتدي و نختار منها
ومن هناك
يتم اخيارات اعدادات أكواد الBB
زي ما متوضح بالصورة نضغط عليها دوبل كليك علشان نعدل اعداداتها
http://www.seheb.net/form/hh/2.jpg
زي ما الصورة نشيل علامة الصح من خيار[LIST]
http://www.seheb.net/form/hh/3.jpg
نختار حفظ
اذهب الأن الى الخيارات مررة أخرى نروح الى
خبارات اضافة وتعديل مواضيع
ومن هناك نختار الخيار الثالث أو الرابع
http://www.seheb.net/form/hh/4.jpg
نختار حفظ
اذهب الأن الى الخيارات مررة أخرى نروح الى
خيارات واجهة إضافة المشاركه زي ما واضح في الصورة
زي ما واضح هانختار خيار تعطيل السيطرة
http://www.seheb.net/form/hh/5.jpg
نختار حفظ
يتبع تكملة الشرح في الصفحه التاليه
تابع شرح تركيب الصندوق السحري
الخطوة الثالثة /التعديل في التمبلتات
من الستايلات & القوالب
نختار مع بعض ( البحث في القوالب)
http://www.seheb.net/form/hh/Image18.jpg
ونبحث عن تمبليت editor_toolbar_wysiwyg
http://www.seheb.net/form/hh/Image19.jpg
زي ما واضح في الصورةنضغط عليه دوبل كليك علشان نحرره كما في الصورة
http://www.seheb.net/form/hh/Image20.jpg
و نضيف الكود التالي في التمبليت بعد حذف القديم الموجود به
<!-- MagicToolBox 2.5 for vB3 by Alawi BaAqeel, software@rayaheen.net -->
<script language="Javascript" src="toolbox.js"></script>
<script language="Javascript">
toolbox_backcolor = "#DADEDD";
toolbox_background ="seheb/0.jpg";
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 -->
<!-- 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:$stylevar[messagewidth]; height:250px" tabindex="1">$newpost[message]</textarea>
</div>
<!-- END NORMAL TEXT AREA -->
ونقوم بضغط حفظ
الان نبحث عن تمبليت editor_toolbar_standard بنفس الطريقة السابقة
و نضيف الكود التالي في التمبليت بعد حذف القديم الموجود به
<!-- MagicToolBox 2.5 for vB3 by Alawi BaAqeel, software@rayaheen.net -->
<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 -->
<!-- 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:$stylevar[messagewidth]; height:250px" tabindex="1">$newpost[message]</textarea>
</div>
<!-- END NORMAL TEXT AREA -->
ونقوم بضغط حفظ
الان وللمرة الثالثه نقوم نبحث عن تمبليت editor_toolbar_off بنفس الطريقة السابقة
و نضيف الكود التالي في التمبليت بعد حذف القديم الموجود به
<!-- MagicToolBox 2.5 for vB3 by Alawi BaAqeel, seheb@seheb.net -->
<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 -->
<!-- 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:$stylevar[messagewidth]; height:250px" tabindex="1">$newpost[message]</textarea>
</div>
<!-- END NORMAL TEXT AREA -->
ونقوم بضغط حفظ
الان وللمرة الرابعة نقوم نبحث عن تمبليت headinclude بنفس الطريقة السابقة
و نضيف الكود التالي في التمبليت في اول الجدول headinclude
بدون ان نحذف شي من التمبليت
<script language="javascript" src="poem.js"></script>
<script language="javascript" src="mycodes.js"></script>
<script language="JavaScript">
<!--
function stopError() {
return true;
}
window.onerror = stopError;
// -->
</script>
<STYLE>
.rainbow{ behavior:url(rainbow.htc) }
</STYLE>
<script>
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</script>
<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript1.2">
var rector=3
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
</script>
<script language="JavaScript1.2">
function flashit(){
if (!document.all)
return
if (myexample.style.borderColor=="blue")
myexample.style.borderColor="red"
else
myexample.style.borderColor="blue"
}
setInterval("flashit()", 200)
</script>
طبعا الاضافة تكون في بدايه تمليت
http://www.seheb.net/form/hh/headinclude.jpg
ونقوم بضغط حفظ
يتبع شرح الصندوق السحري
الاكواد هذي لو ماتضيفها لن يعمل كثير من مزايا الصندوق الماسي مثل مؤثرات الصور
والنصوص الملونه المتحركه والشعر والاطار والتموج للون وووو الخ
الان وللمرة الخامسة والاخيره نقوم نبحث عن تمبليت showthread_quickreply بنفس الطريقة السابقة
و نضيف الكود التالي في التمبليت بعد حذف القديم الموجود به
<script type="text/javascript">
<!--
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="toolbox1.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 -->
<!-- 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 -->
ملاحظه هذه تمبليت خاص بالصندوق السحري مع الرد السريع
وهو مختصر
وفي الختام
احب اوضح ان هذا الشرح هو من جهد الاخ ابو فيصل من شبكة سحب
جراه الله خير على هالمجهود
وتقبلوا جميعاً تحياتي
الله يعطيك الف عافية اخوي ابن روق
على المجهوووووووووووود
عيون الخليج
30-06-2005, 12:37
مشكووووووووووووووووووووور ابن روق على المعلوومه القيمه مع اني مو فااهمه شى
بس اكيد انه شى مهم وضروري
يسلمووو اخوي فاقد على تواجدك
تحياتي
يسلمووو عيون السهارى على تواجدك
هذا الله يسلمك اسمه الصندوق السحري أو الصندوق الماسي
الي يجي في اعلا تحرير المشاركه وتتواجدفيه اختيارات الصوره
ولون الخط وحجمه وكل مايتعلق في تحرير المشاركه
واكيد هذا مايستغني عنه اي منتدى بذات في اضافة موضوع جديد
مع انه يمكن الاستغناء عنه في الرد السريع
وهو عموما يهم اصحاب المنتديات والمواقع
يعطيك العافيه على تواجدك
تحياتي
الـــســـاهـــر
24-07-2005, 07:47
مشكور على المعلومات القيمه
مشكوووور على تواجدك الكريم
قوالب الصندوق السحري في ملف واحد
نٍـٍبُـٍعٍ اٍلَوٍفٍاً
14-11-2006, 06:36
http://www.afwajala7iba.net/up-pic/uploads/230b05d016.gif
~~:..: :..:~~
السلام عليكم ورحمة الله وبركاااته
//
\\
الف شكر لك ابن روق على هالمجهود الطيب ...
ما ننحرم من تواجدك ..
ويعطيـك ربــي ألف عــــافية ...
لـك فائق الاحترام والتقدير . . . .
عيــن الله ترعـــاك ..
~~:..:هـــديل الحب :..:~~
http://www.uaechats.com/vb/attachment.php?attachmentid=444&stc=1&d=1156579209
اهلا وسهلا فيك هديل
اسعدني تواجدك الكريم
دمتي بخير
vBulletin® v3.8.1, Copyright ©2000-2012, Jelsoft Enterprises Ltd.