بسم الله الرحمن الرحيم
بناء على طلب بعض الاخوه الكرام
بخصوص محرر الاكواد المتواجد في مدونتي
قررت اليوم ان اقدم لكم المحرر جاهز للإستخدام
اولا قم بالذهاب الى المدونة
ثم صفحات
ثم تقوم بإنشاء صفحة جديدة
تقوم بتحويل التبويب العلوي من "تأليف"
الى "Html"
قم بجذف اي اكواد تجدها في الصفحة
واضف الكود التالي
<div dir="rtl" style="text-align: right;" trbidi="on">
<br />
<button class="ayanabutton" onclick="preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()" style="float: left; padding: 9px;">معاينه الكود</button> <button class="ayanabutton" onclick="window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()" style="float: left; padding: 9px;">اِفراغ المحتوي</button><br />
<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="wrapper" style="margin: auto;">
<table 0="0" border="0" cellpadding="0" style="width: 1000px;"><tbody>
<tr> <td><table style="padding: 2px; width: 900px;"><tbody>
<tr><td valign="top"><form method="post" name="form1">
<textarea name="code" onclick="focus(this.code)" style="background: none repeat scroll 0% 0% rgba(3, 3, 3, 0.5); border: 1px solid rgba(255, 255, 255, 0.05); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4), 0px 2px 16px #000 inset; color: #555555; direction: ltr !important; float: left; font-family: arial; font-size: 17px; font-weight: bold; height: 600px; margin-left: 6px; margin-top: -34px!important; margin: 0px; padding: 5px; text-align: right; width: 250px;"> أضف هنا الكود المراد مشاهدته او التعديل عليه
</textarea></form>
</td><td valign="top"><iframe frameborder="0" name="preview" src="about:blank" style="border: 1px solid rgba(255, 255, 255, 0.05); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4), 0px 2px 16px #000 inset; color: #555555; direction: ltr !important; float: left; height: 598px; margin-top: -15px; padding: 5px; text-align: left; width: 715px;"></iframe></td></tr>
</tbody></table>
<br /></td></tr>
</tbody></table>
</div>
</div>
</div>
الان قم بالضغط على حفظ
انتهى موضوع اليوم
شكرا لمتابعتكم
معلومات التدوينه !
