استخدم ادوات المطورين لقوقل كروم .. وقم بالتعديل لكي ترى النتيجة ..

وبعد ذلك اضف تعديلاتك لملف الـcss الأصلي

واتمنى لك التوفيق

نعم ادوات المطورين مفيده ايضاً واستخدم فاير فوكس يناسبني اكثر خصوصاً التحديثات الاخيره جعلت المتصفح افضل كثيراً من السابق.

شكرا لك.

https://www.npmjs.com/package/grunt-rtlcss

https://github.com/twitter/css-flip

هذا افضل بكثير

https://www.npmjs.com/package/grunt-rtlcss

لا يدعم تعليمات CSS3

ببحث بسيط وجدت موقعين:

http://www.rtl-er.com/ 

يمكنه تعديل:

text-direction
float
clear
margin
padding (to fix images too)
borders
background-position
right/left positioning

والموقع الثاني:

http://cssjanus.commoner.com/

لا انصح إطلاقاً بهذا الموقع: http://www.rtl-er.com قمت بتجربته افسد كل شئ !

http://cssjanus.commoner.com

هو افضل ما وجدته حتى الآن مع بعض التعديلات البسيطة اقوم بإضافتها يدوياً.

هل تستطيع أخي إخبارنا ما هي التعديلات التي قمت بها يدويا؟

اولاً اقوم بإضافة direction: rtl وبعض الاشياء قد لا تكون في الاماكن الصحيحه أقوم بإضافة float او margin على حسب

وتحديد محازاة النصوص واقوم بمقارنة القالب الاصلي بقالب RTL للتأكد من أن كل شىء على ما يرام ويسير عكس الاتجاه !

وفي بعض الاحيان اقوم بإضافة overflow-x المهم انني اقوم بإضافة ما احتاج اليه او ما يناسب ليكون القالب RTL وبدون مشاكل.

  • يمكنك إستخدام الخواص المتاحة في المحررات النصية الخاصة بأغراض التطوير كـ ++notpad كخاصية البحث والإستبدال وإستبدال الكل مما يتيح لك التحكم في المحتوى المراد تغييره على حسب الحاجة.

نعم هذا شىء اساسي; شخصياً استخدم محرر Rapid CSS فهو متقدم ومتخصص اكثر من notpad++ واسرع ايضاً.

لا تنفع وتخرب الاشياء

تجربه_شخصيه

لا اعتقد ذلك انا اعمل عليه منذ سنوات على هذا المحرر ربما كانت تجربتك سيئه!

أنا افضل استخدام حلول كهذا مثلا

https://github.com/vision-as/RtlCss

فهو لا يبدل جميع الخصائص في ال CSS بل فقط يعطيك الخصائص التي تحتاج إلى عكس اتجاه لتضعها في ملف منفصل وتضيفها بعد الملف الاساسي لا أن تستبدله بها فهو يقوم بعملية Override فقط وليس تبديل للكود الاساسي ويفيد ذلك في حال كنت تريد أن يكون الموقع بلغتين احداهما من اليمين إلى اليسار كالعربية والأخرى من اليسار إلى اليمين كالانجليزية.

جديد هذا ،وفكرته اعجبتني سأجربه.

إنتاج ملف override لا ينجح دائما، خصوصا لمن يريد أتمتة العملية بالكامل .. حيث ستواجه مشكلة في حساب القيم الموروثة! لمزيد من التفاصيل يمكنك قراءة المقال التالي:

https://github.com/MohammadYounes/rtlcss/wiki/Why-make-a-complete-RTL-version-%3F

يمكنك استخدام أداة RTLCSS حيث أنها تدعم CSS3 بالإضافة إلى دعمها لتعليمات تمكنك من إضافة/تعديل/تبديل قيم ليست ذات اتجاه (اسم الخط مثلا) و تمكنك من إضافة تعليماتك الخاصة أيضا

روابط المشروع :

Github: https://github.com/MohammadYounes/rtlcs

NPM: https://www.npmjs.com/package/rtlcss

الأداة أيضا تعمل مع Grunt و Gulp

Grunt: https://github.com/MohammadYounes/grunt-rtlcss

Gulp: https://github.com/jjlharrison/gulp-rtlcss

و متوفرة أيضا مع Visual Studio Web Essentials 2013

http://vswebessentials.com/

الرابط الصحيح هو https://github.com/MohammadYounes/rtlcss

لا اقصد ذلك انا اقصد تعريب ملف CSS

لا أعتقد أنه توجد أداة يمكن أن تعمل التعريب تماما 100% وحتى لو وجدت فالطريقة اليديوية أفضل

كلما سيتغير في التعريب هو الfloating مثلا float : right غيرها ل float:left والعكس أيضا بالتوفيق :) (y)

الملف الذي اريد تحويله يتعدى 7000 سطر.

وfloating ليس كل شئ هناك مثلا margin ،وtext-direction ،وpadding

وبعض الاشياء الاخرى..

كان هناك بعض المواقع التي توفر هذه الخدمه ،ولكن لم تعد متاحة مع الاسف.

إليك أداة RTLCSS و التي تقوم بعمل تعريب كامل و المشروع نشط و في حال وجدت تعليمات CSS لا يقوم بتعربيها فكل ما عليك هو إرسال مثال و سيتم إضافة الدعم بلا شك :)

https://github.com/MohammadYounes/rtlcss

الـ 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;

اسف ان كنت لااعرف لاكن ما علاقة

z-index:

بالابعاد left و right علي حد علمي هي للعمق

طبعا ! لهذا قلت له التعريب اليدوي أفضل من الأدوات ^^

اليدوي في الحقيقة مضيعه للوقت تحديداً لو كان القالب يحتوي الألاف من الاسطر

والنقطة الثانية قد ارتكب اخطاء فأنا بشري

وايضاً يكاد يكون هذا العمل روتيني... لذلك ارى اداة للتعريب ستكون افضل وتختصر الوقت..

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

= إنتاجيه اكثر ;)

انا لا استعمل ادوات مع css و افضل عمل اليدوي سواء كان تعريب او غيره من اعمال مع css

تطوير الويب

مجتمع خاص بمناقشة وطرح المواضيع والقضايا العامة المتعلقة بتطوير الويب ولغاتها المختلفة

15.2 ألف متابع