1. تطوير الويب
4

هل هناك أداة RTL لـ CSS ؟

  • Arabian
  • 2015-01-22T14:54:56+00:00
  • رابط مختصر
يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

  • الأفضل
  • الأحدث
  • الأقدم
2
salmanmd 2015-01-22T22:32:59+00:00 أضف ردا
  • رابط مختصر

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

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

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

0
Arabian 2015-01-23T08:26:13+00:00 أضف ردا
  • رابط مختصر

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

شكرا لك.

2
mahmoud0alaa 2016-01-09T09:10:51+00:00 أضف ردا
  • رابط مختصر
https://www.npmjs.com/packa...
1
forabi 2015-01-22T17:16:49+00:00 أضف ردا
  • رابط مختصر
https://github.com/twitter/...
1
mahmoud0alaa 2016-01-09T07:20:12+00:00 أضف ردا
  • رابط مختصر

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

https://www.npmjs.com/packa...
0
Arabian 2015-01-22T18:41:17+00:00 أضف ردا
  • رابط مختصر

يبدو جيداً !

0
myounes 2015-02-06T12:39:49+00:00 أضف ردا
  • رابط مختصر

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

1
geekemad 2015-01-22T17:18:28+00:00 أضف ردا
  • رابط مختصر

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

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
0
Arabian 2015-01-22T18:40:24+00:00 أضف ردا
  • رابط مختصر

لا انصح إطلاقاً بهذا الموقع:

http://www.rtl-er.com

قمت بتجربته افسد كل شئ !

http://cssjanus.commoner.com

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

0
iyounis 2015-01-23T07:09:29+00:00 أضف ردا
  • رابط مختصر

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

1
Arabian 2015-01-23T08:20:53+00:00 أضف ردا
  • رابط مختصر

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

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

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

1
ahmedsaoud31 2015-01-22T22:49:56+00:00 أضف ردا
  • رابط مختصر
  • يمكنك إستخدام الخواص المتاحة في المحررات النصية الخاصة بأغراض التطوير كـ ++notpad كخاصية البحث والإستبدال وإستبدال الكل مما يتيح لك التحكم في المحتوى المراد تغييره على حسب الحاجة.
0
Arabian 2015-01-23T08:24:01+00:00 أضف ردا
  • رابط مختصر

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

0
tryagain3 2015-01-23T14:13:03+00:00 أضف ردا
  • رابط مختصر

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

تجربه_شخصيه

0
Arabian 2015-01-23T15:52:36+00:00 أضف ردا
  • رابط مختصر

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

1
alaa rihan 2015-01-24T23:21:56+00:00 أضف ردا
  • رابط مختصر

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

https://github.com/vision-a...

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

0
Arabian 2015-01-25T23:47:42+00:00 أضف ردا
  • رابط مختصر

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

0
myounes 2015-02-06T12:45:09+00:00 أضف ردا
  • رابط مختصر

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

https://github.com/Mohammad...
1
myounes 2015-02-06T12:29:33+00:00 أضف ردا
  • رابط مختصر

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

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

Github:

https://github.com/Mohammad...

NPM:

https://www.npmjs.com/packa...

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

Grunt:

https://github.com/Mohammad...

Gulp:

https://github.com/jjlharri...

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

http://vswebessentials.com
1
myounes 2015-02-06T13:05:33+00:00 أضف ردا
  • رابط مختصر

الرابط الصحيح هو

https://github.com/Mohammad...
0
راشد المري 2015-01-22T15:05:01+00:00 أضف ردا
  • رابط مختصر
    * {
        direction: rtl;
    }
0
Arabian 2015-01-22T15:06:56+00:00 أضف ردا
  • رابط مختصر

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

0
سليمان تقي الدين 2015-01-22T15:16:54+00:00 أضف ردا
  • رابط مختصر

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

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

1
Arabian 2015-01-22T15:24:58+00:00 أضف ردا
  • رابط مختصر

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

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

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

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

1
myounes 2015-02-06T12:36:34+00:00 أضف ردا
  • رابط مختصر

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

https://github.com/Mohammad...
0
ar4pixel 2015-01-22T15:58:16+00:00 أضف ردا
  • رابط مختصر

الـ 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;
3
supercoder 2015-01-22T16:24:46+00:00 أضف ردا
  • رابط مختصر

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

z-index:

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

0
سليمان تقي الدين 2015-01-22T16:26:15+00:00 أضف ردا
  • رابط مختصر

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

1
Arabian 2015-01-22T18:55:56+00:00 أضف ردا
  • رابط مختصر

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

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

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

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

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

1
myounes 2015-02-06T12:54:13+00:00 أضف ردا
  • رابط مختصر

كلام صحيح 100%

0
mohamed youssouf 2015-01-23T09:18:48+00:00 أضف ردا
  • رابط مختصر

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

تطوير الويب

مجتمع لمناقشة وتبادل الخبرات حول تطوير الويب. ناقش أحدث التقنيات، اللغات، والأدوات في عالم تطوير المواقع والتطبيقات. شارك مشاريعك، اسأل عن نصائح، وتعاون مع مطورين محترفين وهواة.

102 ألف متابع

أطلق موقعك الإلكتروني في دقائق

صمم موقعك كاملا بالسحب والإفلات بدون خبرة برمجية، واحجز مكانك على الإنترنت.

أنشئ موقعك الآن

اقرأ أيضًا

  • افضل بديل مجاني ل OpenCage Geocoder؟
  • خاصية aspect-ratio CSS
  • لماذا لا يوجد تطبيق اندرويد ل مواقع حسوب
  • هل البرمجه عفا عليها الزمن
  • في ال css

انسخ هذا الرابط:

تنبيه