.

إدراك (Edraak)

0 التعليقات

موقع إدراك كما جاء في صفحة "عن إدراك" أو "من نحن" التابعة للموقع الرسمي، هي منصة إلكترونية عربية للمساقات الجماعية مفتوحة المصادر، أو ما يدعى بالمووك. المشروع عبارة عن مبادرة من مؤسسة الملكة رانيا للتعليم والتنمية الأردنية، في مسعى يعد الأول من نوعه في عالمنا العربي، للسماح لكل متحدث أو مستخدم للغة العربية،  في الدراسة عن بعد في شتى المجالات.

الموقع كما جاء في مقال منشور في المدونة التابعة لموقع edx، شراكة مع المؤسسة، لترقية التعليم عن بعد في العالم العربي. الموقع أيضا يرتكز على المحرك مفتوح المصدر edxcode أو كما يسمى الآن openEDX.
عندما سمعت بالموقع لأول مرة غمرتني فرحة عارمة، لأن هناك من يهتم لأمر التعليم باللغة العربية وفي نفس الوقت، يبحث في آخر ما اكتشف أو استعمل في تطوير التعليم وزيادة مردوده. جميلة جدا هذه الخطوة، تعليم باللغة العربية في شتى الميادين والمجالات، باب مفتوح أمام كل الجامعات العربية (ليس الجامعة العربية) لإنشاء دروس أو مساقات لكل فرد في العالم العربي لتنمية التعليم وترقيته.

لماذا؟

هناك شيء غير معقول في هذه المنصة. لا أدري هل غاب عن أعين القائمين عليها، أم أنها البداية فقط؟ القادم من منصة edx، أو أي مستخدم كان شاهدا على بداية هذه المنصة (أعني أدكس وليس إدراك)، يكون قد لاحظ، بأن درس أو مساق الدارات الكهربائية أو الإلكترونك كان من أوائل المساقات في المنصة، كما هو الحال بالنسبة لإدراك. ولكن الشيء الغريب أن يتم بث الدرس نفسه باللغة نفسها في المنصتين مع زيادة الترجمة باللغة العربية وتدخلات أستاذ عربي بين الفينة والأخرى (لم أكمل الدرس على كل حال).
الشيء نفسه يقال حول درس الإعلام الآلي والبرمجة وكلا المساقين من جامعة آم أي تى. لكن العيب ليس هنا فشيء جميل تعريب دروس بهذه الجودة، فالحقيقة تقال، لم أري درسا مثل درس ذلك الهندي في الدارات، فدرسه شيق وجميل جدا. ولكن عندما تسجل في المساق، تصادفك مقدمة عن كيفية استخدام المنصة، أيضا مترجمة. لا أعلم؟ هل يجهل القائمون على المنصة أنه يمكن لمستخدم edx الحصول على ترجمة باللغة العربية. أو أن شروط وضع الدرس تحتم عليهم عدم التغيير فيه ونقله كما هو. وفي كلا الحالتين، يجب عليهم أن يبدلوا على الأقل هذه المقدمة لأنها عبارة عن مقدمة خاصة بموقع edx وليس إدراك.

شيء آخر

أظن أن العرب يفكرون دائما في المال والتجارة. طبيعة لن تنزعها أو يبدها أحد على ما أظن. كل المساقات المتوفرة تتحدث عن موضوع متقارب، "السيرة الذاتية الناجحة"، "استراتيجيات فعالة للبحث عن وظيفة"، "كيف تسوق نفسك في سوق العمل" ومواضيع أخرى من إنشاء موقع كوم؟ تذكرني بقول أخي ذات مرة، وجدته يقرأ في كتاب عن المنافسة بين شركتي بوينغ وإيرباص. الكتباب كما أخبرني نتيجة لدعم مؤسسة محمد بن راشد آل مكتوم للمترجمين العرب. وكان تعقيبه بعدها "كل العرب المترجمين، يقومون بترجمة فئة أو فئتين من الكتب، كتب التجارة والإقتصاد وكتب الروايات" أما الكتب التقنية والعلوم الدقيقة فلا.
أذكر البدايات الأولى لموقع edx بأن جميع المساقات المتوفرة آن ذاك كانت تقنية من علوم الحاسوب، إلكترونيك، كيمياء وطب. وتلتها أيضا دروس في نفس المجالات. ثم وبتطور المنصة، ودخول جامعات من مختلف العالم، ظهرت مساقات حول العلوم الإنسانية فالحقوق، فالسياسة، ثم الموسيقى وغيرها.

