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

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


ابن روق
29-06-2005, 03:16
بسم الله الرحمن الرحيم

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

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
نختار حفظ



يتبع تكملة الشرح في الصفحه التاليه

ابن روق
29-06-2005, 03:48
تابع شرح تركيب الصندوق السحري
الخطوة الثالثة /التعديل في التمبلتات
من الستايلات & القوالب
نختار مع بعض ( البحث في القوالب)
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
ونقوم بضغط حفظ

ابن روق
29-06-2005, 03:50
يتبع شرح الصندوق السحري


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

الان وللمرة الخامسة والاخيره نقوم نبحث عن تمبليت 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 -->

ملاحظه هذه تمبليت خاص بالصندوق السحري مع الرد السريع
وهو مختصر

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

ابوسامي
29-06-2005, 11:12
الله يعطيك الف عافية اخوي ابن روق
على المجهوووووووووووود

عيون الخليج
30-06-2005, 12:37
مشكووووووووووووووووووووور ابن روق على المعلوومه القيمه مع اني مو فااهمه شى

بس اكيد انه شى مهم وضروري

ابن روق
11-07-2005, 10:43
يسلمووو اخوي فاقد على تواجدك
تحياتي


يسلمووو عيون السهارى على تواجدك

هذا الله يسلمك اسمه الصندوق السحري أو الصندوق الماسي
الي يجي في اعلا تحرير المشاركه وتتواجدفيه اختيارات الصوره
ولون الخط وحجمه وكل مايتعلق في تحرير المشاركه

واكيد هذا مايستغني عنه اي منتدى بذات في اضافة موضوع جديد
مع انه يمكن الاستغناء عنه في الرد السريع

وهو عموما يهم اصحاب المنتديات والمواقع

يعطيك العافيه على تواجدك
تحياتي

الـــســـاهـــر
24-07-2005, 07:47
مشكور على المعلومات القيمه

ابن روق
26-07-2005, 12:23
مشكوووور على تواجدك الكريم

ابن روق
13-11-2006, 06:39
قوالب الصندوق السحري في ملف واحد

نٍـٍبُـٍعٍ اٍلَوٍفٍاً
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

ابن روق
14-11-2006, 07:29
اهلا وسهلا فيك هديل

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

دمتي بخير