BH-CSS [2] RTL لقلب جهة القالب وتعريبه بسهولة
كتب بتاريخ: Mar 23rd, 2009 | بواسطة: عبدالمهيمن
![BH-CSS [2] RTL 1.0](http://br4v3-h34r7.com/wp-content/uploads/2009/03/bh-css2rtl_10.png "BH-CSS [2] RTL 1.0")
في كثير من الأحيان نشاهد استايل باللغة الانكليزية أو قالب لمدونة مثلا ونرغب باستخدامه بموقع أو مدونة عربية, المشكلة أن اللغة الانكليزية ومثيلاتها تكتب من اليسار لليمين Left To Right أما اللغة العربية, الفارسية والعبرية وبعض اللغات الأخرى تكتب من اليمين الى اليسار Right To Left وبهذه الحالة علينا قلب جهة التصميم كامل وتغيير بعض الأمور فيه ليصبح مناسب للغة العربية. بالنسبة لمطور مواقع هذه ليست بالمهمة الصعبة ويمكن أن يقوم بها خلال بضعة دقائق لكن بالنسبة للمدون أو المستخدم العادي فسيرى الأمر صعب جدا ومعقد وبنظره ملف CSS عبارة عن أوامر وطلاسم غير مفهومة!
أذكر أول مرة حاولت فيها تعريب قالب كان ذلك قبل افتتاح هذه المدونة بفترة بسيطة وأذكر أيضا أني بقيت يوم كامل في تعريب قالب بسيط جدا (أستطيع تعريبه وقلب اتجاهه الآن خلال 10 دقائق وبأقل من دقيقة واحدة باستخدام هذه الأداة!) وبالنهاية تمكنت من تعريبه بعد عناء طويل لكن بصورة غير صحيحة وباحتوائه على الكثير من الأخطاء لعدم معرفتي أي شيء عن CSS وخصائصه بذلك الوقت! الآن بعد مرور مايزيد عن سنة وثلاثة أشهر امتلكت خبرة لا بأس بها كافية بجعلي مطور مواقع, عربت خلالها الكثير من التصاميم بعضها للاستخدام الشخصي وبعضها للأصدقاء وأخرى مازالت عندي. بالاضافة للتصاميم التي قمت بها والتطويرات التي أجريتها على تصميم مدونتي. مايجب معرفته أن تعريب القالب وتصاميم CSS أمر سهل جدا وعمل شبه روتيني وباستخدام هذه الأداة ستستطيع تعريب معظم القوالب وتصاميم CSS بمنتهى السرعة والسهولة حيث ستقوم الأداة بأكثر من 90% من العمل المطلوب لكن بنفس الوقت هذه ليست أداة سحرية ولا تستطيع تعريب جميع التصاميم بشكل كامل حيث تبقى لك مهمتين الأولى قلب اتجاه الصور المرفقة مع القالب باستخدام برنامج التصميم المفضل لديك (شخصيا أفضل Gimp) أما المهمة الثانية فهي التأكد من التصميم وقد تضطر أحيانا لتعديل واصلاح بعض الأمور الموجودة في ملف CSS أو الملفات الأخرى بشكل يدوي فيبقى هذا الملف من كتابة بشر واذا كتب بصورة خاطئة دون مراعاة أي قواعد هذا يؤدي لعدم عمل الأداة بالشكل المطلوب.
الأداة بشكل عام بسيطة جدا لكنها فعّالة وتختصر الكثير من الوقت واستخدمتها كثيرا في الآونة الأخيرة, تمت برمجتها بلغة Ruby وهي مفتوحة المصدر وفق رخصة جنو العمومية GPL وأي شخص يرغب بتطويرها أو اضافة بعض الميزات لها فهو من المرحب به طبعا, كذلك من الممكن اعادة برمجتها بأي لغة برمجة أخرى تفضلها فالصعوبة ليست بكتابة الكود البرمجي بل بتحديد طريقة عمل الأداة وجعلها تتلافى بعض الأخطاء (ان وجدت في ملف CSS) أما طريقة الاستخدام فهي أيضا سهلة جدا وموضحة بمثال كما في الصورة الموجودة بالأعلى.
ruby BH-CSS2RTL.rb style.css style-rtl.cssباعتبار style.css هو ملف CSS الذي نريد قلب اتجاهه و style-rtl.css هو الملف الجديد بعد تعريبه. مرة أخرى أذكّر أننا بحاجة لقلب اتجاهات الصور المرفقة مع التصميم بشكل يدوي, كان من الممكن جعل العملية تتم بشكل تلقائي لكن بهذه الحالة قد نواجه مشكلة بالمكتبات التي تعتمد عليها الأداة في عملية قلب الصور وعدم وجودها في جهازك, على كل حال قد أقوم بتطوير الأداة بالمستقبل وأضيف هذه الخاصية لها ومن الممكن أن اضيف لها واجهة رسومية باستخدام QT أو GTK+ مثلا لكن شخصيا أفضل الأدوات التي تعمل من سطر الأوامر وسأبقى أستخدمها على هذا النحو.
بالنهاية يجب معرفة أنك ستحتاج الى مفسّر لغة روبي لتتمكن من تشغيل هذه الأداة على جهازك, ان كنت من مستخدمي نظام لينوكس غالبا ستجد مفسّر روبي مرفق مع التوزيعة التي تستخدمها وان لم يكن تستطيع نصيبه من مدير الحزم بسهولة أما بالنسبة لمستخدمي ويندوز والأنظمة الأخرى فيمكنهم تحميل مفسّر لغة روبي وتنصيبه من هنا.
أتمنى لكم استخدام موفق ان شاء الله وفي حال كان هنالك أي اقتراحات أو مشاكل في الأداة يرجى اعلامي بها لكي يتم اصلاحها بالاصدارات القادمة.
BH-CSS [2] RTL 1.0 | md5sum: b350e58855453429ad8f55622146c922
تحياتي, عبدالمهيمن.
شكرا لك.
لح ضفله واجهة متل ماعملت ب http://www.adnanonline.co.cc/ruby-l33t-convertor/
بس مالها طعمة 
,تسلم على هيك برامج ,بس المهم الدقة فيه ,و شكراً.
سلام.
السلام عليكم ..
قمه في الاتقاااان اخي عبدالمهيمن
احترامي
ممتاز يا عبدو يا عفريت
و الله الأداه هذه مستنيها من زمان يا رجل
تسلم إيديك يا عبدو
فعلا اداة بسيطه وفعلاه
وتختصر وقت..
تقبل مروري
هلا بالغالي .. مشروع رائع .. موفق ان شاء الله ..
قمت بتحميل آخر أداه من روبي .. ونصبتها .. ثم جيت اشغل الاداه اللي انت طارحنها .. تظهر الوندوز وتختفي .. النظام فيستا التميت ..
السلام عليكم ورحمة الله وبركاته
الله يعطيك الف عافية وتم تحميل الاداة وسيتم تجربتها إن شاء الله 
ربما تكون تذكرني
محبك/ فراس
تشكراتي أخي عبدالمهيمن ,, شغل تمام
!
ظهرت لي نفس مشكلة الأخ زلزال, ظهرت شاشه دوس ثم أغلقت تلقائياً !
ما الحل؟
@Adnan: التطوير مفتوح للجميع وأي مساهمة هي مرحب بها وأفضل من بلا
@فراس: أجل كن متأكد أني أذكرك أخي
وأهلا بك في أي وقت
@زلزال, بروفيشنال: البرنامج يعمل عن طريق سطر الأوامر, يعني يجب فتح cmd والدخول لمسار البرنامج ومن ثم تشغيله.
تحياتي للجميع.
[...] BH-CSS [2] RTL لقلب جهة القالب وتعريبه بسهولة ] : الأخ br4v3-h34r7 ( عبد المهيمن ) قام بكتابة تطبيق رائع جدا [...]
الله يفتح عليك يا مهندس عبدالمهيمن ، ستقول لست مهندساً .. إنه كذلك . سررت بما أتى
أعلاه . وفقك الله
السلام عليكم
شكرا للسكريبت أخي، وهذه واجهة رسومية بسيطة له مكتوبة بـ Qt4 في المرفقات src + bin
http://www.mediafire.com/?nmry0gc2xtz
وهنا صورة له : http://img172.imageshack.us/img172/3666/shotz.png
بالتوفيق
هل انت المبرمج ؟
ما شاء الله الله يزيدك علم
عيب هذا البرنامج صغير وهو أن
المحترف لن يحتاج هذا البرنامج والمبتدئ لن يستطيع تعديل الاخطاء الناتجة
أنا مرر بهذه المرحلتين فقد كنت استخدم أداة محمد الهاشمي لقلب التصميم ولكن كان الناتج يحتوي الكثير من الأخطاء
والآن الحمد لله لدي من الخبرة ما يكفيني للاستغناء عن هذه البرامج
لكن يبقى لهذه البرامج الفائدة الكيبرة فياختصار الوقت
الله يعطيك العافية وكتب لك الآجر
أحمد الهاشمي لديه أداة , ممتزة جدا , وأنا عن نفسي أستخدمها
وهذا هو الرابط http://www.ahmadh.com/tools/cssmirror/
فهي فعالة
شكرا لك أخي عبدالمهيمن
@شخص:
@Amine27: الله يعطيك العافية أخي أمين على الواجهة الجميلة وأهلا بك في المدونة.
@أذكى سيرف: أجل أخي أنا المبرمج وتسلم هذا من ذوقك.. كما ذكرت سابقا البرنامج بسيط جدا وهدفه اختصار الوقت وبالنسبة للمبتدئ فغالبا سيقوم البرنامج بقلب اتجاه القالب بشكل كامل وان شاء الله بدون أخطاء لكن في بعض الأحيان سيتطلب الأمر تدخل لاصلاح وتعديل بعض الأمور خصوصا التي تتعلق بالصور وأماكنها المحددة في الـ Pixel وليس left/right فهذه الأمور لايمكن اكتشافها وقلب اتجاهها بشكل تلقائي لأنها تختلف من مصمم لآخر وحسب الصورة وحجمها. كل مايقوم به هذا البرنامج هو استبدال كل right بـ left والعكس, اضافة rtl direction واصلاح قيم padding و margin
@الآمل الطائر: الله يعافيك أخي وأهلا بك في المدونة…
@ابن حجر الغامدي: اطلعت على هذه الخدمة سابقا وأتذكّر أنها جيدة. لكن من فترة جربت الدخول الى موقع الأداة وكانت لاتعمل وهذا مايعيبها فالكود المصدري ليس متوفر وفي حال توقف موقع الأخ أحمد الهاشمي لن نتمكن من استخدام هذه الخدمة.
[...] من مدونة عبد المهيمن الثانية من مدونة أحمد [...]
السلام عليكم
حقيقة قرأت الخبر ولم أعد إليه إلا عندما أخذت الرابط ولم أقرأ تعليق ابن حجر
وإلا لكان كفاني عناء البحث لأني عندما قرأت عن الأداة لم أدري أين أجدها والكلمات الدلالية لم تخدمني في ذلك ، كتبت هذا لكي لا يقرأ أحد ما الموضوع الذي كتبته ويقول أني بحثت في التعليقات وإلا في النهاية لا يعدو الموضوع أن يكون تجميع ……
أجد الفرصة سانحة لأشكرك على جهودك
وأبشرك أن دومين الجوارح قد تم استعادته بنفس الطريقة التي سلب بها ولله الحمد
شكرا لك يا باشا
شكرا لك على الطريقة المفيدة جدا
عمل رائع وذكاء ممتاز
شكرا جزيلا لك اقبل مروري
تشكر اخي الكريم على الموضوع القيم
تقبل مروري وتحياتي
سامر
شكرا جزيلا لكني لم أقرأ المقال
ولا أظن الأداة مقتوحة المصدر
المهم سأجربها
لكن
يا عمي السلايكواري و تستعمل واجهة كيدي
كشفتك
بارك الله فيك
دمتم في حفظ الرحمن
@SAFAD: كيف لا تظن أن الأداة مفتوحة المصدر؟ الأداة مبرمجة بلغة روبي وهي لغة تفسيرية ولقد وضعت الأداة دون استخدام أدوات أو طرق لتشفير الكود المصدري.
بخصوص سلاكوير استخدمتها لفترة لكني فضلت العودة لفيدورا و واجهة جنوم
شكرا لك أخي
الأداة جميلة جدا
و ساعدتني في التعريب الصحيح ل SMF2
وهذا بعد بعض التعديلات البسيطة
أهمها تحويل الملف و و الكتابة فوقه في النهاية
المشكلة أنني غائر من الأخ Amine27 لذا سأعمل لها واجهة GTK
دمتم في حفظ الرحمن
تصحيح أغار
بالمناسبة ما رأيك في OpenSolaris
أعجبتني جدا خفتها و بالإضافة إلى شكلها الذي يشبه فيدورا
و أيضا لم يقع لي أي *كراش* أو شيئ من هذا القبيل رغم أنني جربتها في VirtualBox
دمتم في حفظ الرحمن
وسأقوم بتجربتها
ان شاء الله
شكرًا عبد المهيمن. ساعدتني أداتك كثيرًا، وكان الأداء رائعًا.
لكن أحب أن أضيف إلى أنك تحتاج إلى إجراء تعديل بسيط على صفحات المحتوى (ملفات .html).
إضافة
dir=”rtl”
في وسم html
وهذا يكمل تعريب القالب.