المستقبل...

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

موقع بوسو(busuu)

0 التعليقات
بات تعلم اللغات الأجنبية حتما لازما على كل فرد من المجتمع العالمي، سواء كان في الجزائر أو في الولايات المتحدة الأمريكية، طبعا مع بعض الفوارق. لا يمنكك الآن كطالب مواكبة العصر بالتشبث بلغتك الأم فقط، لتعدد العلوم وتطور كل علم بلغة حسب البلد المستحوذ. لذلك أحببت أن أتحدث اليوم عن موقع رائع لتعليم اللغات المختلفة، أولا لأني أستعمله الآن وثانيا تنكيلا بموقع لايف موق الذي غير سياسته دون إعلام مستخدميه بالأمر أو تحذيرهم بالتغييرات التى ستطرأ وكيفية تسوية المعلومات المحفوظة للمستخدمين القدامى أمثالى.
في الواقع، هذا الموقع لا يختلف كثيرا عن لايف موق القديم، ولكنه يقدم أشياء وخصائص إضافية على المذكور سابقا، حيث يوفر، ويتبع منهاجا جميلا في تدريس اللغات المختلفة كما أنه يخضع كل سلم دراسي للسلم الرسمي الذي يتخد في تقييم الطلاب في لغة معينة مثل A1، A2، .....،B2 في اللغة الفرنسية. كما يشعرك نظام الموقع بالراحة أثناء الدراسة وشرح مختلف المبادئ والقواعد من خلال استعمال الصور، الحوارات، تركيب الجمل وافتعال محادثة حقيقة مع أصدقائك أو الأناس الذين يتقنون اللغة التيى تقوم بتعلمها، حيث يقوم الموقع من محطة لأخرى بعرض المستخدمين المتوفرين الذين يجيدون اللغة التى تحاول تعلمها لتقوم بطلب أحدهم والحديث معه عن الموضوع الذي تقوم بدراسته مثل وصف إنسان، شراء حاجيات، تعرف على شخص جديد وغيرها من المواضيع. كذلك أثناء المحادثة يقوم الموقع بدعمك بكل الجمل المفيدة المستعملة في مثل موضوع محادثتك وهذا الشيء الجميل فيه.



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



التمارين التى تقوم بها يقوم بتصحيحها أعضاء مثلك مختصين في اللغة التى تتعلمها، كما يمكنك أن تصحح تمارين الأعضاء الذين يتعلمون لغتك الأم أو اللغات التى تظن نفسك متقن لها.




للأسف الموقع غير مجاني بالكامل، حيث يمنحك عضوية كاملة لمدة 10 أيام على ما أعتقد ثم تذهب، وكل ما تقدمت في دراستك يقوم الموقع بمنعك من إجتياز بعض التمارين، أخذ بعض الدروس وغيرها من الأمور وكل مرة يذكرك أنه بإمكانك مزاولة هذه الأشياء بشراء عضوية كاملة.

هذا رابط موقع بوسو لمن يريد تجربته.

ما هو المووك (mooc)

1 التعليقات

تحدثنا في تدويناتنا الأخيرة كثيرا عن مواقع يلاحظ بسهولة أنها تنتمي إلى فئة واحدة من خلال مهتها المشتركة والمتمثلة في توفير

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

ما هي هذه الفئة؟

هذه الفئة من المواقع تعرف باسم "الدروس المفتوحة الواسعة والمباشرة" أو باللغة الإنجليزية Massive Open Online Courses والتى تختصر في كلمة MOOC.
كان أول ظهور لهذه الفئة من البوابات الإلكتروينة بهذا الاسم الرسمي عام 2008 في درس نظمته إحدى جامعات الولايات المتحدة الأمريكية، ثم ظهرت العديد من الدروس المماثلة لكن العام الذي دخلت فيه هذه الفئة من المواقع أو الأحداث عالم الشهرة، وبدأت جلب أعين وأقلام الصحافة والمؤسسات الإخبارية هو عام 2012، حيث لقب هذا العام بعام المووك من قبل شبكة نيويورك تايمز المشهورة.

