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

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

السلام عليكم ورحمة الله وبركاتة
العديد من المدونين يحبون وضع أكواد html التي يضعونها في  شروحاتهم داخل اطار احترافي
وذلك يؤكد للزائر على التقنية التي يمتلكها المدون ...
اليوم جئتكم بالحل و هو عبارة عن خلفية على شكل صفحة كتاب غاية في الروعة 
تنظم لك أكوادك تسهل على الزائر عملة نسخ الأكواد دون عناء الصعود و النزول 
كما أنها سهلى التركيب و لا تحتاج الى مجهود كبير .




مـدونــة مـحـمـد فــريــد - http://mfarud.blogspot.com/




طريقة التركيب

  1. الان قم بالدخول إلى لوحة تحكم المدونة
  2. اختر قالب 
  3. ثم انقر فوق تحرير HTML
ابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه


<!-- / --بداية كود مربع نص داخل اطار-->
.rtcv {
margin : 15px 35px 15px 15px;
padding : 20px 10px 10px 35px;
background : #EEEEEE url(http://3.bp.blogspot.com/-VnpssMfKRpg/VIUWYyiyPxI/AAAAAAAAAC8/EzrzInMUkw4/s1600/back.png) repeat-y top left;
border-top : 1px solid #AAAAAA;
border-right : 1px solid #AAAAAA;
border-bottom : 1px solid #AAAAAA;
border-left : 1px solid #AAAAAA;
}
<!-- / --نهاية كود مربع نص داخل اطار-->

ثم قم بحفظ القالب.
و الان عندما تريد وضع أي كود لا تضعه في خانة تأليف بل ضعه في خانة تحرير html 
الكود يجب وضعه على الشكل التالي 


كيفية الاستخدام

عند كتابة موضوع جديد تنتقل إلى وضع HTML  و قم بوضع الاكواد التي تريدها مكان الكتابات التي باللون الاحمر





<div class="rtcv">
ضع الكود هنا
</div>

ملاحظة مهمة جدآ

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


هناك تعليق واحد: