المواضيع المخالفة للدستور يتم حذفها مباشرة بدون إرسال أي إشعار للعضو لذلك يُرجى مراجعة الدستور والتقيّد بشروطه منعاً للإحراج.
كذلك ننصحك باستعمال محرك البحث في المنتدى لأن الكثير من الاستفسارات سبق وأن طُرحت في المنتدى.
موقع بحيرة العرب شركات الأخبار المباشرة مدونة عواميد جمعية نخلة الخيرية
أعلن عن مدونتك هنا أعلن عن مدونتك هنا أعلن عن مدونتك هنا أعلن عن مدونتك هنا أعلن عن مدونتك هنا

العودة   منتديات عرب ووردبريس > القسم العام > مناقشة عامة
التسجيل التعليمـــات قائمة الأعضاء التقويم البحث مشاركات اليوم اجعل كافة الأقسام مقروءة

شرح طريقة اضافة كود في التدوينات بشكل سليم

إضافة رد
 
LinkBack أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 11-05-2007, 05:16 PM
المشـرف العــام
 
تاريخ التسجيل: Aug 2006
الدولة: فلسطين
المشاركات: 5,949
شكر غيره: 286
تم شكره 3,328 مرة في 485 موضوع
افتراضي شرح طريقة اضافة كود في التدوينات بشكل سليم

السلام عليكم ورحمة الله وبركاته

طريقة اضافة كود في التدوينات لم تكن سهلة حتى الان ...

شرح الطريقة

1. افتح ملف الستايل واضف به الكود التالي:

كود:
pre {
direction: ltr;
text-align: left;
border: solid 1px black;
font-size: 1.3 em; 
padding-left:5px; 
background: #FBFBFB
}
    
code {
font-size:0.9em; 
color: #000000
}
عدل الكود حتى يظهر بالشكل المرغوب به.

2. عند اضافة كود في المدونة , ضع الكود بالطريقة التالية:

كود:
<pre>
<code>

هنا تضع الكود

</code>
</pre>
مثال على النتيجة:

http://www.rasheed-b.com/?p=526









__________________
(1) موقعي التعريفي هنا.
(2) يرجى التقيّد بضوابط الدستور منعاً لغلق أو حذف المواضيع المخالفة.
(3) يرجى وضع رابط مدونتك في توقيعك فهذا يساعدنا على تقديم دعم فني سريع.
(4) كن ممّن يأخذ فيعطي ولا تكن ممّن يأخذ فيختفي.
--------------------------------------------------------
سبحان الله، الحمد لله، لا إله إلا الله، الله أكبر
رد مع اقتباس
هؤولاء الاعضاء يشكرونك يا رشيد بيدوسي على هذه المشاركة:
Ahmed Feras (04-13-2009), حسين الدليمي (08-31-2009), زكازيك (12-24-2009), tata4d (06-13-2011), غراب (12-30-2008), نجم المحبه (08-09-2010)
  #2  
قديم 11-06-2007, 12:13 AM
الصورة الرمزية معنى الوجود
مشرف منتدى الاضافات - Plugins
 
تاريخ التسجيل: May 2007
الدولة: السعودية
المشاركات: 1,072
شكر غيره: 0
تم شكره 97 مرة في 35 موضوع
افتراضي

شكرا لك أخي رشيد وما قصرت ..









__________________
مواقعي : 1- مدونتي - 2- الحرة
تويتر : من هنا
اتصل بي : من هنا
رد مع اقتباس
معنى الوجود, تمّ شُكرك على هذه المشاركة من قبل الأعضاء:
Mdwen (12-03-2008)
  #3  
قديم 03-09-2008, 02:59 PM
مدون جديد
 
تاريخ التسجيل: Mar 2008
المشاركات: 10
شكر غيره: 0
تم شكره 3 مرة في 1 موضوع
افتراضي

شكرا اخي الكريم علي الشرح









رد مع اقتباس
  #4  
قديم 03-10-2008, 02:15 PM
مدون مميز
 
تاريخ التسجيل: Aug 2006
الدولة: السعودية
المشاركات: 106
شكر غيره: 1
تم شكره 0 مرة في 0 موضوع
افتراضي

يعطيك العافيه ..









__________________
رد مع اقتباس
  #5  
قديم 03-10-2008, 06:36 PM
مدون نشيط
 
تاريخ التسجيل: Jul 2007
المشاركات: 32
شكر غيره: 2
تم شكره 0 مرة في 0 موضوع
افتراضي

كثر الله خيرك اخي رشيد









رد مع اقتباس
  #6  