مراحل الإنطلاقة والشهرة

في عام 2011 قامت جامعة ستانفورد بتنظيم ثلاث دروس التى بلغ عدد المشاركين في كل أحد منها 100000 طالب، كان أول هذه الدروس درس الذكاء الإصطناعي (Artificial Intelegence AI) حيث بلغ عدد المشاركين فيه 160000 طاب. وجراء الشهرة التى اكتسبتها هذه الدروس والحملة الإشهارية التى تسببت فيها الأعداد الهائلة المشاركة، قام الأساتذة المنظمين لهذه الدروس بإطلاق موكين (ههه أو مكوكين، أمزح) المتمثلان في كوور سير، و أوداستي.
في شهر مارس من عام 2012 قامت جامعة أم آي تي بإطلاق المووك الخاص بها المتمثل في إيدكس والذي قامت هارفارد بالإنضمام إليه مباشرة بعد إعلانه.

الأهداف المنشودة؟

ربما يتعجب القراء من هذه الطيبة التى تدفع أكبر الجامعات والمعاهد في الولايات المتحدة إلى نشر دروسها وصرف مبالغ طائلة قدرت ب 60 مليون دولار مخصصة فقط لتطوير التعليم عن بعد، على حد أقوال المنظمين والمسؤولين عن هذه الحركات غير الإعتيادية، يفهم القارئ أو المطلع على الأخبار أن الهدف إنساني بنسبة 80 بالمئة يقابلها 20 بالمئة فقط متمثل في أنه بهدف إجراء دراسات بخصوص مدى قدرة التكنولوجيا على المساهمة في ميدان التعليم وتبادل الثقافات وغيرها من الأمور.

أنواع المووك

بالنسبة للأنواع المجودة يمكن تصنيف المووك لعدة أصناف فمنها التاجرية وعكسها، المهتمة بجانب الإتصال والروابط بين المشاركين والتى يرمز لها ب cMOOC، كما توجد المهتمة بجانب المحتوى وما يقدم من دروس xMOOC وطبعا يوجد الإثنين معا في صنف آخر. كما تصنف بالنسبة لكونها تقدم دروسا منظمة كالدروس التقليدية أو إحتوائها على دروس تدريبية فقط كما هو الحال لأكاديمية خان أو Khan Academy.

تعقيب

أحببت في هذه الفقرة الأخيرة أن أتحدث عن ما أعجبني أثناء بحثي عن هذا الموضوع، وهو أني شاهدت كلمة ألقتها أستاذة من جامعة ستانفرد وهي مؤسسة كوور سير مع أستاذ آخر، الكلمة من محاضرة تاد لعام 2012 حيث كان موضوع الكلمة المووك.
بعد تمهيد محزن بدأت في سرد تاريخ الأخير وبعد الوصول إلى تجربتها هي وطاقم كوور سير وضحت شيئا رائعا والمتمثل في الأسئلة الإسترجاعية التى يقوم الأستاذ بطرحها خلال إلقاء الدرس، قالت بأن الدروس العادية أو التقليدية التى تجرى في الجامعات تكون فيها ردة فعل الطلاب عند طرح الأستاذ المحاضر للسؤال على ثلاث أقسام، فالقسم الأول المتمثل في الطلبة المجتهدين، اليقظين الذين يقومون برفع أصابعهم أو الإجابة مباشرة مع الطرح أو بعده بثوان معدودة، القسم الثاني هم المماطلون الذين يتابعون الدرس تارة ويلعبون تارة أخرى وهؤلاء تكون ردت فعلهم بطيئة على حسب إنتباههم وإلمامهم بالنقطة التى يدور السؤال حولها، أما الفئة الثالثة فهم النيام، الحاضرون بالجسد وعقولهم تصول وتجول في أنحاء المعمورة لذلك أغلبهم لا يعلم أن السؤال طرح حتى، في النظير مقارنة مع كوور سير قالت بأن كل طالب يكون لزاما عليه الإجابة عن السؤال المتظمن في الفيديو أو المحاظرة وبذلك يكون فهمه للدرسه وإلمامه بالنقاك التى تغيب على أكثر الطلاب في الدروس العادية. الفيديو من هنا

