كيفية إدراج ظلال انسخ الكود HTML

<br />
  <form name=Copy>
<br><br />
<br><br />
<br><br />
<p align="center">
<input
onClick=javascript:this.form.txt.focus();this.form.txt.select();
type=button value="ظلال انسخ الكود" name="button" style="font-family:
Tahoma; background-color: #C4F0FF; color: #000080; border-style: solid;
border-color: #000080"><br />
<br><br />
<br><br />
<br><br />
<p align="center">
<textarea rows="8" name="txt" cols="52"
style="color: #000080; background-color: #DDEEFF; border-style:
solid">

<br />
  <form name=Copy>

<br><br />
<br><br />
<br><br />
<p align="center">
<input
onClick=javascript:this.form.txt.focus();this.form.txt.select();
type=button value="ظلال انسخ الكود"button" style="font-family:
Tahoma; background-color: #F8F8F8; color: #000000; border-style: solid;
border-color: #000000"><br />
<br><br />
<br><br />
<br><br />
<p align="center">
<textarea rows="8" name="txt" cols="52"
style="color: #000000; background-color: #F8F8F8; border-style:
solid">ظلال انسخ الكود

<br />
  <form name=Copy>
<br><br />
<br><br />
<br><br />
<p align="center">
<input
onClick=javascript:this.form.txt.focus();this.form.txt.select();
type=button value="ظلال انسخ الكود"button" style="font-family:
Tahoma; background-color: #FFFFCC; color: #000000; border-style: solid;
border-color: #FF0000"><br />
<br><br />
<br><br />
<br><br />
<p align="center">
<textarea rows="8" name="txt" cols="52"
style="color: #000000; background-color: #FFFFCC; border-style:
solid">ظلال انسخ الكود

<form name="form1">
<div style="text-align: center;">
<textarea cols="50" name="demo" readonly="" rows="2">الكود الذي سوف تضع
</textarea> </div>
<div style="text-align: center;">
 &nbsp;<input name="selectit" onclick="selectAll ();" type="button" value="تحديد الكل" /></div>
<div style="text-align: center;">
<br /></div>
</form>
</div>

<br />
  <form name=Copy>
<br><br />
<br><br />
<br><br />
<p align="center">
<input
onClick=javascript:this.form.txt.focus();this.form.txt.select();
type=button value="تظليل الكود" name="button" style="font-family:
Tahoma; background-color: 00FFFF; color: #000000; border-style: solid;
border-color: #00FFFF"><br />
<br><br />
<br><br />
<br><br />
<p align="center">
<textarea rows="8" name="txt" cols="52"
style="color: #000080; background-color: #00FFFF; border-style:
solid">

<div class="moacwad">
<form method="post" name="form1">
<textarea name="code" onclick="focus(this.code)" placeholder="أضف الكود الذي تريد معاينته"></textarea>
</form>
<iframe frameborder="0" name="preview" src="about:blank"></iframe><br>
<div class="widget HTML" data-version="1" id="HTML6">
</div>
<button class="moaina" onclick="preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">  معاينــة</button>
<button class="tanzef" onclick="window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()"> تنظيـف </button>
</div>

<div class="moacwad">
<form method="post" name="form1">
<textarea name="code" onclick="focus(this.code)" placeholder="" style="background-color: rgba(13, 14, 14, 0.8); box-shadow: black 1px 2px 1px 8px inset; color: #f5f8fa; height: 200px; margin: 0px; text-shadow: black 0px 0px 8px; width: 400px;"></textarea>
</form>
<font size="5"><iframe frameborder="1" name="preview" src="about:blank"></iframe></font><br />
<div class="widget HTML" data-version="1" id="HTML6">
</div>
<button class="moaina" onclick="preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">  معاينــة</button>
<button class="tanzef" onclick="window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()"> تنظيـف </button>
</div>

<div class="moacwad">
<form method="post" name="form1">
<textarea name="code" onclick="focus(this.code)" placeholder=""
style="background-color: rgba(13, 14, 14, 0.8); box-shadow:
black 1px 2px 1px 8px inset; color: #f5f8fa; height: 200px;
 margin: 0px; text-shadow: black 0px 0px 8px; width: 400px;"></textarea>
