معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   دروس بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=11)
-   -   لمحة سريعة على css , Html ومعرفة بعض الاختلافات بين القالب المعرب وغير المعرب (https://www.bloggerexp.com/showthread.php?t=2687)

ال شاوي ياس 07-05-2012 07:05 PM

لمحة سريعة على css , Html ومعرفة بعض الاختلافات بين القالب المعرب وغير المعرب
 
بسم الله الرحمن الرحيم .
لا نحتاج نحن معربي القوالب إلى معرفة احترافيّة بلغةHtml وتقنية css ولكن يلزمنا معرفة بعض الأمور البسيطة عنها , بإمكانكم زيارة هذا الموقع ط¯ط±ظˆط³ ط*ظˆظ„ HTML ظˆCSS - ط¥ظ†ط´ط§ط، ظ…ظˆظ‚ط¹ظƒ ط§ظ„ط´ط®طµظٹ - HTML.net لتتعرفوا عليهما .

إذن بعد أن قرأنا بعض الأمور عن اتش تي ام ال , والسي اس اس , نبدأ الآن بتوضيح بعض الأمور , أو بعض الخواص التي عادة ما نحتاج إلى تعديلها عندما نعرب قالبا .. وهي على النحو التالي :

text-align وتعني محاذاة النصوص , فإذا كان القالب إنجليزيا فستكون محاذاة النصوص على اليسار وستكون العبارة-إن صحت التسمية- هكذا ;text-align:left بينما لو كان القالب معربا ستكون هكذا ;text-align:right
float وتعني محاذاة التنسيق , وشأنها كشأن العبارة التي قبلها فعندما نريد عنصرا ما موجودا في المدونة أن يكون تنسيقه في اليمين تكون العبارة هكذا ;float:right بينما لو كنا نريد تنسيقه نحو اليسار هكذا ;float:left .
padding وتعني الهوامش الداخلية فإذا كانت في القالب الإنجليزي موجودةً هكذا padding-left:3px; فإنه يلزمنا تغيير left إلى right لتصبح العبارة هكذا padding-right:3px; .
margin وهي مضاد padding وتعني الهوامش الخارجية وهي لا تختلف عن padding , فإذا كانت في القالب الإنجليزي موجودةً هكذا margin -left:3px فإنه يلزمنا تغيير left إلى right لتصبح العبارة هكذا ;margin -right:3px .
direction ونستطيع من خلالها تحديد اتجاه القالب كامل , بحيث نضيفها بهذا الشكل direction:rtl مثلا تحت Body هنالك سيتحول اتجاه القالب كاملا في بعض القوالب , وفي القوالب الأخرى سيبقى اتجاه بعض العناصر مثل ما هو مع بعض التغيير . وفي بعض القوالب تكون هكذا direction:ltr; فعلينا بتغييرها direction:rtl; .
توضيح : rtl تعني right-to-left أي من اليمين إلى اليسار , و ltr تعني rleft -to-rightمن اليسار إلى اليمين .


Font-family , وتعني الخط , فإذا كان الخط هكذا ;font-family:arialونريد أن نغيره إلى خط آخر مثلا التاهوما سنغير arial فقط . ;font-family:tahoma
هذا إيجاز لبعض الخواص [ css ] التي عادة ما أستخدمها عندما أعرب قالباً ما , ولن تفهموها بشكل جيد الآن , ولكن بعد التطبيق ستسهل لكم وستحبونها كثيرا .

أما بالنسبة لتعديل Html فإني لم أعد أستخدمها كثيرا عندما أعرب أحد القوالب , وذلك لأن أكثر التعديل يكون على css والتنسيق من خلالها من اليمين إلى اليسار , أو العكس .
فعادة ما نبحث في القالب في تحرير Html في البلوقر عن dir , ونضع بجانبها rtl لتكون بهذا الشكل dir="rtl" .

ملاحظة مهمة : الاتش تي ام ال تحتوي على السي اس اس , أي أنها تكون مع بعض , ولتتعرفو أكثر على الفروقات أنصحكم مرة أخرى بزيارة هذا الموقع ط¯ط±ظˆط³ ط*ظˆظ„ HTML ظˆCSS - ط¥ظ†ط´ط§ط، ظ…ظˆظ‚ط¹ظƒ ط§ظ„ط´ط®طµظٹ - HTML.net

أخذناكم الآن في جولة نظرية على الخواص التي نستخدمها في التعريب , ( وهي التي أستخدمها شخصيا , ربما تكون هناك طرق أسهل عند بعض المعربين الآخرين ) . و سنأخذكم في الدروس القادمة بجولة تطبيقية بإذن الله , هنالك ستتضح لكم الأمور بشكل كبير بإذن الله تعالى . والامور التطبيقية أسهل لي ولكم . لا تتسرعوا في الحكم على التعريب بأنه صعب فما هذا الدرس إلا توضيح نظري فقط .

أترككم الآن لتدرسوا هذه الأمور التي أوردتها لكم ولكي تستفيدوا من رابط ذلك الموقع ط¯ط±ظˆط³ ط*ظˆظ„ HTML ظˆCSS - ط¥ظ†ط´ط§ط، ظ…ظˆظ‚ط¹ظƒ ط§ظ„ط´ط®طµظٹ - HTML.net


منقول للفائدة

admin 07-05-2012 11:45 PM

رد: لمحة سريعة على css , Html ومعرفة بعض الاختلافات بين القالب المعرب وغير المعرب
 
شروحات رائعة
لو تنقل لنا أهم هذه الشروحات سوف يكون أفضل من طرح الموقع بالكامل
أتمنى لو تعمل على ذلك
وبالتوفيق لك

عاشق النت 07-06-2012 11:00 AM

رد: لمحة سريعة على css , Html ومعرفة بعض الاختلافات بين القالب المعرب وغير المعرب
 
مشكور أخي ، موضوع جميل ، لكن ينقصه بعض من التنسيق :)


الساعة الآن 02:00 PM

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012