موقع Kickstarter

0 التعليقات

لديك مشروع، فكرة، منتوج تظن أنه يمكنه إثارة إعجاب الناس، زبائنك، أصدقاءك أو مجتمعك؟ لدي شيء من هذا القبيل لكنني لا أستطيع تحقيقه، إنشاءه أو حتى البدأ فيه لأنه يتطلب معدات، موارد أو بصيغة مباشرة أموال. أنا لا أريد أن يشاركني في مشروعي أحد، لا شركات (بأسهم)، لا أفراد ولا أحد. أود أن أكون أنا المالك وصاحب الشيء، صاحب الإنجاز، مدير الشركة لأن مشروعي صغير، كبير، ضخم أو أيا كان فلا أريد العمل إلا مع من أختارهم بإرادتي من أصدقائي أو شركائي.

موقع كيكستارتر يوفر لك كل ما طلبته من حرية تصرفك في مشروعك إلى دعمك بالأموال وتوفير رأس المال الكافي لتطلق العنان لإبداعك الذي ينتظره العالم؟

الداعمون لمشروعك هم؟

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

ماذا يجني الموقع من هذا كله؟

بالطبع، الإشراف على كل هذه الأمور والبروتوكولات ليس ولن يكون مجانيا، فالموقع يشاركك في كل مشورع ناجح لك ب5% مما جنيته ليس من أرباحك ولكن مما تبرع لك به.

موقع Coursehero

1 التعليقات

التفوق في عالمنا اليوم يتطلب منك معرفة كثير من الأساسيات والمعلومات التمهيدية في المجال الذي تود التفوق فيه وفي غيره. وفي بعض الأحيان يكون ما حصلته خلال دراستك في المدرسة، الجامعة وغيرها من المؤسسات التعليمية، غير كاف، حتى خبرة التي تكتسبها في عملك. لتنتقل إلى مستويات أعلى وتعزز مكانتك في مجتمعك سريع التطور، أنت بأمس الحاجة لصقل معرفتك، توسيعها وإخراجها من الصندوق الذي وضعتها فيه أو قام آخرون بوضعها فيه أثناء دراستك النظامية التي قمت فيها ببناء قاعدتك في هذا العالم، إلى آفاق تمكنك من تجسيد ما يدور في مخيلتك وتحويله لواقع تعيشه ويشاركك فيه غيرك.

ماعلاقة هذا بالعنوان؟

لتفعل كل ما أشير إليه في الجمل الأخيرة، سواء كنت تلميذا، طالبا أو عاملا محترفا يتيح لك موقعنا الذي يتصدر اسمه عنوان هذا المقال مجموعة من الموارد الإلكترونية التي تساعدك في تحصيل وتعلم كل ما تحتاجه من معلومات في جميع المجالات. تعلم مثل المحترفين مع ملايين المشاكل التطبيقية والمالحظات المرافقة للكتب الممنوحة من قبل الموقع وأساتذته.
أظن أن الفقرة السابقة إشهار مجاني للموقع هيهه. كما ستلاحظ حين زيارتك لهذا الموقع، عدم اختلافه عن ما ذكر في المقالين السابقين كور سيرا وأدكس. الفرق الوحيد بينه وبينهما أن ضيف اليوم لا ينظم دروسه باسم جامعات عالمية بل يقو بتقديم الدروس محترفون في مجالات متعددة عن طريق القعاعدة وأدوات التعليم عن بعد التي يوفرها الموقع.
سمح الموقع أيضا للمشاركين بصنع ما يسميه بال فلاشكاردس أو البطاقات التلميحية التي يقوم المشارك بوضع ما فهمه كتلخيص أو ما شابه ذلك مما يساعد الآخرين في فهم الأمور أو تعزيز فهمهم للبعض الآخر.

رأيي؟

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

موقع "Coursera"

1 التعليقات


