Disqus and Arabic

by

توفر شركة دسكس خدمة “تعليقات مجانية لمصممي الموقع. يمكنم من خلال هذه الخدمة إضافة طريقة يمكن للزوار من خلالها التعليق على أي صفحة HTML. و هذا بلا شك يُعفي المصمم من عبء كتابة برنامج من الصفر ليقوم بهذه العملية. و على الرغم من توفر وجه باللغة العربية، فأن إتجاه الكتابة لا يزال يتجة من اليسار إلى اليمين لمنطقة الكتابة. و للتغلب على هذه المشكلة ستضطر الى تغيير خصائص css المتعلقة بهذه العنصر.

المشكلة التي تواجة الكثير (بما فهم انا) عند محاولة تغيير هذه الخصائص هي أن مهما جربت من طرق، لا يتغير إتجاه الكتابة. سواء بتغير css للعنصر نفسة (textarea) او للإسم (form-message) او حتى ربط وظيفة جافاسكربت لتغير الcss من خلال DOM بحدث مثل window.onloaad لا يجدي نفعا. و السبب يكمن في عدة سطور التي تسبق العنصر textarea. فمعظم الناس يفترض ان textarea موجود على نفس الصفحة، ولكن في الحقيقة موجود بصفحة أخرى مضافة إلى صفحتك من خلال iframe.

أدرك تماماً ان iframe حذف من HTML4.1 strict، و لكن يبدو ان هذه الحقيقة لم تؤثر على من صمم هذا النظام…

لتغير إتجاه الكتابة او أي خاصية أخرى لـtextarea، سيتوجب عليك كتابة ملف css و إرساله لدسكس من خلال متغير جافاسكربت:

<script type=”text/javascript”>

var disqus_iframe_css = “http://نطاقك/style.css“;
</script>

أن لم يكن لديك نطاقك الخاص، يمكنك الربط بالملف http://adnanalliance.org/css/DISQUS.css. لجميع المتغيرات التي يمكنك ارسالها لدسكس إضغط هنا.
لا تنسى إحاطة الجفاسكربت بأكمله بـdiv (أو أي شيء آخر) لتعديل اتجاه الكتابة لباقي العناصر (التعليقات مثلاً).

يمكنكم الأستفسار من خلال منطقة التعليقات، أو (أفضل) طرح السؤال في القسم المخصص للمنتدى.


Tags: , , ,

10 Responses to “Disqus and Arabic”

  1. nazish Says:

    if you want to change the direction of the writing of disquess text box of comments
    then you need to do is if you are using wordpress disqus plugin , open the comments.php file
    at the line where javascript is sending variable like

    disqus_url is for instance

    add line after that
    var disqus_iframe_css = “your css link “;

    it will add your css to disquss and change the direction of text box writing
    for changing direction you have to use
    css property
    direction:rtl !important;

    have fun good luck

  2. Yuxx Says:

    عذراً، لكن الملف الخارجي لـسي إس إس لا يعمل..

    • sig Says:

      اعتذر با Yuxx,
      الملف فيما يبدو قد فُقد (هو مع معظم الموقع). ولكن الأمر سهل إن شاء الله. إنشئ ملف جديد وضع خاصية:
      direction:rtl !important;text-align:right !important
      لأي عنصر يحتاج إليه مثل:
      textarea


      textarea{
      direction:rtl !important;
      text-align:right !important
      }

    • sig Says:

      إستخدم Firebug للتعرف على العناصر التي تحتاج لهذه الخواص.

      أيضا، إعلم ان تعليقات دسكس موجودة في iframe منفصل عن باقي الصفحة!

  3. sigtermer Says:

    عثرت على الملف:

    /*
    بسم الله الرحمن الرحيم
    */
    body{
            direction:rtl;
            text-align:right;
    }
    textarea{
            direction:rtl;
            text-align:right;
    }
    #form-message{
            direction:rtl;
            text-align:right;
    }
    
    
    
  4. qq Says:

    qwqwqw

  5. Muhammad Hassan Says:

    I have a blog that contains Arabic and English posts http://muhammadhassan.tumblr.com

    I want to show English version of disqus in English posts and Arabic version of disqus in Arabic posts, how to do that?

    Thanks.

    • sigtermer Says:

      I’m not sure you can do that with tumblr or other free blog hosting sites because you’d need javascript to detect the language and to dynamically change style sheets.

      Does tumblr allow custom javascript?

      Also, as a side note:
      You might want to add the following snippet to the “custom CSS” section in tumbler to fix arabic text flow and alignment issues in tumblr:

      body{ direction:rtl; text-align:right; }
      

      but note that this will also flip english posts as well… which brings us back to your issue🙂

  6. samantha Says:

    mmmmmmmmmmmm

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


%d bloggers like this: