استخدم ادوات المطورين لقوقل كروم .. وقم بالتعديل لكي ترى النتيجة ..
وبعد ذلك اضف تعديلاتك لملف الـcss الأصلي
واتمنى لك التوفيق
هل هناك أداة RTL لـ CSS ؟
نعم ادوات المطورين مفيده ايضاً واستخدم فاير فوكس يناسبني اكثر خصوصاً التحديثات الاخيره جعلت المتصفح افضل كثيراً من السابق.
شكرا لك.
ببحث بسيط وجدت موقعين:
يمكنه تعديل:
text-direction
float
clear
margin
padding (to fix images too)
borders
background-position
right/left positioning
والموقع الثاني:
لا انصح إطلاقاً بهذا الموقع:
قمت بتجربته افسد كل شئ !
هو افضل ما وجدته حتى الآن مع بعض التعديلات البسيطة اقوم بإضافتها يدوياً.
اولاً اقوم بإضافة direction: rtl وبعض الاشياء قد لا تكون في الاماكن الصحيحه أقوم بإضافة float او margin على حسب
وتحديد محازاة النصوص واقوم بمقارنة القالب الاصلي بقالب RTL للتأكد من أن كل شىء على ما يرام ويسير عكس الاتجاه !
وفي بعض الاحيان اقوم بإضافة overflow-x المهم انني اقوم بإضافة ما احتاج اليه او ما يناسب ليكون القالب RTL وبدون مشاكل.
- يمكنك إستخدام الخواص المتاحة في المحررات النصية الخاصة بأغراض التطوير كـ ++notpad كخاصية البحث والإستبدال وإستبدال الكل مما يتيح لك التحكم في المحتوى المراد تغييره على حسب الحاجة.
نعم هذا شىء اساسي; شخصياً استخدم محرر Rapid CSS فهو متقدم ومتخصص اكثر من notpad++ واسرع ايضاً.
أنا افضل استخدام حلول كهذا مثلا
فهو لا يبدل جميع الخصائص في ال CSS بل فقط يعطيك الخصائص التي تحتاج إلى عكس اتجاه لتضعها في ملف منفصل وتضيفها بعد الملف الاساسي لا أن تستبدله بها فهو يقوم بعملية Override فقط وليس تبديل للكود الاساسي ويفيد ذلك في حال كنت تريد أن يكون الموقع بلغتين احداهما من اليمين إلى اليسار كالعربية والأخرى من اليسار إلى اليمين كالانجليزية.
إنتاج ملف override لا ينجح دائما، خصوصا لمن يريد أتمتة العملية بالكامل .. حيث ستواجه مشكلة في حساب القيم الموروثة! لمزيد من التفاصيل يمكنك قراءة المقال التالي:
يمكنك استخدام أداة RTLCSS حيث أنها تدعم CSS3 بالإضافة إلى دعمها لتعليمات تمكنك من إضافة/تعديل/تبديل قيم ليست ذات اتجاه (اسم الخط مثلا) و تمكنك من إضافة تعليماتك الخاصة أيضا
روابط المشروع :
Github:
NPM:
الأداة أيضا تعمل مع Grunt و Gulp
Grunt:
Gulp:
و متوفرة أيضا مع Visual Studio Web Essentials 2013
لا أعتقد أنه توجد أداة يمكن أن تعمل التعريب تماما 100% وحتى لو وجدت فالطريقة اليديوية أفضل
كلما سيتغير في التعريب هو الfloating مثلا float : right غيرها ل float:left والعكس أيضا بالتوفيق :) (y)
الملف الذي اريد تحويله يتعدى 7000 سطر.
وfloating ليس كل شئ هناك مثلا margin ،وtext-direction ،وpadding
وبعض الاشياء الاخرى..
كان هناك بعض المواقع التي توفر هذه الخدمه ،ولكن لم تعد متاحة مع الاسف.
إليك أداة RTLCSS و التي تقوم بعمل تعريب كامل و المشروع نشط و في حال وجدت تعليمات CSS لا يقوم بتعربيها فكل ما عليك هو إرسال مثال و سيتم إضافة الدعم بلا شك :)
الـ floating ليس كافي وحده يمكن ان يسبب خراب في القالب هناك العديد من الاشياء الا وهي :
float: left; to float: right;
margin : 0 5px 0 15px; to margin : 0 15px 0 5px;
padding : 0 5px 0 15px; to padding : 0 15px 0 5px;
left: 15px; to right: 15px;
z-index: -9999; to z-index: 9999;
text-align: left; to text-align: right;
اليدوي في الحقيقة مضيعه للوقت تحديداً لو كان القالب يحتوي الألاف من الاسطر
والنقطة الثانية قد ارتكب اخطاء فأنا بشري
وايضاً يكاد يكون هذا العمل روتيني... لذلك ارى اداة للتعريب ستكون افضل وتختصر الوقت..
وحتى لو صرفنا هذا الوقت في برمجة اداة للتعريب سيكون افضل من تعريب الملف نفسه لانها ستختصر وقت الملف الآن واي ملفات اخرى في المستقبل.
= إنتاجيه اكثر ;)
التعليقات