فكرة هذا الموقع مشابهة لفكرة المذكور سابقا (موقع edx) مع أقدميته في تبني الفكرة المتمثلة في توفير جو دراسي الكتروني لجميع الأجناس التى تعمر الكرة الأرضية، في مختلف المجالات والتخصصات. الشيء الجميل في هذا الموقع هو كثرة الجامعات المستخدمة له والتى نذكر من أشهرها: جامعة ستانفورد (Stanford)، جامعة واشنطن، جامعة دوك وغيرها من الجامعات الأمريكية، كما توجد العديد من الجامعات من جميع أنحاء العالم.

هل تمنح الجامعات المشاركة شهادات للناجحين في دروسها؟

أعلم أن هذا هو السؤال المطروح دائما من طرف الطلبة الجدد أو القدامي المقبلين على دخول خضم الحياة العملية التى تؤثر فيها الشهادات بنسبة معينة خاصة الشهادات الأجنبية مثل الممنوحة من قبل الجامعات المذكورة سابقا. 
للإجابة عن هذا السؤال لابد أن تعرف أنواع الدروس المتوفرة أو المنظمة من خلال هذا الموقع والمتمثلة في نوعين: 
  1. دروس التعليم الذاتي(Self Studying):  

    وهذا النوع يوفر لك جميع البرنامج أو المقرر الدراسي من الأول إلى الأخير تتصرف فيه كما تشاء من دون مراقبة أو ضابط زمني يظبطك في الإجابة عن الأسئلة والقيام بالواجبات المنزلية المرفقة. والظاهر من أنك لن تحصل على شهادة من خلال إكمالك للدرس لأنهم لا يمنحون شهادة لمثل هذا النوع من الدروس أصلا، مع العلم أن هذه الدروس ومن فترة إلى فترة تنظم دورات فيها لتصبح من النوع الثاني.
  2. الدروس المنظمة:

    وهي في غالب الأحيان تكون عبارة عن دروس من النوع الأول أعيد تنظيمها ومراقبتها وتحديد مدة زمنية لبدايتها وأخري لنهايتها مع تقيم وما رافق ذلك من التنظيمات والإجراءات التى ترافق الدروس المتعارف عليها عند الجميع. في مثل هذا النوع، نعم تمنح شهادات تحمل توقيع الجامعة ومنظم الدرس(الأساتذة).

قالب بلوجر خطوة خطوة(تنسيق css):

0 التعليقات
لغة السي أس أس لغة تنسيقية، أي أن دورها في الصفحات الموجودة على شبكة الانترنت يتمثل في التنسيق واظهار المحتوي بشكل جميل ومبهرج(ههه).
لا يحتاج النبوغ في هذه اللغة لجهد كبير لقلة قواعدها وسهولة استيعابها عندنا نحن البشر. لكن النتائج التي يمكن أن يقدمها كل فرد منا تختلف من شخص لآخر. فإتقانك لهذه اللغة ومعرفتك لقواعدها لا يعني أن صفحاتك ستكون جميلة في أعين الآخرين (ربما لدوقك الفاسد أو أنك مميز عن الآخرين). لذلك نجد أن المبدعين في مثل هذا الصنف من اللغات جلهم مصممون.

تنسيق قالبنا: 

في الأسطر الآتية سنقوم بتنسيق قالبنا (قالب برموج). وللعلم هذا القالب ثابت (أي أن حجم عناصره لا ولن يتغير بتغير أبعاد النافدة التي تحتويه).

*{
    margin: 0;
    padding: 0;
}
html{
    direction: rtl;
}

body{
    margin: 0;
    padding: 0;
    background: url('pixels.png') repeat #F7941E;   
}

#page-wrapper{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#outer-wrapper{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

/*header styles*/
#header{
    display: none
}

#crosscolPages{
    margin: 0;
    padding: 0;
    background: url('برموج.png');
    height: 280px;
}

#crosscolPages ul{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 121px;
    position: relative;
    right: 839px;
    border-radius: 0 0 10px 10px;
    background: #231F30;
    overflow: hidden;
}

#crosscolPages li{
    margin: 0;
    padding: 0;
    float: right;
}

#crosscolPages li a{
    display: block;
    margin: 0;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    color: #FFFFFF;
    font-family: fantasy;
}

