“سي أس أس”

كيف تعرض الإعلانات دون إستخدام الإضافات

8 سبتمبر 2009

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

لقد شرحت لك في تدوينة سابقة كيف تعرض الإعلانات المصوّرة (حجم 125×125) في القائمة الجانبية لمدونتك بإستخدام إضافة WP125. وبالرغم من أن هذه الإضافة بسيطة جداً ولا تحتاج إلى تعريب برأيي، إلا أنه يبدو أنها تتعارض مع نسخة ووردبريس 2.8.4 المعرّبة. فكما هو موضّح في التعليقات، تقوم هذه الإضافة بتغيير مسار لوحة التحكم لتصبح من اليسار إلى اليمين – مثل النسخة الإنجليزية لووردبريس. وعليه، سأقوم في هذه التدوينة بشرح طريقة مختلفة لعرض لإعلانات في القائمة الجانبية و من دون إستخدام أي إضافات، وإنما عبر إضافة الأكواد المناسبة لملف الستايل وملف القائمة الجانبية – sidebar.php.

أكمل قراءة التدوينة »

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

2 أغسطس 2009

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

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

أكمل قراءة التدوينة »

مثال CSS: كيف تحدد طريقة عرض التدوينات المتعلقة

1 يوليو 2009

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

أكمل قراءة التدوينة »

تصميم المربعات CSS – الجزء الثاني

19 يونيو 2009

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

أكمل قراءة التدوينة »

خمسة تصاميم لقوائم رئيسية أفقية

23 مايو 2009

إضغط هنا لتكبير الصورة قمت هذا الصباح بتصميم خمسة قوائم أفقية بألوان مختلفة. وقد وضعت كود ال html و ال css بأكمله في ملف واحد من أجل تسهيل عملية التحميل. لاحظ أنك إذا أردت أن تستخدم أي من هذه القوائم فعليك إختيار جزء ال html و ال css المناسبان. بالطبع، كود ال css يجب وضعه في ملف style.css (بدل الكود القديم إن وُجد) أما كود html فعليك وضعه في ملف header.php تحت الدالة (class) المناسبة – مثل menu على سبيل المثال. كما تحتاج لوضع الروابط بدل # و لتغيير الكلمات العربية لما يناسبك.

أكمل قراءة التدوينة »

إفعلها الآن: أضف مربعات ال CSS لمدونتك

9 مايو 2009

إضغط هنا لتكبير الصورة سأشرح لك في هذا المقال كيف تزيد من جاذبية مدونتك أو موقعك وكيف تثري تجربة زوّارك عن طريق إستخدام المربعات والصور الملائمة. لنفرض مثلاً أنك تريد لفت إنتباه الزائر إلى ملاحظة أو تحذير ما أو لتحميل ملف أو لكود في المدونة. يمكنك أن تستخدم تقنية css وأن تضع هذه الأمور في مربعات خاصة لها، ذات لون معيّن و تحتوي على صور مناسبة. كل ما عليك القيام به هو أن تعطي خصائص المربع (اللون والخلفية والخط .. إلخ) أو أن تصنع دالة جديدة للمربع وتعطيها الخصائص التي تريد.

أكمل قراءة التدوينة »