تميز الأكواد المصدرية في البلوجر بطرقة احترافية

04‏/07‏/2010
مدونة مهند ناصر:بسم الله الرحمن الرحيم اليوم سأقدم درس عن كيفية تميز الأكود التي تعرضها في التدوينات بطريقة متناسبة وتناسقة وجميلة وبسهولة تامة اخواني الكرام لن اطيل عليكم الطريقة سهلة جدا

سأبدئ بالشرح الأن
وهذا الدرس الذي قدمه الأخ ذؤيب سيساعدك على كيفية عرض الكود وتنسيقه
وانا في هذا الدرس سأتحدث عن المظهر الذي والخلفة للكود 
معاينة للدرس 
<script type="text/javascript">
document.write("Hello World!")
</script>
كما رايتم الكود سيضهر باطريقة السابقة سأبد بالشرح

اخواني الكرام العملية سهلة جدا الكود الذي تريد ان تميزه يجب عليك تضليله والضغط على اداة الأقتباس


ابحث عن هذا الكود(ctrl+f)
]]></b:skin>
واعلاه اي فوقه مباشرة ضع الكود التالي
blockquote {
background:none repeat scroll 0 0 #eeeeee;
padding:10px;
border:1px solid #1D4C9A;
-moz-border-radius:20px 0 20px 0;
font:1em/1.5em Tahoma;
margin:10px 0
}
blockquote:hover {
background:none repeat scroll 0 0 #EAF5FB;
border:1px solid #90C0DF;
}
والأن احفظ القالب واذهب الى تدوينة واستخدم اداة الأقتباس وعاين التدوينة وبأذن الله سينجح الدرس والطريقة
ملا حضة : الفقرة الأولى من الكود للحالة العادية اما الفقرة الثانية للحلة النشطة عند تأشير الماوس على الكود(hover) الكود css قابل للتعديل لكي يناسب الوان مدونتك عدل واستفسر وانا جاهز في اي وقت بأذن الله .اخوكم مهند ناصر

*ملاحضة :. من لم تنجح معه الطريق اتمنا ان يضيف تعليق بالمشكلة ويضيف رابط مدونته وبأذن الله سيتم المساعده في اسرع وقت.
اخوكم مهند ناصر

كلمات للبحث
اضافات للبلوجر,تميز الأكواد,تميز الأكواد المصدرية,مدونات البلوجر,الأكواد في المدونات

3 تعليق على تميز الأكواد المصدرية في البلوجر بطرقة احترافية

سهيل يقول... @ 8 أغسطس 2010 8:36 ص

الطريقة ناجحة 100 % شكرا لك أخي على ماتقدمه للناشرين العرب و إللى الأمام دائما ..... تحياتي أخوك في الله سهيل سعيد .

mido يقول... @ 23 أغسطس 2010 12:00 ص

تسلم ايدك يافنان طريقة رائعه فعلا وشغاله تمام

Mohamed AbuTaqia يقول... @ 14 يناير 2011 3:09 ص

شكرا لك يا اخي

إرسال تعليق