#crosscolPages li a:hover{
    color: #F7941E;
}

/* navigation bar */
#crosscolLabels{
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-top: solid 1px #231F20;
}

#crosscolLabels ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

#crosscolLabels li{
    float: right;
    /*background:#231F20;*/
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

#crosscolLabels p{
    margin: 0;
    padding: 0;
    color: #F7941E;
    padding: 5px 10px 5px 10px;
    font-family: fantasy;
    background:#231F20;
}
#crosscolLabels li a{
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 100%;
    background:#231F20;
}

#crosscolLabels li a:hover{
    background: none;
    color: #231F20;
    font-family: fantasy;
    
}

#line-under-header{
    height: 16px;
    background: #231F20;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 265px;
}
#line-under-footer{
    height: 75px;
    background: #231F20;
    width: 100%;
    z-index: -1;
    margin-top: -75px;
    padding: 0;
}

/*========= التنسيقات الخاصةب الجسم الرئيسي الذي يحتوي الرسائل وغيرها من المكونات ====*/
#main-wrapper{
    width: 65%;
    float: right;
    margin-left: 10px;
    margin-top: 20px;
    background: #231F20;
    border-radius: 20px 20px 0 0;
    
}

/*======= النتسيقات الخاصة بالقائمة الجانبية =============================*/
#sidebar-wrapper{
    float:right;
    background: #231F20;
    margin-top: -30px;
    width: 30%;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    padding-bottom: 5px;
}

#sidebar-wrapper #search-bar{
    width: 90%;
    margin: auto;
}

#sidebar-wrapper #search-bar .search-box{
    width: 84.9%;
}

#sidebar-wrapper #most-readed-posts{
    width: 100%;
    margin: auto;
    text-align: center;
}

#sidebar-wrapper #most-readed-posts h2{
    font-size: 100%;
}
#sidebar-wrapper #most-readed-posts .most-readed-titles a{
    color: #F7941E;
    text-decoration: none;
    display: block;
    padding: 10px 0 10px 0;
}

#sidebar-wrapper #most-readed-posts .most-readed-titles a:hover{
    background: #F7941E;
    color: #231F20;
}

/*======== التنسيقات الخاصة بالرسائل=================*/

.posts{
    width: 96%;
    margin: auto;
    margin-top: 10px;
    background: #F7941E;
    border-radius: 10px;
    overflow: hidden;
    border: 4px solid #F7941E;
}

.posts .post-header{
    background: #F15A29;
    overflow: hidden;
}

.posts .post-header ul{
    list-style: none;
    overflow: hidden;
}

.posts .post-header ul li{
    float: right;
}

.posts .post-header h2{
    font-family: "Courier New";
    clear: both;
    margin: 0;
    margin-left: 40px;
    display: inline;
    
}

.posts .post-header h2 a{
    text-decoration: none;
    color: inherit;
    
}
.posts .post-header h2 a:hover{
    color: white;
    
}
.posts .post-header .post-date{
    background: #F7941E;
    margin: 0;
    border-radius: 0 0 10px 10px;
    padding: 5px;
    margin-bottom: 5px;
    box-shadow: 0px 0px 2px 3px #333;
    
}

.post-body{
    background: white;
    padding: 5px;
    font-family: arial, sans-serif;
    font-size: 24px;
    line-height: 1.5;
}

/*======== التنسيقات الخاصة بالذي ===========*/
#footer{
    clear: both;
    background: #231F20;
    overflow:hidden;
}
#footer #copyright{
    float: right;
    width: 65%;
    text-align: center;
    margin-top: 30px;
    font-size: 120%;
    color: #FFF;
}
#footer #share-blog{
    overflow:hidden;
    float: left;
    width: 35%;
}
#footer ul{
    list-style: none;
}

#footer ul li{
    float: right;
}
#footer #share-blog ul li a{
    display: block;
    margin: 5px;
    margin-top: 10px;
    border-radius: 10px;
}
#footer #share-blog ul li a img{
    background: transparent;
    width: 65px;
    height: 53px;
    
}


. جميع الحقوق محفوظة عالم الحاسوب 2014