قمت اليوم بوضع اللمسات الأخيرة على أداة جديدة تسمح لك بتحويل تصاميم CSS إلى تصاميم معكوسة، وكأنك تنظر إليها بالمرآة، والهدف منها مساعدتك في تعريب تصاميم برامج الويب الجاهزة، مثل برنامج WordPress، الذي يمكنك أن تحصل له على الكثير من التصاميم الجاهزة.
الأداة موجودة على هذا العنوان: http://www.ahmadh.com/tools/cssmirror/
وتستخدم بأن تقوم بتحميل ملف ZIP يحتوي على ملفات CSS وملفات صور التصميم، ومن المفترض أنك بمجرد ارسال الملف فإن المتصفح سيعرض لك مربعا لتنزيل ملف ZIP المعدل، حيث يكون البرنامج قد قام بعمل التغييرات اللازمة على ملفات CSS وملفات الصور ذات الامتداد (gif, png, jpeg, jpg) وتحويلها كلها إلى نسخ معكوسة.
البرنامج لا يزال في مراحلة الابتدائية ويعاني من عدة مشاكل، أهمها أنه يقوم بتغييرات جذرية في ملف CSS من بينها ازالة كافة التعليقات (comments) وهذا الأمر يجب أن لا يؤثر في أكثر التصاميم، لكنه يؤثر بالذات على تصاميم WordPress التي تعتمد على هذه التعليقات في ملف style.css للحصول على معلومات التصميم، وستحتاج لاعادة وضع التعليق من ملف style.css الأصلي في بداية ملف style.css المعدل.
إذا كانت لديكم أية ملاحظات على البرنامج فيمكنكم كتابتها كتعليقات على هذا الموضوع.
أريد أن أعرف رأيكم والتحسينات التي تحبون ادخالها على الأداة لجعلها تعمل بشكل أفضل لاحتياجاتكم.
15/06/2005 @ 11:57 am
osamayy قال:
بارك الله فيك
هذه الأداة توفر كثيرا من الجهد على المصممين
16/06/2005 @ 9:16 am
الهاشمي أحمد قال:
خالص الشكر لك أخي العزيز osamayy، أرجو أن تفيدك هذه الأداة، وأن تخبرني بأي مشاكل قد تواجهها في استخدام الأداة لأحاول حلها.
9/07/2005 @ 3:57 am
مؤمن قال:
جزاك الله خيرا
اداه ممتازه توفر الوقت وتنجز جزء من تعريب الثيم
تستطيع ان تضيف اوامر dir الى اكواد table و li
مثال
بقي ان تجد طريقه للاتفاف حول اكواد ال CSS
وعلى فكره ممكن استعمال كود dir ايضا في ملفات CSS
مثال
direction=RTL;
9/07/2005 @ 3:58 am
مؤمن قال:
In CSS file
Direction=RTL
9/07/2005 @ 3:59 am
مؤمن قال:
table dir=”RTL”
li dir=”RTL”
15/07/2005 @ 5:36 am
فهد قال:
الأداة ممتازه وتعمل بشكل جيد جدا ولكن هل بإمكانك أخي طرحها كبرنامج مستقل بدون الحاجة للذهاب للصفحة في كل مره أحتاج القيام بالعملية .
وشكرا
26/07/2005 @ 1:47 pm
أحمد الهاشمي قال:
الأخ العزيز مؤمن ..
بخصوص تحويل اتجاه الصفحة باستخدام dir=”rtl” في ملف HTML، فكلامك صحيح، وهذه واحدة من نقاط القصور المذكورة في صفحة الأداة والتي تحتاج للتحسين.
وكلامك أيضا صحيح بشأن امكانية استخدام الخاصية direction في ملف CSS، والبرنامج في الواقع منذ أن أعلنت عنه يتعرف على هذه الخاصية ويقوم بقلب محتواها إذا كان ltr إلى rtl وإذا كان rtl إلى ltr، لكن البرنامج لا يبادر إلى إضافة direction: rtl إذا لم تكن هذه الخاصية موجودة بالأساس في ملف CSS.
سبب اتخاذي لهذا القرار هو أن منظمة W3C المسؤولة عن تقنيات الويب تنصح باستخدام الخاصية dir=”rtl” في ملف HTML بدلا من direction في CSS، والسبب في ذلك هو أن الخاصية dir=”rtl” تعرف اتجاه اللغة التي كتب بها المحتوى، وكل شيء يتعلق بالمحتوى يجب أن يوضع في ملف HTML، أما ملف CSS فهو مختص بالأمور المتعلقة بالشكل.
في الحالة المثالية، في الواقع، لن تكون هنالك حاجة لمثل هذه الأداة، لأن قلب الاتجاه يجب أن يتم عن طريق ضبط الخاصية rtl في ملف HTML كجزء من ترجمة المستند، أما ملف CSS فيجب أن يكون مصمما بطريقة تجعله يظهر الصفحة بصورة صحيحة سواءا كان اتجاهها من اليسار إلى اليمين أو من اليمين إلى اليسار.
لكن بسبب قصور في النسخة الحالية من لغة CSS وفي دعم المتصفحات لمواصفات CSS فإن هذا الأمر غير ممكن حاليا، ولهذا السبب نحتاج لهذه الأداة مؤقتا إلى أن يحل هذا القصور.
وبالنسبة للقصور في لغة CSS فهو سيحل مع الاصدارة القادمة من اللغة والتي تحمل الرقم ثلاثة (CSS3).
الأخ العزيز فهد ..
سأحاول طرح الأداة كبرنامج مستقل كما طلبت، وهذا الأمر لن يكون صعبا أبدا خاصة وأن الأداة مكتوبة بلغة Python.
لكنني كنت أحاول حل مشاكلها أولا، والحقيقة أن مشكلة عمل الأداة لتغييرات جذرية على ملف CSS بدأت تأخذ من وقتي أكثر مما كنت آمل.
5/10/2005 @ 11:25 pm
هشام المصري قال:
الأداة تعمل بشكل جيد ، شكرا لمجهوداتك الجليلة والتي لن ينساها الجميع ممن استعملوها، واتمنى قريبا بإذن الله أن انضم إلى الفريق …
ولكن قد لاحظت أن الأداة لا تتوافق “أحيانا” مع الثيمز ذات الثلاث أعمدة، حيث أنني قمت بعمل تحميل لثيمات كثيرة تتعدي الثلاثين ثيما وقد قمت باستخدام الأدة لتحويل تلك الثيمات كلها لأنني مازلت في مرحلة التجارب والإعداد لإستخدام بلوج الوورد بريس …
تمنياتي بالنجاح والتقدم الدائم.
6/10/2005 @ 12:22 pm
أحمد الهاشمي قال:
الأخ العزيز هشام ..
يسرني أن الأداة كانت ذات فائدة بالنسبة لك، أما بالنسبة لمشكلة الأعمدة الثلاثة فسيسرني أن أنظر في الأمر إذا تمكنت من اعطائي وصلتين، احداهما للنسخة الانجليزية، والأخرى للعربية التي تعاني من المشكلة، لأبحث في الأمر وأحاول معرفة سبب الخلل.
تمنياتي لك بالتوفيق أنت أيضا أخي العزيز.
13/11/2005 @ 12:56 am
test قال:
test
السلام ادهشتني الاداه واصريت على تجربتها
وتفاجئة ان كل المحاولات فاشله
ربما لانها اداه ناقصه والله اعلم
عالعموم جهد جبار تشكر علي والى الامام دائما ووفقك الله
13/11/2005 @ 10:32 am
أحمد الهاشمي قال:
الأخ العزيز ..
أشكرك على تعليقك الجميل، الحقيقة هي أن الأداة بالفعل ليست كاملة، الأداة تعاني من مشاكل عند التعامل مع ملفات يفترض أنها ملفات HTML لكنها تحتوي على وسوم خاصة تجعل الملفات ملفات HTML غير صحيحة، ومثال على ذلك ملفات PHP وASP وغيرها.
إذا كان أرشيف ZIP الذي تحاول قلب اتجاهه يحتوي على أي من هذه الملفات، فجرب استخدام الأداة مرة أخرى، لكن بعد إزالة هذه الملفات من الأرشيف.
هذا إلى أن أتفرغ أكثر لتحسين الأداة واصلاح هذه الأخطاء، وتقبل مني الاعتذار والتحية.
26/11/2005 @ 9:52 am
AHMED SOLIMAN قال:
الصور المعروضة على هذا الامتداد سريعة في طريق العرض فهل يمكن انقاص السرعة او ايقافها لبعض الوقت وكيف يمكن تحويلها الى JPJ اعزكم الله واثر من امثالكم واجرى الخير على يديكم
احمد سليمان
26/11/2005 @ 7:09 pm
أحمد الهاشمي قال:
الأخ العزيز أحمد سليمان ..
خالص الشكر لك أخي العزيز، وإن شاء الله أظل عند حسن ظنك، لم أفهم قصدك حول الصور المعروضة، هلا وضحت لي أكثر عن أي صور تتحدث؟
7/12/2005 @ 11:00 am
جهاد قال:
أسأل الله العظيم, رب العرش العظيم, أن يرفعك ووالديك ومن يعز عليك في أعلى عليين.
كنت والله قاب قوسين أو أدنى من أن أترك المدونات و سالفتها لولا أن من الله علي باكتشاف أداتك هذه.
أحسن الله إليك وجزاك عن خير الجزاء.
7/12/2005 @ 5:30 pm
أحمد الهاشمي قال:
الأخ العزيز جهاد ..
حياك الله أخي العزيز، وخالص الشكر لك على دعائك، وفقك الله في سعيك، وإن شاء الله أظل عند حسن ظنك.
8/01/2006 @ 3:19 pm
abdulla قال:
شكرا لك .. جربت انزل بعض الثيم وتحويلها عن طريق برمجتك فجزاك الله خير الجزاء ..
:)
9/01/2006 @ 12:16 pm
أحمد الهاشمي قال:
الأخ العزيز عبدالله ..
خالص الشكر لك أخي العزيز، وإن شاء الله أظل عند حسن ظنك.
7/03/2006 @ 8:47 pm
يونس قال:
تبدو رائعة ، ولكنها لم تعمل معي
Internal Server Error
7/03/2006 @ 11:14 pm
أحمد الهاشمي قال:
الأخ العزيز يونس ..
جرب إزالة ملف HTML وPHP، وكل الملفات ما عدى ملفات CSS، لأن بعض ملفات HTML وPHP بالذات تسبب هذه المشكلة إذا كانت بها بعض الأخطاء.
17/03/2006 @ 1:37 pm
هيام قال:
يعطييك العااافية
نجحت الاداة معي:)
17/03/2006 @ 1:40 pm
أحمد الهاشمي قال:
الأخت الفاضلة هيام ..
الله يعافيك، يسرني أنها أفادتك.
3/05/2006 @ 11:50 am
نشأت قال:
يسلموا أخ خالد على هذة الخدمة
وعلى هذه الطريقة
3/05/2006 @ 11:18 pm
أحمد الهاشمي قال:
الأخ العزيز نشأت ..
الله يسلمك، إذا كنت تقصدني فاسمي أحمد وليس خالد
10/05/2006 @ 6:13 am
بشير النعيمي قال:
الأخ أحمد … مشكور كثيرا على هذه الأداة لكنني حاولت جاهدا عدة مرات أن أقوم برفع الملف المضغوط zip لكنه تظهر لدي رسالة خطأ ….. و لم أعرف السبب فهل بامكانك ايجاد الحل لي بسرعة لأنني أقوم بتعريب هذه المدونة و أجلّت عملية التعريب كلها حتى أكتشف قيمة أداتك فعليا
بالمناسبة أنا أتصفح الويب باستعمال fireFox
و هذا هو المشروع الذي أقوم بتعريبه الآن :
http://www.simplephpblog.com/
10/05/2006 @ 6:52 am
بشير النعيمي قال:
مشكور أخي العزيز … لا تتعذب و تساعدي على حل المشكلة فقد وجدت الحل بسهولة عن طريق هذا البرنامج :
http://www.nvu.com/
10/05/2006 @ 12:33 pm
أحمد الهاشمي قال:
الأخ العزيز بشير ..
يسرني أنك وجدت الحل لمشكلتك، ويؤسفني أنك عانيت من هذه المشكلة.
على كل حال، المشكلة للأسف تحدث مع الكثير من ملفات PHP بالذات، والحل الوحيد لها هو بازالة ملفات PHP من أرشيف ZIP واستخدام الأداة لعكس ملفات CSS فقط، أما ملفات PHP وHTML فالتعامل معها سهل جدا يدويا وهو باضافة dir=”rtl” إلى وسم html.
والحل لهذه المشكلة مذكور هنا في ردي على الأخ يونس قبل بضعة تعليقات من تعلقيك
20/07/2006 @ 4:56 pm
ناصر باحاج قال:
اشكرك اخي العزيز احمد الهاشمي
وجزاك الله الف خير على هذه الأداة المميزة فعلا ..
لكن اتمنى ان تزودني بالكود الذي أستطيع ادراجه داخل ملف CSS فقط حتى أتمكن من ادارجه يدويا في بعض الملفات.
كود التحويل من اليسار إلى اليمين . وشكرا جزيلا لك
تحياتي
21/07/2006 @ 3:49 am
أحمد الهاشمي قال:
الأخ العزيز ناصر باحاج ..
خالص الشكر لك أخي العزيز، أنا في الخدمة.
هل لك أن توضح قصدك أكثر بالكود الذي عليك اضافته؟
البرنامج لا يقوم بإضافة كود محدد، وانما يقوم بدراسة الكود الذي ترسله له وعمل عدة تغييرات في عدة أماكن من الملف لعكس التصميم.
3/08/2006 @ 10:59 pm
ناصر قال:
رائع .. بالفعل أمر رائع ،، لا تتصور كم أراحتني هذه الأداة المذهلة ، انا كمبرمج بي إتش بي و ASP.NET ليس لدي خلفية عن التصميم و ملفات الـ CSS لذى أستخدم تصاميم جاهزة مفتوحة المصدر من OSWD و غيرها و أعاني مشاكل لا حصر لها في تعريب هذه التصاميم ، حيث أن برمجة تطبيق قد يأخذ مني يوم أو إثنين بينما تعريب تصميم قد يأخذ مني أسبوع كامل !!! ، بارك الله فيك و وفقك و أدام عليك نعمة الصحة و رزقك من حيث لا تحتسب ، كم ساعدتني بهذه الأداة الرائعة ، ارجو منك إكمال جميلك و وضعها مجانية للتحميل لأن موقعك لو لا قدر الله توقف بشكل مفاجئ فإننا سنحرم بشكل كبير من هذه الأداة ، لذا أرجو منك عزيزي السماح لنا بتحميل هذه الأداة مع حفظنا لكامل حقوقك بكل تأكيد
شاكرين و مقدرين لك جهدك
17/08/2006 @ 5:15 am
أحمد الهاشمي قال:
الأخ العزيز ناصر ..
سرني كثيرا أن الأداة أفادتك، وأنا في الخدمة، وإن شاء الله أظل عند حسن ظنك بي.
لدي نية لوضع الأداة للتنزيل عبر الانترنت، لكنني أريد أن أعطيها واجهة رسومية قبل القيام بذلك.
23/08/2006 @ 3:36 am
متابع قال:
رائع والله أخوي أحمد
أداة ولا في الخيال
لكن إذا حولت الثيم وفتحت المدونه يظهر لي هذا
Parse error: syntax error, unexpected TSTRING in /home/****/publichtml/wordpress/wp-content/themes/whats-your-soloution-10/index.php on line 19
23/08/2006 @ 5:39 am
أحمد الهاشمي قال:
الأخ العزيز متابع ..
سرني أنها أعجبتك، وإن شاء الله أظل عند حسن الظن.
بالنسبة للخطأ الذي ظهر لك، فهو جديد علي ويجب أن أبحث عن سببه، هل يمكنك أن ترسل لي أرشيف ZIP للثيم قبل التحويل؟
أرسل لي رسالة عبر صفحة اتصل بنا وسأرد عليك بأسرع وقت ممكن بعنوان بريدي الإلكتروني لترسل لي الملف.
24/08/2006 @ 3:50 am
متابع قال:
أخوي أرسلت لك الرابط على بريدك أتمنى إنه وصلك
24/08/2006 @ 10:33 am
أحمد الهاشمي قال:
الأخ العزيز متابع ..
قمت بعمل بعض التعديلات، جرب الأداة مرة أخرى الآن وأخبرني بالنتائج.
24/08/2006 @ 11:05 am
متابع قال:
تمت التجربه والتركيب بنجاح
الآن أصبحت الأداة ولا في الخيال 100%
24/08/2006 @ 11:18 am
أحمد الهاشمي قال:
رائع
21/09/2006 @ 3:03 am
candy قال:
جزاك الله خير، وسؤالي..
أريد ان اعرب ثيم اجنبي، وقلبت التصاميم باستخدام اداتك..
ماهي الخطوة القادمة؟ هل فقط تحويل كل كلمة انجليزية إلى عربية؟ وفي أي ملفات؟ وهل ستظهر في المتصفح بحروف عربية أم يجب أن اضيف كود معين؟! كالكود الذي نضيفه لصفحات الـHTML لجعل الحروف تظهر عربية..
24/10/2006 @ 5:20 pm
خالد الخالدي قال:
شكراً جزيلا أخي احمد الهاشمي وجزالك الله خيراً
ولكن عندي سؤال اريد ان أسألك به .. إذا أمكن ؟ وهو:
أريد الأوامر الخاصة للتضليل ولثلاثية الابعاد وغيرها من الاوامر على هذا النحو
وساكون شاكراً ومقدراً لك مساعدتي
وشكراً مجدداً
أخوكم
خالد
13/11/2006 @ 10:08 pm
محمد محمود منصور قال:
السلام عليكم
أخ أخند أنا من أشد المعجبين بالأداة و لاكني أواجه بعض المشاكل مؤخرا فهي لا تعمل حاليا و لا أعرف ان كان الخطئ من عندي أم من موقعك.
شكرًا
23/11/2006 @ 11:08 pm
أحمد الهاشمي قال:
الأخ/الأخت candy ..
الخطوة التالية هي كما تفضلت، ترجمة المحتوى، وضع الشفرات اللازمة لتحديد صفحة المحارف العربية، وربما تحتاجين لإضافة شفرات HTML التي تحول المستند إلى ملف يظهر من اليمين إلى اليسار إذا لم تتمكن الأداة من القيام بذلك تلقائيا.
الأخ العزيز خالد الخالدي ..
لا أعرف عن أي أوامر CSS تقوم بذلك، ربما تكون هنالك حيل أو طرق غير مباشرة أو باستخدام الصور لتحقيق ذلك، أو ربما يمكنك تحقيق ذلك بلغة SVG، لكنها ليست لغة ناضجة بعد ولا يوجد لها دعم جيد، لكن لا توجد أوامر مباشرة للقيام بذلك.
الأخ العزيز محمود محمود المنصور ..
وعليكم السلام ورحمة الله وبركاته ..
بالفعل وردتني الكثير من الرسائل عن وجود خلل في الأداة، سأحاول تقصي الموضوع وإصلاحه في أسرع وقت ممكن، المشكلة هي أن الشركة المستضيفة تغير اعدادات المزودات باستمرار مما يؤدي لحصول عدم توافق وتوقف الأداة عن العمل.
9/12/2006 @ 8:42 pm
P2L قال:
Internal Server Error
24/12/2006 @ 7:58 pm
أحمد الهاشمي قال:
الأخوة الأعزاء ..
تأكد بالفعل من أن الشركة قامت بإزالة بعض المزايا من المزود الذي يقع عليه موقعي مما أدى لحدوث الأعطال في الأداة، وقد قمت بوضع حل مؤقت لهذه المشكلة وعادت الأداة إلى العمل الآن، لكنها ستعمل الآن فقط على ملفات CSS، ولن تغير ملفات HTML أو ملفات الصور إلى أن أتمكن من تركيب هذه الميزة مرة أخرى.
تقبلوا خالص اعتذاري عن الأخطاء التي حدثت في السابق، وإن شاء الله سأحاول اتخاذ بعض الإجراءات لضمان عدم تكرار الأخطاء وحلها أولا بأول.
28/01/2007 @ 2:14 am
يحيى قال:
أولا أود أن أشكرك على هذا البرنامج الرائع. لقد أفادني كثيراً في تعريب أكثر من قالب قبل فترة.
وفي ألأيام الأخيرة لم أتمكن من تعريب أي قالب وهذه الرسالة التي تظهر:
ImportError Python 2.3.4: /usr/bin/python
Sat Jan 27 18:11:00 2007
A problem occurred in a Python script. Here is the sequence of function calls leading up to the error, in the order they occurred.
/home/ahmadh/public_html/cgi-bin/cssmirror/mirrorzip.cgi
6 import cgi, re
7
8 from imgmirror import imgmirror
9 from cssmirror import cssmirror
10 from htmlmirror import htmlmirror
imgmirror undefined
/home/ahmadh/public_html/cgi-bin/cssmirror/imgmirror.py
2 from PIL import Image
3
4
5 def imgmirror(f, type):
6 input = StringIO.StringIO(f)
PIL undefined, Image undefined
ImportError: No module named PIL
args = (’No module named PIL’,)
4/08/2007 @ 10:33 pm
Losha قال:
فعلا رائعه اخى الحبيب
وسوف تسهل علينا أشياء كثيرة جدا
ولاكن حين رفع ملف مضغوط كا ذكرت يعطينى رابط تحميل مباشر وليس لنك
وعند فتح الملف المضغوط معطوب بكل أسف
أتمنى حل للممشكلة جزاك الله خيرا
وأذادك الله علما على علمك