قديم 03-24-2008, 02:41 AM
مدون نشيط
 
تاريخ التسجيل: Jul 2007
المشاركات: 51
شكر غيره: 9
تم شكره 2 مرة في 2 موضوع
افتراضي

شكرا اخي رشيد
وجزاك الله الف خير









رد مع اقتباس
  #7  
قديم 03-24-2008, 10:52 PM
مدون جديد
 
تاريخ التسجيل: Jan 2008
المشاركات: 29
شكر غيره: 0
تم شكره 3 مرة في 2 موضوع
افتراضي

مشكور اخوي رشيد









__________________
رد مع اقتباس
  #8  
قديم 03-30-2008, 03:55 PM
مدون جديد
 
تاريخ التسجيل: Mar 2008
المشاركات: 2
شكر غيره: 0
تم شكره 0 مرة في 0 موضوع
افتراضي

بارك الله فيك









رد مع اقتباس
  #9  
قديم 04-12-2008, 07:03 PM
مدون نشيط
 
تاريخ التسجيل: May 2007
الدولة: سأعود لك قريباً
المشاركات: 80
شكر غيره: 0
تم شكره 0 مرة في 0 موضوع
افتراضي

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

أخوي رشيد، يا ريت تخبرني أي ملف حق الستايل تقصد؟ هناك ملفات كثيرة، أي ملف منهم تقصد ؟؟؟؟

بإنتظار ردك ...
دمتم بود ...









__________________
مدونتي الشخصية:
w w w . B!n@ry - z0ne . com
رد مع اقتباس
  #10  
قديم 04-12-2008, 07:24 PM
مدون نشيط
 
تاريخ التسجيل: May 2007
الدولة: سأعود لك قريباً
المشاركات: 80
شكر غيره: 0
تم شكره 0 مرة في 0 موضوع
افتراضي

خلاص أخوي رشيد تم عمل اللازم طلع قصدك ملف الـ Css

طيب سؤال خوي رشيد، كيف ممكن أخلي الخلفية للكود أسود والكود مثلا أبيض؟
أو الخلفية خضراء والكود أزرق ... أو الخلفية خضراء والكود أزرق









__________________
مدونتي الشخصية:
w w w . B!n@ry - z0ne . com
رد مع اقتباس
  #11  
قديم 04-12-2008, 09:01 PM
مشرف منتدى القوالب سابقاً
 
تاريخ التسجيل: May 2007
الدولة: فلسطين
المشاركات: 245
شكر غيره: 0
تم شكره 84 مرة في 9 موضوع
افتراضي

لجعل الخلفية سوداء و الكود أبيض استبدل هذا بالكود السابق:
[HTML]pre {
direction: ltr;
text-align: left;
border: solid 1px black;
font-size: 1.3 em;
padding-left:5px;
background: #000000
}

code {
font-size:0.9em;
color: #ffffff
}[/HTML]









__________________
موقعي قياسي للقوالب المجانية (الموافقة للمعايير القياسية العالمية)
رد مع اقتباس
  #12  
قديم 04-12-2008, 09:29 PM
مدون نشيط
 
تاريخ التسجيل: May 2007
الدولة: سأعود لك قريباً
المشاركات: 80
شكر غيره: 0
تم شكره 0 مرة في 0 موضوع
افتراضي

خلاص شباب تم تضبيط المدونة وكل شيء ...
شكراً لكل من ساهم في مساعدتي ... خاصة الأخ عبد الرحمن، والأخ رشيد ...

تحياتي للجميع









__________________
مدونتي الشخصية:
w w w . B!n@ry - z0ne . com
رد مع اقتباس
  #13  
قديم 04-12-2008, 09:42 PM
مدون نشيط
 
تاريخ التسجيل: May 2007
الدولة: سأعود لك قريباً
المشاركات: 80
شكر غيره: 0
تم شكره 0 مرة في 0 موضوع
افتراضي

طيب سؤال الحين:
كيف ممكن نضيف زر في المحرر كل ما أضغط عليها يتم وضع الكود:
كود:
<pre>
<code>

هنا تضع الكود

</code>
</pre>
تلقائياً ؟؟؟؟؟؟









__________________
مدونتي الشخصية:
w w w . B!n@ry - z0ne . com
رد مع اقتباس
  #14  
قديم 04-14-2008, 05:46 PM
مدون نشيط
 
تاريخ التسجيل: May 2007
الدولة: سأعود لك قريباً
المشاركات: 80
شكر غيره: 0
تم شكره 0 مرة في 0 موضوع
افتراضي

