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

إرشيف التصنيف: ‘تصميم المواقع’

إعرض عدد متابعي الخلاصات كما تريد !

8 من التعليقات » 26 يونيو, 2009

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

Feedburner Text Count إضافة ووردبريس تمكنك من عرض عدد متابعي الخلاصات بشكل نصي مما يتيح لك تخصيص طريقة عرضها كما تريد … كمثال على عمل الاضافة يمكنك رؤية عدد متابعي خلاصات المدونة في الهيدر
( اكمل قراءة التدوينة )

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

3 من التعليقات » 18 يونيو, 2009

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

( اكمل قراءة التدوينة )

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

9 من التعليقات » 19 مارس, 2009

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

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

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

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

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

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

11 من التعليقات » 6 فبراير, 2009

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

DinPattern

( اكمل قراءة التدوينة )

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

3 من التعليقات » 28 يناير, 2009

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

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

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

7 من التعليقات » 24 يناير, 2009

ووردبريس wordoress

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

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

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

5 مواقع للبحث عن الأيقونات

4 من التعليقات » 13 أغسطس, 2008

مواقع البحث عن الايقونات تتيح لك العثور على الايقونات التي تريد و بالحجم الذي تريده بكل سهولة … اذا كنت مصمم مواقع وتهتم باستخدام الايقونات في اعمالك فوفر عليك الوقت باستخدام هذه المواقع …

( اكمل قراءة التدوينة )

مواقع لانشاء Favicon لموقعك

7 من التعليقات » 4 أغسطس, 2008

كلمة (Favicon) هي اختصار لـ(Favourite icon) وتنطق (Fav – eye – con)، وهي عبارة عن صورة صغيرة ( بحجم 16*16 بكسل وفي بعض الأحيان تكون 32*32 بكسل ) تظهر بجانب رابط الموقع في الأعلى وفي المفضلة (Favourite)، وقد أنشأت شركة Microsoft هذه الخاصية لمتصفحها Internet Explorer ثم بدأت بقية المتصفحات باعتمادها

نص مقتبس عن مقال للمبدع العربي بموقع المشروع …. لقراءة بقية المقال .. ( اكمل قراءة التدوينة )

المُعاصر

إرشيف التصنيف: ‘تصميم المواقع’

إعرض عدد متابعي الخلاصات كما تريد !

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

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

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

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

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

5 مواقع للبحث عن الأيقونات

مواقع لانشاء Favicon لموقعك

عرض الصيف من تكويد

تصنيفات المدونة

الأرشيف

روابط

أفضل الوسوم

سمعنا صوتك !

من معرض أعمالي

من مواقعي الأخرى

عن المُعاصر .. !

أحدث التعليقات