تصميم المواقع

[ معرب ] إضافة WordPress Mobile Edition

wp-mobile-edition

إنتهيت بفضل الله من تعريب اضافة WordPress Mobile Edition و التي تقوم باضافة  واجهة تصفح للمدونة لمستخدمي الهواتف النقاله …  حيث يتم تحويلهم الى هذه  الواجهة بشكل تلقائي بمجرد دخول المدونة … هذه الاضافة تدعم المتصفحات الشهيرة على الهواتف بالاضافة الى الهواتف بتقنية اللمس مثل iPhone و الهواتف التي تستخدم Android …

طريقة تركيب الاضافة :

  • انقل الملف wp-mobile.php الى مجلد الاضافات plugins   الموجود داخل مجلد wp-content
  • انقل المجلد carrington-mobile-1.0.2 الى مجلد القوالب themes الموجود داخل مجلد wp-content
  • من صفحة الاضافات في لوحة التحكم قم بتقعيل الاضافة WordPress Download Monitor

أكمل القراءة

[ أفكار ] إصنع ساعة بإستخدام CSS , javascript

css-clock

فكرة و تطبيق لصنع ساعة بإستخدام CSS و Javascript أعجبتني الفكرة و طريقة التنفيذ فاردت مشاركتكم بها …

لمشاهدة مثال تجريبي

للاطلاع على الفكرة و طريقة الاستخدام

عزيزي IE6 هذا يكفي .. ارحل الان !!

اذا كنت مصمم مواقع فبكل تأكيد قد واجهتك مشاكل و صعوبات مع مستعرض Internt Explorer 6 في عرض تصاميمك والتي في الغالب تظهر على اغلب المستعرضات بشكل سليم الا هذا المستعرض الفقير في دعم المعايير القياسية و الذي لا يدعم العديد من خواص CSS ولهذا فنحن نضيع الكثير من الوقت في سبيل ايجاد حلول لهذه المشاكل ليظهر الموقع بشكل سليم على هذا المستعرض مستخدمين ملفات جافاسكريبت لحل مشكلة ما او استخدام خواص CSS خاصه به او حتى كتابة ملف CSS كامل خاص له فقط !! بالطبع كل هذا يضيع الكثير من الوقت و الجهد …

Dear IE 6 موقع بفكرة طريفة قائمة على عرض رسائل من المستخدمين الى IE6 الموقع يحتوي حتى لحظة كتابة هذه التدوينة على أكثر من 1000 رساله متنوعة اللهجة ولكنها مجمعة على طلب الرحيل ، منها من يطلب الرحيل باسلوب لطيف و البعض الأخر غاضب لدرجة السباب :D يعتمد الموقع على تجميع هذه الرسائل من خلال تويتر ، فقط قم باتباع حساب الموقع على تويتر ثم ارسل لهم رد (reply) برسالتك و سيتم عرضها في الموقع …

حسناً .. عن نفسي يمكنني أن اقول له  ( عاملا بارحموا عزيز قوم ذل ) :

عزيزي IE6 … كنت يوما ما الأفضل .. ارحل الان لتترك ذكرى طيبه :)  ..

ماذا عنك ماذا يمكنك أن تقول لـ IE6 … لكن بدون سب :D ..

15 مصدراً للخلفيات المزخرفة ( pattern )

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

DinPattern



أكمل القراءة

طريقة تخطي فحص CSS مع الخواص الغير قياسية !

مطابق للمعايير القياسية
الهدف من اتباع المعايير القياسية في تصميم صفحات الويب هو أن تظهر هذه الصفحات بشكل سليم على كافة المستعرضات ( الداعمة للمعايير القياسية ) .. و لكن في كثير من الأحيان نلجأ إلى إستخدام بعض خواص CSS الخاصة بأحد المستعرضات لحل مشكلة في ظهور التصميم عليه مثل طرق حل مشاكل IE6 أو إستخدام بعض خواص CSS 3 كـ opacity و بالطبع فإن هذه الخواص غير قياسية في CSS 2.1 وعند فحص الصفحات بإستخدام فاحص W3C فسيظهر لك بأن الصفحة غير مطابقة للمعايير القياسية وأن هذه الخواص غير موجودة ..

بالطبع يمكنك تجاهل هذا الأمر فليس الهدف هو تجاوز إختبار CSS ولكن الهدف هو ظهور الموقع على كل المستعرضات بشكل سليم ولكن إن كنت أحد المهوسين برؤية الشريط الأخضر في صفحة فحص CSS و رؤية كلمة Congratulations! No Error Found :D و في نفس الوقت تريد استخدام هذه الخواص فإليك الطريقة : أكمل القراءة

طريقة تمييز تعليق الكاتب و الأعضاء في ووردبريس2.7

ووردبريس wordoress

طريقة تمييز تعليق كاتب المقال  و أصحاب العضويات عن تعليقات الزوار في ووردبريس 2.7 أكثر سهولة عن الاصدارات السابقة و التي كنت تضر الى التعديل على قالب التعليقات لاضافة بعض الأسطر للقيام بذلك ولكن في ووردبريس 2.7 كل ما عليك هو وضع الخواص التي تريدها داخل كلاسين CSS وهما byuser وهو لتعليقات الأعضاء  و bypostauthor وهو لتعليقات كاتب المقال .. بالشكل التالي :

li.byuser {
/* خواص CSS  */
}
 
li.bypostauthor {
/* خواص CSS  */
}

لاحظ بأن تعليق كاتب المقال يطبق عليه الكلاسين bypostauthor و byuser ولذلك يجب كتابة الكلاس bypostauthor بعد الكلاس byuser حتى يكون له الأولوية في التطبيق على رد كاتب المقال كما في الأعلى .