</form>
<font size="5"><iframe frameborder="1" name="preview" src="about:blank"></iframe></font><br />
<div class="widget HTML" data-version="1" id="HTML6">
</div>
<button class="moaina" onclick="preview.document.write
 (document.getElementsByTagName ('TEXTAREA')[0].value);
 preview.document.close(); preview.focus()">  معاينــة</button>
<button class="tanzef" onclick="window.document.form1.code.value='
';preview.document.write (document.getElementsByTagName ('TEXTAREA')
[0].value); preview.document.close(); preview.focus()"> تنظيـف </button>
</div>

<td><button onclick="preview.document.write
(document.getElementsByTagName
 ('TEXTAREA')[0].value); preview.document.close();
 preview.focus()">معاينة</button>
<button id="#send" onclick="window.document.form1.code
.value='';preview.document.write
(document.getElementsByTagName ('TEXTAREA')[0].value);
preview.document.close(); preview.focus()">
حذف الكل </button><br>
<table style="width: 600px;"><tbody>
<tr><td valign="top"><br>
<form method="post" name="form1">
<textarea name="code" onclick="focus(this.code)"
 style="border-radius: 13px; border: solid 1px #000; color: #a3a3a3; font-family:
 arial; font-size: 12px; font-weight: bold; height: 350px; margin: 0px; padding:
5px; scroll: auto; width: 220px;">Add HTML Code Here </textarea></form>
</td><td valign="top"><br>
<iframe frameborder="0" name="preview" src="about:blank" style="background:
#ffffff; border-radius: 13px; border: solid 1px #000; height: 340px; padding:
5px; width: 340px;"><br /></iframe><br></td>
</tr><div class="widget HTML" data-version="1" id="HTML202">
</div>
</tbody></table>
</td>

<div class="moacwad">
<form method="post" name="form1">
<textarea name="code" onclick="focus(this.code)"
placeholder="أضف الكود الذي تريد معاينته" style="margin: 0px;width:
 610px;height: 300px;background-color:
#9a9a9a;background-color: #FFFF99;"></textarea>
</form>
<iframe frameborder="0" name="preview"
 src="about:blank"></iframe><br>
<div class="widget HTML" data-version="1"
id="HTML6">
</div>
<button class="moaina" onclick="preview.document.write
(document.getElementsByTagName ('TEXTAREA')[0].value);
 preview.document.close(); preview.focus()">  معاينــة</button>
<button class="tanzef" onclick="window.document.
form1.code.value='';preview.document.write
(document.getElementsByTagName ('TEXTAREA')[0].value);
preview.document.close(); preview.focus()"> تنظيـف </button>
</div>

<div class="moacwad">
<form method="post" name="form1">
<textarea name="code" onclick="focus(this.code)"
placeholder=" تصميم النميرى أضف الكود الذي تريد معاينته" style="margin: 0px;width:
 300px;height: 200px;background-color: #9a9a9a;background-color:
 #FFFF99;"></textarea>
</form>
<iframe frameborder="0" name="preview" src="about:blank"></iframe><br>
<div class="widget HTML" data-version="1" id="HTML6">
</div>
<button class="moaina" onclick="preview.document.write
(document.getElementsByTagName ('TEXTAREA')[0].value);
 preview.document.close(); preview.focus()">  معاينــة</button>
<button class="tanzef" onclick="window.document.form1.code.
value='';preview.document.write (document.getElementsByTagName
 ('TEXTAREA')[0].value); preview.document.close();
preview.focus()"> تنظيـف </button>
</div>

<div class="code-container">
<h2>الأكواد البرمجية</h2>
<div class="aftercode-container">
<h3>نوع الكود</h3>
<select class="code-type">
<option value="HTML">HTML</option>
<option value="CSS">CSS</option>
<option value="Javascript">Javascript</option>
<option value="JQuery">Jquery</option>
<option value="CODE">Code</option>
</select><br><br>
<textarea id="my_input" placeholder="الصق أكوادك هنا"
 class="normal-input code-content" cols="50"