محد عنده حلول يا شباب؟









__________________
مدونتي الشخصية:
w w w . B!n@ry - z0ne . com
رد مع اقتباس
  #15  
قديم 04-15-2008, 08:52 PM
مشرف منتدى الدعم الفني سابقاً
 
تاريخ التسجيل: Feb 2007
الدولة: سوريا
المشاركات: 1,183
شكر غيره: 10
تم شكره 49 مرة في 17 موضوع
افتراضي

ابو محمد شوف هالموضوع ممكن يفيدك
http://www.rehlaonline.com/2008/03/2...-to-wordpress/









رد مع اقتباس
Ebnalblad, تمّ شُكرك على هذه المشاركة من قبل الأعضاء:
غراب (05-05-2009)
  #16  
قديم 04-20-2008, 05:11 PM
مدون نشيط
 
تاريخ التسجيل: May 2007
الدولة: سأعود لك قريباً
المشاركات: 80
شكر غيره: 0
تم شكره 0 مرة في 0 موضوع
افتراضي

اقتباس:
المشاركة الأصلية كتبت بواسطة Ebnalblad

ابو محمد شوف هالموضوع ممكن يفيدك
http://www.rehlaonline.com/2008/03/2...-to-wordpress/


ما أدري شنو أقول لك صراحة ...
الله يجزيك الخير ويوفقك يالغالي ...
ما قصرت فعلا حل لي المشكلة قمت بالتعديل على الكود في الملف quicktags.js وخاصة التي تخص الـ code فقط وجعلتها نفس الزر للـ

<pre><code>
</pre></code>

مشكور يالغالي مرة أخرى حليت لي أزمة سير









__________________
مدونتي الشخصية:
w w w . B!n@ry - z0ne . com
رد مع اقتباس
  #17  
قديم 04-11-2009, 07:55 PM
مدون جديد
 
تاريخ التسجيل: Mar 2009
المشاركات: 18
شكر غيره: 44
تم شكره 0 مرة في 0 موضوع
افتراضي

شكرا لك اخي رشيد لكن تضهر عندي مشكلة انه
المربع يخرج عن اطار القالب









رد مع اقتباس
  #18  
قديم 05-04-2009, 09:04 PM
JWD JWD غير متواجد حالياً
مدون جديد
 
تاريخ التسجيل: Feb 2009
الدولة: فلسطين الحبيبة
المشاركات: 10
شكر غيره: 5
تم شكره 3 مرة في 3 موضوع
افتراضي

ررائع ..
هذا سيسهل علينا الكثير !









رد مع اقتباس
  #19  
قديم 08-01-2009, 03:16 AM
مدون نشيط
 
تاريخ التسجيل: Mar 2009
الدولة: jord@n
المشاركات: 85
شكر غيره: 1
تم شكره 7 مرة في 4 موضوع
افتراضي

يعطيك العافيه اخ رشيد على الشرح الرائع

والفكرة الجميله لاضافة الكود

يلزمني









رد مع اقتباس
  #20  
قديم 08-31-2009, 12:51 AM
مدون مميز
 
تاريخ التسجيل: Jul 2008
الدولة: الاردن - عراقي الجنسية
المشاركات: 118
شكر غيره: 45
تم شكره 31 مرة في 8 موضوع
افتراضي

شرح جميل للطريقة ...
(اعرف انك لا تحب لكن "^^ , ) لكن عنصر background ل pre لم يغلق (في الcss )
والاقواس كثيرة في هذا الرد :P

شكراً لك , وموفق ان شاء الله









__________________

لا حول ولا قوة الا بالله

مدونتي
رد مع اقتباس
إضافة رد


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are معطلة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
سؤال : طريقة عرض التصنيفات بشكل افقي .. lith.imad الدعم الفني المتقدّم 4 08-19-2009 02:37 AM
[سؤال] كيف يمكنني أن أعرض التدوينات بشكل مختصر thecomradeosama مدونات ووردبريس المجانية 4 02-23-2009 10:34 PM
[ مشكلة ] المدونة لا تظهر بشكل سليم في اكسبلورر نبض القوافي الدعم الفني المتقدّم 2 12-04-2008 08:54 AM
ما هي الدوال الواجب تفعيلها بسيرفر لعمل المدونة بشكل سليم phparabic الدعم الفني المتقدّم 3 06-08-2008 11:44 PM
الكتابة في المدونة لا تأتي بشكل سليم ! جميـل الدعم الفني المتقدّم 10 05-24-2008 02:39 AM



الساعة الآن 06:31 PM.