عرض الاكواد (html,java..) داخل المواضع / التدوينات



السلام عليكم ورحمة الله وبركاته
بسم الله الرحمان الرحيم  الصلاة والسلام على المصطفى خير الهدي محمد رسول الله صلى الله عليه وسلم وعلى آله وصحبه اجمعين..
ان شاء الله في هذا الموضوع  سنطبق طريقة اظهار الاكواد (html,java,..) في المواضع 
الامر بسيط لا توجد فيه صعوبات..

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

ابحث عن

]]></b:skin>

اضف قبله مباشرة هذا الكود

pre {
  text-align: left;
  background: #EEF2F5; border: 3px solid #a6b0bf;
  color: #000000; font: 13px tahoma;
  overflow: auto; padding: 5px;
font-weight: bold;
}
pre:hover {
  border: 0px solid #ccc;
background: #fe9;
}

بعد الانتهاء من هذه المرحلة نقوم بحفظ العمل
الان ناتي لكود html الذي سنقوم باضافته في الموضوع كل ما نريد اضافة كود في الموضوع
الكود هو

<pre> </pre>
 

حيث سنضع الكود وبدخله الكود المراد اظهاره
كمثال :

هنا سنضع الكود المراد اظهاره ان شاء الله الامر واضح

ملاحظة : لاضافة كود الاساسي يجب اضافته في وضع تحرير html وليس تاليف لانه سيقوم بإظهار الكود كما هو.

بالتوفيق للجميع



ليست هناك تعليقات:

إرسال تعليق

..{ مَا يَلْفِظُ مِن قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ }..

تواصل معي

تويتر

حسابي الشخصي على موقع تويتر.

تويتر

يوتيوب

قناتي الخاصة بالشروحات على موقع يوتيوب.

يوتيوب

فايس بوك

صفحتي الشخصية على موقع فايس بوك.

فايس بوك