rows="15" spellcheck="false"></textarea>
  <button class="btn code-generate"
title="توليد الكود">توليد الكود</button>
<textarea id="my_inputgenerate" class="code-generated"
 placeholder="قم بنسخ الكود بعد توليده" readonly="readonly" cols="50"
 rows="15" spellcheck="false"></textarea>
  <button onclick="CopyAll("my_inputgenerate");"
 class="btn buttoncopy" title="نسخ">نسخ الكود</button>
  <button onclick="clearField("my_input")
;clearField("my_inputgenerate");" class="
btn buttondelete" title="مسح">مسح الكود</button>
</div></div>

<div dir="rtl" style="text-align: right;" trbidi="on">
<center>

<iframe frameborder="0" height="240px" marginheight="0px"
marginwidth="0px" name="myiFrmo" scrolling="no" src="
data:text/html;base64,PGh0bWw+PGhlYWQ+C
jxtZXRhIGh0dHAtZXF1aXY9ImNvbnRlbnQtdHlwZS
IgY29udGVudD0idGV4dC9odG1sOyBjaGFyc2V0PVVUR
i04Ij4KPG1ldGEgY2hhcnNldD0idXRmLTgiPgo8c3R5bG
UgdHlwZT0idGV4dC9jc3MiPgpib2R5IHttYXJnaW46IDA7c
GFkZGluZzogMDt9CnRleHRhcmVhIHsKICBiYWNrZ3JvdW5kL
WNvbG9yOiAjNTU1OwogIGJvcmRlcjogMCBub25lOwogIGNvb
G9yOiAjZmZmOwogIGRpcmVjdGlvbjogbHRyOwogIGRpc3BsY
Xk6IGJsb2NrOwogIGZsb2F0OiByaWdodDsKICBmb250OiAxNH
B4IGFyaWFsOwogIGhlaWdodDogMjAwcHg7CiAgcGFkZGluZzo
gNXB4OwogIHRleHQtYWxpZ246IGxlZnQ7CiAgd2lkdGg6IDEwM
CU7Cn0KaW5wdXQgewogIGJhY2tncm91bmQtY29sb3I6ICNlZWU7
CiAgYm9yZGVyOiAwIG5vbmU7CiAgYm94LXNoYWRvdzogMCAwIDF
weCAjYmJiIGluc2V0OwogIGNvbG9yOiAjNDQ0OwogIGN1cnNvcj
ogcG9pbnRlcjsKICBkaXNwbGF5OiBibG9jazsKICBmbG9hdDogcm
lnaHQ7CiAgZm9udDogYm9sZCAxNHB4IHRhaG9tYTsKICBtYXJnaW4
tdG9wOiAtMXB4OwogIHBhZGRpbmc6IDVweCAwIDhweDsKICB0ZXh0L
WFsaWduOiBjZW50ZXI7CiAgdHJhbnNpdGlvbjogYWxsIDAuN3MgZWF
zZSAwczsKICB3aWR0aDogNTAlOwp9CmlucHV0OmhvdmVyIHsgYmFja2
dyb3VuZC1jb2xvcjogIzQ0NkZBQTsgY29sb3I6ICNmZmY7fQo8L3N0eW
xlPgo8c2NyaXB0IHR5cGU9InRleHQvamF2YXNjcmlwdCI+Ci8vPCFbQ0R
BVEFbCmZ1bmN0aW9uIGh0bWwyZW50aXRpZXMoKXsKdmFyIHJlPS9bPD4iJ
yZdL2cKZm9yIChpPTA7IGk8YXJndW1lbnRzLmxlbmd0aDsgaSsrKQphcmd1
bWVudHNbaV0udmFsdWU9YXJndW1lbnRzW2ldLnZhbHVlLnJlcGxhY2UocmUs
IGZ1bmN0aW9uKG0pe3JldHVybiByZXBsYWNlY2hhcihtKX0pCn0KZnVuY3Rpb
24gcmVwbGFjZWNoYXIobWF0Y2gpewppZiAobWF0Y2g9PSI8IikKcmV0dXJuIC
ImbHQ7IgplbHNlIGlmIChtYXRjaD09Ij4iKQpyZXR1cm4gIiZndDsiCmVsc2U
gaWYgKG1hdGNoPT0iXCIiKQpyZXR1cm4gIiZxdW90OyIKZWxzZSBpZiAobWF0Y2
g9PSInIikKcmV0dXJuICImIzAzOTsiCmVsc2UgaWYgKG1hdGNoPT0iJiIpCnJld
HVybiAiJmFtcDsiCn0KLy9dXT4KPC9zY3JpcHQ+CjxzY3JpcHQgdHlwZT0idGV4d
C9qYXZhc2NyaXB0Ij4KLy88IVtDREFUQVsKLy9DaGFyYWN0ZXIgY291bnQgc2NyaX
B0CmZ1bmN0aW9uIGNvdW50aXQod2hhdCl7CmZvcm1jb250ZW50PXdoYXQuZm9ybS5j
aGFyY291bnQudmFsdWUKd2hhdC5mb3JtLmRpc3BsYXljb3VudC52YWx1ZT1mb3JtY2
9udGVudC5sZW5ndGgKfQovL11dPgo8L3NjcmlwdD4KPC9oZWFkPgo8Ym9keT4KPGZvc
m0+Cjx0ZXh0YXJlYSBuYW1lPSJkYXRhMSIgcGxhY2Vob2xkZXI9Ii4uLiDYo9i22YEg
2KfZhNmD2YjYryDYp9mE2YXYsdin2K8g2KrYrdmI2YrZhNmHINmH2YbYpyI+PC90ZXh
0YXJlYT48YnI+CjxpbnB1dCBjbGFzcz0idGFod2VsY25tdSIgbmFtZT0iYnV0dG9uIi
Agb25jbGljaz0iaHRtbDJlbnRpdGllcyh0aGlzLmZvcm0uZGF0YTEpIiB2YWx1ZT0i2K
rYrdmI2YrZhCIgdHlwZT0iYnV0dG9uIj4gCjxpbnB1dCBjbGFzcz0iaGF6ZmNubXUib
mFtZT0iQ2xlYXIiIHZhbHVlPSIgINmF2LPYrSAgIiB0eXBlPSJyZXNldCI+Cgo8L2Zvc
m0+Cgo8L2JvZHk+PC9odG1sPgo=" style="border: 0px none; max-width:
600px;" width="100%"></iframe>
</center>
</div>

