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

<!-- / بداية اكواد الصندوق الماسي تطوير ابو عمر -->
<!-- /الرجاء عدم ازالة الحقوق www.bdr130.net -->
<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>
<!-- / نهاية اكواد الصندوق الماسي تطوير ابو عمر -->
<!-- /الرجاء عدم ازالة الحقوق www.bdr130.net -->

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 -->[/code

<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:600px; height:100px; padding:8px" tabindex="1"><p></p></div>
		<else />
			<iframe id="htmlbox" style="width:600px; 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, 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 -->
<!-- / 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:600px; 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 -->