كيف تحدد خصائص عرض الإقتباسات

2 أغسطس 2009

إضغط هنا لتكبير الصورة

هل تكتب مقالات علمية أو فكرية أو تنشر تقارير إخبارية أو مقابلات في مدونتك؟ إذا كنت تقوم بأي من ذلك فإنك تستطيع أن تجعل مدونتك أكثر إحترافية عبر إضافة “إقتباسات” لأهم ما ورد في تدويناتك. سأشرح لك في هذه التدوينة كيف تقوم بعرض الإقتباسات عبر تحديد خصائص دالة blockquote بالضبط كما هي معروضة في مدونة مقطوعات.

كما ترى من هذا المثال وغيره على مدونة مقطوعات، تُعرض الإقتباسات داخل “مربع أزرق” خاص بها في الجهة اليسرى من الصفحة.  كل ما عليك القيام به لإضافة هذه الإقتباسات هو:

1- تعديل خصائص دالة blockquote

2- تحديد الإقتباس في المحرر

1- تعديل خصائص دالة blockquote

إذهب إلى ملف style.css و عدّل خصائص دالة blockquote (أو أضفها) لتصبح كما يلي: (تأكد من حفظ الملف)

blockquote p‭{color:#‬333399;background-color:#‬F5F8FA‭;width:150px;‬
‭margin:5px 15px 0px 0;‬
‭‬padding:5px 0‭ ‬0‭ ‬0;border-bottom:#‬4C739E 3px solid;border-top:#‬4C739E 3px solid;   ‬
‭font-size:1.15em;‬
‭‬font-weight:strong‭;‬
‭‬text-align:center;‬
‭float:left;‬
‭}

2- تحديد الإقتباس في المحرر

قم بتحديد الجملة (أو الجمل) التي تريد عرضها كإقتباس عبر تحديدها و النقر على زر الإقتباس في المحرر كما هو موضح في الصورة التالية:

إضغط هنا لتكبير الصورة

لاحظ أنه بمجرد الضغط على زر الإقتباس ستتحرك الجملة إلى اليسار وتصبح غامقة اللون.

هذا كل شيئ! إحفظ التدوينة أو عاينها. ستجد الآن الجملة التي حددتها معروضة كإقتباس.

بالتوفيق، وما عليكم إلا السؤال إن إحتجتم أي مساعدة.

هل أعجبتك هذه التدوينة؟ يمكنك أن تشترك في خدمة الخلاصات (RSS) أو في النشرة البريدية لتحصل على آخر التدوينات أولاً بأول. الرجاء عدم النقل أو النسخ أو إعادة النشر.
إحفظ التدوينة أو شاركها مع أصدقائك:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Live
  • StumbleUpon
  • Technorati
  • E-mail
  • Twitter

9 تعليقات على “كيف تحدد خصائص عرض الإقتباسات”

commenter

جزاك الله خير..
درس وخاصيه ولا أروع..

commenter

أشكرك أخي فهمي..
تحياتي لك

commenter

جربتها عندي في المدونة، لكن النص لم يحصل له شيء غير أنه تحرك قليلاً إلى اليسار!
وعندي سؤال آخر أرجو أن يتسع له صدرك..
فأنا قد إستفدت من إحدى تدويناتك عن إدراج قائمة المحتويات..
لكن للأسف الشديد أجد النص يلتصق بجدول المحتويات، كما لم أستطع تغيير لون خلفية الجدول، فهل يمكن أن تساعدني في ذلك؟؟

commenter

أخي حسن،
بالنسبة للإقتباسات إذا لم يحصل شيئ فذلك يعني أن هناك خطأ في ملف الستايل..
تأكد أنك أضفت خصائص الدالة بالضبط كما هي وحفظت الملف.
أما بالنسبة للائحة المحتويات فعليك أن تزيد من الفراغات والحواشي من جهة اليمين عبر تعديل كل من
margin و padding في ملف الستايل..
بالتوفيق..

commenter

مشكور أستاذ صخر على ردك، وكتب الله لك الأجر..
لقد حاولت تغيير متغيرات المارجن وبادنج لكن لم ينفع معي.
فقد جربت تغيير

margin-right:0px;

إلى

margin-right:20px;

لكن لم ينفع، فأين الخطأ؟؟
وشكراً لك مجدداً
وآسف على الإزعاج..

commenter

أخي حسن..
يبدوا لي أنك لم تستتخدم الكود بالضبط كما هو..
حاول إستخدلم الكود كما هو في التدوينة..
بالتوفيق..

commenter

تدويناتك رائعة ومفيدة جداً، جزاك الله عنا كل خير..

commenter

أشكرك عزيزي راسخ.. ومرحباً بك في ووردبرس بالعربي..

commenter

شكراً لك، موضوع مهم..

أضف تعليق (الرجاء عدم إستخدام اللهجة العامية)

الإسم (بالعربي):
E-mail (لن يتم نشره) (مطلوب):
الموقع / المدونة:
التعليق (مطلوب):