<form id="cnmuencry">
<div style=" border-bottom: 1px solid #999;
color: #555; display: block !important;
 font: bold 16px droid arabic kufi,tahoma;
 margin: 0 -10px 10px -15px;  padding: 0 0
10px;  text-align: center;">آداة <a target="_blank"
rel="dofollow" href="http://cnmu.blogspot.com"
style=" color: #555; display: inline-block !i
mportant; text-decoration: none;">‏</a> لتشفير اكواد الجافا</div>
<textarea placeholder="أضف هنا كود الجافا المراد تشفيره كاملاً يشمل وسم الفتح <script> ووسم الغلق
 </script>" cols="70" wrap="virtual" rows="8" name="kodeawal"
 class="input_1" id="textencry1"></textarea>
<p style="text-align: center;">
<input type="button" name="B1" value="تشفير"
 onclick="enkrip(this.form,this); return true"><div
 class="widget HTML" data-version="1" id="HTML102">
</div>
<input type="reset" name="B2" value="تنظيف">
<input type="hidden" name="metode" value="xor">
<input type="hidden" name="parameter" value="2">
<input type="hidden" name="preview" value="Tidak"> </p>
<p style="text-align: center;">
<input onclick="convert();" type="button"
value="إذا كنت ستضيف الكود داخل القالب اضغط هنا بعد الضغط على تشفير">
</p>
<textarea cols="70" wrap="virtual" rows="8"
name="hasil" class="input_1" id="textencry2"
style="margin: 0px; width: 478px; height: 159px;"></textarea>
</form>