طريقة عرض كود برمجة في صفحات الانترنت على شكل نص في المواضيع | مدونة سيف المصرى

طريقة عرض كود برمجة في صفحات الانترنت على شكل نص في المواضيع

طريقة عرض كود برمجة في صفحات الانترنت على شكل نص في المواضيع


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

في عدة طرق تعرض الكود على شكل نص في صفحات الويب, من ضمنها جلبت موقعين فيهم امكانية تحويل الكود الى نص مباشرة بدون اي ذكر للموقع الذي قام بعملية التحويل.
طبعاً بعض الموقع تحتفظ بالكود عنده وتمنح كود يعرض الكود على شكل نص وهذا غير مرغوب لانه يكون يحمل روابط من ضمن الكود وكثر الروابط تضر ترتيب الموقع لا احب هذا النوع


1- عرض كود برمجي ضمن نص في صفحة انترنت 

  • تحويل الكود الى نص بواسطة احد المواقع التالية allblogtools او opinionatedgeek وذلك بنسخة ولصقه في احد مواقع التحويل واعادته بصيغة نص جاهز
  • قم بلصقه في المكان الذي ترغب ولكن في (صفحة تحرير هتمل) ضمن الاكواد ليسى في التحرير المراي او التأليف
مثال على عرض الكود ضمن النصوص اليك كود مربع نص يعرض الاكواد ضمن النصوص والذي سانستخدمه في المثال الثاني


نتيجة المثال رقم 1
<form>
<textarea cols="55" name="code" onfocus="this.select()" rows="7">ضع الكود هنا</textarea></form>
<div align="left">



2- عرض كود في مربع معين ضمن النصوص مع امكانية سكرول بار
طريقة وضع الكود في مربع نص دون الحاجه الى تغييرة في اي موقع 

  • انسخ الكود التالي والصقه في صفحة تحرير هتمل
  • الصق الكود الذي ترغب في عرضه مكان عبارة ضع الكود هنا

كود مربع نص لعرض الاكواد على شكل نص مباشرة دون الحاجة الى اي اجرا اخر
<div align="center">
<form>
<textarea cols="55" name="code" onfocus="this.select()" rows="7">ضع الكود هنا</textarea></form>
<div align="left">
<ol></ol>

التحكم في حجم المربع يتم ذلك بواسطة تغيير الرقم 7 للعرض والرقم 55 للطول


نتيجة المثال رقم 2





واذا ترغب ان يكون للكود المحول اطار اليك الكود التالي كود الاطار الموجود في الاطار التالي
عبارة عن كود تلصقة في صفحة تحرير الهتمل وتاتي بلكود الذي ترغب عرضه بعد تغييرة في احد المواقع السابقه وقم بلصقه مكان عبارة ضع النص هنا 

كود اطار
<table border="1">
<caption>ضع العنوان هنا</caption>
<tr>
<th>ضع النص هنا</th>
</tr>
</table>

.

لا تعليقات على : "طريقة عرض كود برمجة في صفحات الانترنت على شكل نص في المواضيع"

أضف تعليق أضف تعليق

Related Posts Plugin for WordPress, Blogger...
free counters

.......

ساهم فى نشر الموضوع واخبر اصدقائك
 
-->

أدلة االمواقع والمدونات

Preview on Feedage: wwwincome-egcocc-%D9%85%D8%AF%D9%88%D9%86%D8%A9-%D8%B3%D9%8A%D9%81-%D8%A7%D9%84%D9%85%D8%B5%D8%B1%D9%89 Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Add to Spoken to You
hitstatus bandwidth test Ping your blog, website, or RSS feed for Free Powered by FeedBurner Feedage Grade A rated Promote Your Blog

التحليلات

البيج رانك و ترتيب اليكسيا

احصائيات المواضيع والتعليقات

ليصلك التحديثات مباشرة في ايميلك !!

ضع بريدك الالكتروني:

مدعوم من فييد برنر