الآداة السحرية firebug للتعديل على صفحات الإنترنت Online مباشرتاً

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXQLXYBfIYxx1zcdZ90w16FAZxedRpxnz1J9qB6NyAv_zk3P7HzmQMOe2AmCZar7Ostoi-j1adoZpAEwQtEjagH7D383FwFPvnUKi3kzWXCpZ1yRuWGVCpJnM6zWU2bE00TbWwF_q1OIc0/s1600/MiniSoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXQLXYBfIYxx1zcdZ90w16FAZxedRpxnz1J9qB6NyAv_zk3P7HzmQMOe2AmCZar7Ostoi-j1adoZpAEwQtEjagH7D383FwFPvnUKi3kzWXCpZ1yRuWGVCpJnM6zWU2bE00TbWwF_q1OIc0/s1600/MiniSoft.png" /></a></div><br />السلام عليكم ورحمة الله وبركاته<br />اليوم معنا آداة من افضل الآدوات التي يمكنك أن تحصل عليها في عالم تطوير الإنترنت, انها الاداة الافضل firebug لتعديل صفحات الانترنت وهي قيد التشغيل !!<br />كما أن من فوائد الآداة التي تجعل منك مصمم محترم هي انك تقوم بتجربة ما تقوم بعمله قبل ان تطبق هذا على موقعك او مدونتك<br />كيف ذلك ؟ هو ما سوف نتناوله الان ,, اولاً الآداة تعمل بمنتهى الإحترافية على متصفح FireFox فقط, لذلك يلزمنا متصفح فاير فوكس يمكنك تحميل الاصدار الاخير من ( <a href="http://minisoftwre.blogspot.com/2013/11/mozilla-firefox-2501.html" target="_blank">هنا </a>)<br />اما عن تركيب الآداة , ادخل <a href="https://addons.mozilla.org/en-US/firefox/addon/firebug/" target="_blank">هنا على هذا الرابط </a> , وتابع الصور ..<br /><br />ملاحظة هامة : لرؤية صور الشرح بوضوح إضغط على الصورة مرة واحدة فقط.<br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXpwXoNWZbygSiVbUgPI_KjvsyhKO6p-wwWauWKxqeJ-ABuidGzq4OT0hoOH6mMoLP4kowu7ynwT7s-vRkpfIV8WnOSwNL9y37whNd_sp9qe5k9Dxl7iROuPwG9tmG4CyxsJ57KOKKA7jZ/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXpwXoNWZbygSiVbUgPI_KjvsyhKO6p-wwWauWKxqeJ-ABuidGzq4OT0hoOH6mMoLP4kowu7ynwT7s-vRkpfIV8WnOSwNL9y37whNd_sp9qe5k9Dxl7iROuPwG9tmG4CyxsJ57KOKKA7jZ/s320/1.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">بعد الدخول على رابط الآداة ستجد الموقع كهذذا<br />إضغط على Add to Firefox</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0X0Aa1KQDrPv5WcjXNBPRepOCJvJTSfzRy6GgmwLL6B_ZwfpBozQOKsfDGnI9wngnWnhuRSzTsr6kX8C31giEUOpBOTcjDBmy0JLEHR4I2MiWzUfe0Dymg7J_snqg6U7OaMscBolyQ7Ar/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0X0Aa1KQDrPv5WcjXNBPRepOCJvJTSfzRy6GgmwLL6B_ZwfpBozQOKsfDGnI9wngnWnhuRSzTsr6kX8C31giEUOpBOTcjDBmy0JLEHR4I2MiWzUfe0Dymg7J_snqg6U7OaMscBolyQ7Ar/s320/2.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">ثم انتظر حتى يكتمل التحميل</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2umtaz20ZuP8NeV3UaZ-pNktkKAYcT_tTUFR8_jE58JIaHwDqL1ySCquq_Y9tMKnDifJNsNUdg4q99eJfjEDVZfpN2eNpfCTUPgjAz6IxATr9Ib8DWJNg4I0yj_pzjUq-KO6h2E7PhIPr/s1600/3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2umtaz20ZuP8NeV3UaZ-pNktkKAYcT_tTUFR8_jE58JIaHwDqL1ySCquq_Y9tMKnDifJNsNUdg4q99eJfjEDVZfpN2eNpfCTUPgjAz6IxATr9Ib8DWJNg4I0yj_pzjUq-KO6h2E7PhIPr/s320/3.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">حتى تأتي هذه النافذة و اضغط Install Now</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwuZcF6zreQ-UClKcMDXjRxP4RBNRrZSJWMf666GUlcs9ic5OoCHoSaJnTXQZ26MB4HI4AZv5WFHoZvNxjrh1JVQ9JQND8aGyiXm8Zv3yUKY90M9UXn249TVGfe1V6v3mZw7C8bFTUlHOi/s1600/4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwuZcF6zreQ-UClKcMDXjRxP4RBNRrZSJWMf666GUlcs9ic5OoCHoSaJnTXQZ26MB4HI4AZv5WFHoZvNxjrh1JVQ9JQND8aGyiXm8Zv3yUKY90M9UXn249TVGfe1V6v3mZw7C8bFTUlHOi/s320/4.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">بعد الضغط على تثبيت الاداة ستجدها هنا بهذا الشكل </td></tr></tbody></table> ونفترض انك الان فاتح مدونتك او موقع وضغطت على الاداة في هذا المكان في الصورة السابقة<br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0kgHuidoFp2hSrKwNscVQw2vYoGGsNUOD1QvFUsbuaDz1ZUqEwIHU2kO_mVCGb_J99ZbL91J6dCHcm_79g-psQz1_WLbLRYu2hXytmUpCeqs_pTHnJYoNBbhuoFVPi7kpZZ3UJKDmJCRK/s1600/5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0kgHuidoFp2hSrKwNscVQw2vYoGGsNUOD1QvFUsbuaDz1ZUqEwIHU2kO_mVCGb_J99ZbL91J6dCHcm_79g-psQz1_WLbLRYu2hXytmUpCeqs_pTHnJYoNBbhuoFVPi7kpZZ3UJKDmJCRK/s320/5.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">ستجد الاداه هكذا في اسفل الموقع<br />مقسومة نصفين النصف الاكبر هو كتابة الـ HTML و XML<br />النصف الاصغر هو كتابه CSS</td></tr></tbody></table> بقى لنا ان نحدد شئ في المدونة او الموقع و نقوم بالتعديل عليه<br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPVP569-6eoMK4S_bXeglefabml25MUF7iExPKuf_idzIgD0TgWNMCkgAeeF6yBLDzL14PW5_yKc4GLJFJfo-bi8NlRuFKo9-FlA3mpwXX0z-Qt3-KZel7xIB_8JrkPfpZaYCBwR5_62ay/s1600/6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPVP569-6eoMK4S_bXeglefabml25MUF7iExPKuf_idzIgD0TgWNMCkgAeeF6yBLDzL14PW5_yKc4GLJFJfo-bi8NlRuFKo9-FlA3mpwXX0z-Qt3-KZel7xIB_8JrkPfpZaYCBwR5_62ay/s320/6.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">انظر لهذا المربع الذي يتخلله سهم صغير, كل شغلنا سيكون من هذا المربع<br />اضغط عليه وجرب الوقوف على اي شئ في المدونة</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJq_PjGq79PmgsEMpyXMLqzQU0MMHRC-nxKV-RY2_Yn9eSVi4-T29GymMA8YEaxQMAwOXL_GyBlLdHdXcZr9tbg_aaMr6UFhviMYOVUbNj-ENuQjZ9go3YBEdCSIUmIKrI-CqTufvFcSjo/s1600/7.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJq_PjGq79PmgsEMpyXMLqzQU0MMHRC-nxKV-RY2_Yn9eSVi4-T29GymMA8YEaxQMAwOXL_GyBlLdHdXcZr9tbg_aaMr6UFhviMYOVUbNj-ENuQjZ9go3YBEdCSIUmIKrI-CqTufvFcSjo/s320/7.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">انا وقفت على عنوان موضوع انظر ,, تم تحديده بإطار ازرق<br />اضغط عليه الان وانظر لمكان الاداة</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqUl_D8wCzDdMWR4yw_mZqGb1-5IZhvAWqQuuKtj3z299G288TXKQQp6GvAf927peB7A9wVZa86doyYiO5ks2fg7E9w53TgAj1K6qVGB-7niyfH5ZF4EupqKpURHlCzZ1WCQSOOGjPfJz0/s1600/8.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqUl_D8wCzDdMWR4yw_mZqGb1-5IZhvAWqQuuKtj3z299G288TXKQQp6GvAf927peB7A9wVZa86doyYiO5ks2fg7E9w53TgAj1K6qVGB-7niyfH5ZF4EupqKpURHlCzZ1WCQSOOGjPfJz0/s320/8.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">انظر جيداً<br />1- هو مكان العنوان في صفحة html<br />2- هو مكان العنوان في صفحة CSS</td></tr></tbody></table> وبهذا يمكنك التعديل على اي شئ تريد<br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5p2Y-km9TideYCcYIS_j51vDE_sVgqHn0_fA9bh1-F8tdHpnfSVB87vwmyh9AIXRdICyJGPjTeuiG0BdsxGeyUa7kB363ac2qGqacbX0NNyh18gT1x26J3E43esPiBr6ZH1Q1La1WwPvt/s1600/9.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5p2Y-km9TideYCcYIS_j51vDE_sVgqHn0_fA9bh1-F8tdHpnfSVB87vwmyh9AIXRdICyJGPjTeuiG0BdsxGeyUa7kB363ac2qGqacbX0NNyh18gT1x26J3E43esPiBr6ZH1Q1La1WwPvt/s320/9.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">انظر هنا ,, ضغطت على فونت حتى اعدل على اي شئ اريده<br />وانفترض انني اريد تكبير الفونت؟؟ سأقوم بتغيير الرقم 18 الى 30 وننظر في الصورة التاليه</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiergxtPgh0EmaVL0YRnnCjVpbWFrxr3fL53Ydn-jiyx2L3k4glmYWNcPNY0JZrQSEgCyVILQIqNTG_qN8x_2kctYpmul7-jebnh8VRcgs77aePxB0fRM43hhSaWtFdqUwhiIFJ1vpPDoxY/s1600/10.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="79" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiergxtPgh0EmaVL0YRnnCjVpbWFrxr3fL53Ydn-jiyx2L3k4glmYWNcPNY0JZrQSEgCyVILQIqNTG_qN8x_2kctYpmul7-jebnh8VRcgs77aePxB0fRM43hhSaWtFdqUwhiIFJ1vpPDoxY/s320/10.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">تم تكبير العنوان</td></tr></tbody></table> إذا الآداة لها فائدة آخرى جميلة , وهي رؤية ما تقوم بعمله وهل هو مناسب ام لا قبل التطبيق على قالب المدونة<br />وإذا أردت تطبيق ما فعلته في المدونة فانظر الصورة التالية<br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifBnqFaV98aKLowC97-mhNqIKofMFDfgLcDoSlV0wMDnlx8O18CXbruSUC6Rzd0XMG6W1uBEHKMU9ekgqMiBzcqmLODXMwbxuPqq9Ta38ZhicJdyC5-Xtv8ReyG1YGWWEwv3NWnLRz4b14/s1600/11.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifBnqFaV98aKLowC97-mhNqIKofMFDfgLcDoSlV0wMDnlx8O18CXbruSUC6Rzd0XMG6W1uBEHKMU9ekgqMiBzcqmLODXMwbxuPqq9Ta38ZhicJdyC5-Xtv8ReyG1YGWWEwv3NWnLRz4b14/s320/11.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">قُم بالضغط على عنوان الكود الذي هو رقم واحد<br />ثم اضغط عليه كليك يمين وانسخه من كوبي رقم اتنين<br />وابحث عنه في المدونة وقم بتعديل ما تريد</td></tr></tbody></table>وبهذه الطريقة تستطيع تعديل اي شئ تريد وكل شئ وكأنك اصبحت من المحترفين<br /><div style="text-align: center;">وبهذا ايضاً ينتهي موضوعنا </div><div style="text-align: center;"><br />اترككم في حفظ الله</div><div style="text-align: center;">السلام عليكم</div></div>

الآداة السحرية firebug للتعديل على صفحات الإنترنت Online مباشرتاً

السلام عليكم ورحمة الله وبركاته اليوم معنا آداة من افضل الآدوات التي يمكنك أن تحصل عليها في عالم تطوير الإنترنت, انها الاداة الافضل firebug ...

اقرأ المزيد

نسخة تجريبية كاملة من برنامج Rapid PHP 2014 مع شرح تركيبه وشرح التشغيل

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHrC5I8xeG8tE4npQbzzA93GxGV5MBJbYFqF223byVqV1ntIW4lQzwtZBboU1G8qHwXCcxcU9XxyHyxxVDNC6l4HH_2xqi6UjjehBiMk7svXDfSZibO8ca9BwolUljgc1Kv7CBPlBSHRne/s1600/MiniSoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHrC5I8xeG8tE4npQbzzA93GxGV5MBJbYFqF223byVqV1ntIW4lQzwtZBboU1G8qHwXCcxcU9XxyHyxxVDNC6l4HH_2xqi6UjjehBiMk7svXDfSZibO8ca9BwolUljgc1Kv7CBPlBSHRne/s1600/MiniSoft.png" title="نسخة تجريبية كاملة من برنامج Rapid PHP 2014 مع شرح تركيبه وشرح التشغيل" /></a></div><div style="text-align: center;"><br /></div><div style="text-align: center;">السلام عليكم ورحمة الله وبركاته</div><div style="text-align: right;">اليوم بفضل الله اضع لكم برنامج Rapid php لإنشاء صفحات php و html و xml و css , ليس هذا فحسب , بل ان البرنامج حقاً رائع بمعنى الكلمة في هذا المجال , ويتميز بالاتي :</div><div style="text-align: right;"><br /></div><div style="text-align: right;">- سهولة التعامل مع الملفات.</div><div style="text-align: right;">- صفحات جاهزة لا ينقصها سوى وضع الأكواد.</div><div style="text-align: right;">- عند كتابة كود يعطيك البرنامج خيارات الكتابة واختيار الكود المناسب.</div><div style="text-align: right;">- التعديل على اي ملف بأي صيغة متعلقة بتصميم صفحات الإنترنت مثل : php - html - htm - css - xml - java - js - وغيرها الكثير جدا جداً من الصيغ .</div><div style="text-align: right;">لن نضيع وقتنا في كتابة مميزاته ولكن دعونا نختبر ذلك بأنفسنا من خلال شرح البرنامج</div><div style="text-align: right;"><br /></div><div style="text-align: center;">تحميل البرنامج , ( <a href="http://www.mediafire.com/download/zp2ha3j4jm68wqp/rapidphp12+By+Mini+Soft.rar" target="_blank">من هنا</a> )</div><div style="text-align: center;"><br /></div><div style="text-align: center;">والان دعونا مع الشرح ,, ملاحظة هامة , لرؤية الصور بوضوح إضغط على الصورة مرة واحدة فقط!!</div><div style="text-align: center;"><br /></div><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuqlWL3wt48GfMbPYVGlim3VU89_8-VoTEBsuuApAxqtb8vYA58VM2BCl_4fjN1Xhj4RePpCUYoMQHIOt2EqkZ85CUBCyfCxyRCdo63RD6a8ekBnGESD2fW1jrfmJjsUV7I42oIsyYVFWi/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuqlWL3wt48GfMbPYVGlim3VU89_8-VoTEBsuuApAxqtb8vYA58VM2BCl_4fjN1Xhj4RePpCUYoMQHIOt2EqkZ85CUBCyfCxyRCdo63RD6a8ekBnGESD2fW1jrfmJjsUV7I42oIsyYVFWi/s1600/1.png" title="الملف الذي يحتوي على البرنامج " /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">بعد تحميل البرنامج وفك الضغط عنه ستجد هذه الملفات<br />1- هو برنامجنا الذي سوف نقوم بتنصيبه<br />2- هي الآداة المساعدة التي تتيح لك استعراض ما تقوم بعمله كأنك تمتلك موقع<br />اضغط على برنامجنا رقم 1 للتنصيب وتابع</td></tr></tbody></table><div style="text-align: center;"><br /></div><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5DWr55Ef2vSy4rQ3wDfU9-0B9vJqk8xDKPAD7byyP-5gTciQa_Gse6LCoJQUI0zlcjpffqROlhxNOw43jQ05HN2Q1TliqJo2AN_KB0JA5DH_kohyphenhyphenYEXUFD22k6eIQSfKrjp9b4gSQPdNY/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5DWr55Ef2vSy4rQ3wDfU9-0B9vJqk8xDKPAD7byyP-5gTciQa_Gse6LCoJQUI0zlcjpffqROlhxNOw43jQ05HN2Q1TliqJo2AN_KB0JA5DH_kohyphenhyphenYEXUFD22k6eIQSfKrjp9b4gSQPdNY/s1600/2.png" title="خطوات تنصيب البرنامج" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط Ok </td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVEI4B768XCjlFi2cb1VwOi55GhQY_FAwkcuaxt-k7Vml_oTervKSfXqG7ceZmP3qpWbGpXY675L6T4VrKWnJmGG0tkMZYJ1zCh9kxvmRGmCMV7tsM8lyN7xzW_FObtmNBUKX5ZDw4b_ub/s1600/3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVEI4B768XCjlFi2cb1VwOi55GhQY_FAwkcuaxt-k7Vml_oTervKSfXqG7ceZmP3qpWbGpXY675L6T4VrKWnJmGG0tkMZYJ1zCh9kxvmRGmCMV7tsM8lyN7xzW_FObtmNBUKX5ZDw4b_ub/s320/3.png" title="اضغط متابعة" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط Next</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeC1GqQLTZu0nv_3raIiR7H_L5W7DIH33nA3FRPENbGxASXFQo0CZ6lsK3cX6wYQItqnGBF7oteW0gLnUNHe0AvInccL-x6KEKjneyI_vjigLCQoG_YYNI4PoobtSNg5J7Ygj8YHtU4-Nj/s1600/4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeC1GqQLTZu0nv_3raIiR7H_L5W7DIH33nA3FRPENbGxASXFQo0CZ6lsK3cX6wYQItqnGBF7oteW0gLnUNHe0AvInccL-x6KEKjneyI_vjigLCQoG_YYNI4PoobtSNg5J7Ygj8YHtU4-Nj/s320/4.png" title="وافق على الاتفاقية واضغط متابعة" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">1- وافق على الاتفاقية<br />2- اضغط Next </td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqYI9HqF4egaTtFoK559CuDQSY8y8mCtIQBmmJh10TR5I1xY0EbH6tJ2SuNXGtQK-j_q3xL5Z7PajFIPy0V_XtXrGYWqBVQvvm4GLCV0pU6K98qatZXcrVAhKs6VV7_v5KEX81XfGGYTTw/s1600/5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqYI9HqF4egaTtFoK559CuDQSY8y8mCtIQBmmJh10TR5I1xY0EbH6tJ2SuNXGtQK-j_q3xL5Z7PajFIPy0V_XtXrGYWqBVQvvm4GLCV0pU6K98qatZXcrVAhKs6VV7_v5KEX81XfGGYTTw/s320/5.png" title="اضغط متابعة" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط Next</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoMD57wkHTHKEttD1VfWs2_wkPfenmyGMGFv-npbPPzpSshJA3QISZKd9RLhACNNJ2nFhA8i2iQraLr5yWEe061F0OBOZM4-aPSO5QVzJzZCgWXAyust6CDftMLttZqEjHHqhhuM-7IJ0e/s1600/6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoMD57wkHTHKEttD1VfWs2_wkPfenmyGMGFv-npbPPzpSshJA3QISZKd9RLhACNNJ2nFhA8i2iQraLr5yWEe061F0OBOZM4-aPSO5QVzJzZCgWXAyust6CDftMLttZqEjHHqhhuM-7IJ0e/s320/6.png" title="اضغط متابعة" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط Next</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2K4qIZuVqh2ypKd7SG3CSMnBZMQikp3XRILqpwrlz8B-gnnKSZGudRJlu3Dz6knXdQPZfSI1Dlb5hQtdiMyJTV7dn36ZWzveWGsT_zATMmA1ejgECvjWsb9xmHQ8KputsJSTscK9HVPTG/s1600/7.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2K4qIZuVqh2ypKd7SG3CSMnBZMQikp3XRILqpwrlz8B-gnnKSZGudRJlu3Dz6knXdQPZfSI1Dlb5hQtdiMyJTV7dn36ZWzveWGsT_zATMmA1ejgECvjWsb9xmHQ8KputsJSTscK9HVPTG/s320/7.png" title="اضغط متابعة ولا تضع اشارة على الشريط الاصفر" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">1- لا تضع علامة هنا<br />2- إضغط Next</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyFwLMhb2Ihu5IUR4r9QeRzymXLVR7qixwgBALdgeJqFuFdpUEmJrRCkm-nTeAoeJD-qHb5SgaHald-VrbxGqSnCZ9OmKlIOkUdEFR0mGispmG5RWFyYte6HUsChMXcO_Guu1dK1wWtVu3/s1600/8.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyFwLMhb2Ihu5IUR4r9QeRzymXLVR7qixwgBALdgeJqFuFdpUEmJrRCkm-nTeAoeJD-qHb5SgaHald-VrbxGqSnCZ9OmKlIOkUdEFR0mGispmG5RWFyYte6HUsChMXcO_Guu1dK1wWtVu3/s320/8.png" title="اضغط متابعه" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">إضغط Next</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe357vRMKrYwYCg1YdyPZIHQyZjL79kYhLJxZJPJWoRjeh9VoGdWAj4bQ-KNqYdkZJBPGLfvC7ULu5nAQMqGHLxWOVKnmC4jNHAw6mGwjbkK8t3ttdgcHK29R3L5FurtbxKWfn3luRXKsO/s1600/9.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe357vRMKrYwYCg1YdyPZIHQyZjL79kYhLJxZJPJWoRjeh9VoGdWAj4bQ-KNqYdkZJBPGLfvC7ULu5nAQMqGHLxWOVKnmC4jNHAw6mGwjbkK8t3ttdgcHK29R3L5FurtbxKWfn3luRXKsO/s320/9.png" title="جاري تثبيت البرنامج" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">جاري التنصيب</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgkRfTa1POrhhhvemUD8qxQmMBUfKiqzPQ5yqaql_JL0DKWMgCvNBBlqBwAbbyadA7gAumWSk3JGlR8UGNnJtSSAs69LPJz4jcnMA03NQKFo8FAkDnslxOh0p5wHR3ka9HDUzK9DNZa8eV/s1600/10.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgkRfTa1POrhhhvemUD8qxQmMBUfKiqzPQ5yqaql_JL0DKWMgCvNBBlqBwAbbyadA7gAumWSk3JGlR8UGNnJtSSAs69LPJz4jcnMA03NQKFo8FAkDnslxOh0p5wHR3ka9HDUzK9DNZa8eV/s320/10.png" title="اضغط متابعه" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط Next</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj1sv41sNzSk8P1yNM6NsuPZnO03oJUvO3jyL0M2wIrbahyTRknfBV0W7ygkkbEctLt2kdGKWMNz11qd8S2c1GiR8RD6n3m7yuVBoG_oGi4StCgKVm0xZryPCXiuFbl1TIAh1rHE53__0P/s1600/11.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj1sv41sNzSk8P1yNM6NsuPZnO03oJUvO3jyL0M2wIrbahyTRknfBV0W7ygkkbEctLt2kdGKWMNz11qd8S2c1GiR8RD6n3m7yuVBoG_oGi4StCgKVm0xZryPCXiuFbl1TIAh1rHE53__0P/s320/11.png" title="اضغط انهاء ولا تحذف اشارة الشريط المظلل بالاصفر" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">1- لا تحذف هذه العلامة<br />2- اضغط Finish</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEids8ltZ40kUxVtvqInR7zbPDtQnPu8kEWaaQoiwgZ6r_MxP_FE20UYZx3TO220aVhsRYoIJ2wLheCG3XOF-xnesYEnW831zIOQDPp1ngIwCkVBlP0qXhJ7KKmRx5Qwtm8E0gLa6bvliQ_2/s1600/12.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEids8ltZ40kUxVtvqInR7zbPDtQnPu8kEWaaQoiwgZ6r_MxP_FE20UYZx3TO220aVhsRYoIJ2wLheCG3XOF-xnesYEnW831zIOQDPp1ngIwCkVBlP0qXhJ7KKmRx5Qwtm8E0gLa6bvliQ_2/s320/12.png" title="تشغيل البرنامج للمرة الأولى " width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط Evaluate</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0y_AJKVkTo0S5QACbErT3jkfT4vFxYJXhQUgeZh_JX3Erf1waYHgqkZLcOaWh-V1C6Rtvr0hFM9OfgwBDLbjbSXHKwZfyCZNi-RU12pwK_OvQUjU4_jHL6Dke1uAXeJE0b8QjffveGmd4/s1600/13.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0y_AJKVkTo0S5QACbErT3jkfT4vFxYJXhQUgeZh_JX3Erf1waYHgqkZLcOaWh-V1C6Rtvr0hFM9OfgwBDLbjbSXHKwZfyCZNi-RU12pwK_OvQUjU4_jHL6Dke1uAXeJE0b8QjffveGmd4/s320/13.png" title="اضغط متابعه" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط Next</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKew0oEr4zG_WMOb35a3DfwuZkCQuJfLm9Ki9ZQQBw71T-_Cz89HgR_-nMEhA74zwNu1k7KuOK7HG3mwcuwkx-ZMs8Cmpk6GM4eOSj8PSYiyhnt2pbBFsx4Sgf794eOyW8xdHdUADquLJB/s1600/14.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKew0oEr4zG_WMOb35a3DfwuZkCQuJfLm9Ki9ZQQBw71T-_Cz89HgR_-nMEhA74zwNu1k7KuOK7HG3mwcuwkx-ZMs8Cmpk6GM4eOSj8PSYiyhnt2pbBFsx4Sgf794eOyW8xdHdUADquLJB/s320/14.png" title="اضغط متابعه" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط Next</td></tr></tbody></table><div style="text-align: center;"><br /></div><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdBM4AbYkm57FRldVfMUMNtOYB-LJE2NyXbP88_eM_9IYruzWuvyJwXJG3N8DzOSzQvz4VSFB3MTEKmYRSQJIhtqxy4gki0364SSJMFTF45IYrGXvrBB0nQP9oV6IeD0t6zds5-obuQfSe/s1600/15.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdBM4AbYkm57FRldVfMUMNtOYB-LJE2NyXbP88_eM_9IYruzWuvyJwXJG3N8DzOSzQvz4VSFB3MTEKmYRSQJIhtqxy4gki0364SSJMFTF45IYrGXvrBB0nQP9oV6IeD0t6zds5-obuQfSe/s320/15.png" title="حدد الكل ثم اضغط متابعه" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">1- اضغط Select All<br />2- اضغط Next</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu47JVtO-2pM93ziekI8Ekdl-d95_SexPjIbX51B_90t7_2xcsTHUkQbbRzQlGDkXApnkeFQIOm29n-qGPZGROxbQuKDOFcDKaQ4vcZKFON3nfc7hSvezW1eL0Mw4djQVKqLg1_y6JzSlZ/s1600/16.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu47JVtO-2pM93ziekI8Ekdl-d95_SexPjIbX51B_90t7_2xcsTHUkQbbRzQlGDkXApnkeFQIOm29n-qGPZGROxbQuKDOFcDKaQ4vcZKFON3nfc7hSvezW1eL0Mw4djQVKqLg1_y6JzSlZ/s320/16.png" title="اضغط التالي" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط Next</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsbIEqEwd3872j3OUE7VelGuO4cC-49FraZZpAJS23ViNYBtRjmUQDTXjeboiJVFkYSRvXLnv2GXGYYdKnqixUORkLoP530sUetWkNBd6K4D8r_RyLxmr88_JJP_OECg6p06rgMo8xkExK/s1600/17.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsbIEqEwd3872j3OUE7VelGuO4cC-49FraZZpAJS23ViNYBtRjmUQDTXjeboiJVFkYSRvXLnv2GXGYYdKnqixUORkLoP530sUetWkNBd6K4D8r_RyLxmr88_JJP_OECg6p06rgMo8xkExK/s320/17.png" title="اضغط متابعه" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط Next</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3bpwK2ndr7nbRooqErqSQoMWJH0sGNJnWv__dHGISHoxLeAomPRlR8JxAVzeEJl-ASdtOZa2hesa3_LFtLmhEGeSWvrbeBpt0PPveglCvDjEnas6qOIUOvzXVcU2y4q_mLV2QKaCkcNKo/s1600/18.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3bpwK2ndr7nbRooqErqSQoMWJH0sGNJnWv__dHGISHoxLeAomPRlR8JxAVzeEJl-ASdtOZa2hesa3_LFtLmhEGeSWvrbeBpt0PPveglCvDjEnas6qOIUOvzXVcU2y4q_mLV2QKaCkcNKo/s320/18.png" title="اضغط متابعه" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط Next</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjYgm1DcLWZVBgATU89tpmSzIBzuIkg2BoDxhA5DUME2YonFLyAFlBjAz2Wjhuoimw95i0RArXKuAlCVSC-NtpxOubyZZVVPRlyfD1I3RtVF8NNUrC0m6MtdTgpG6QLD4wj5BcK888umjy/s1600/19.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjYgm1DcLWZVBgATU89tpmSzIBzuIkg2BoDxhA5DUME2YonFLyAFlBjAz2Wjhuoimw95i0RArXKuAlCVSC-NtpxOubyZZVVPRlyfD1I3RtVF8NNUrC0m6MtdTgpG6QLD4wj5BcK888umjy/s320/19.png" title="اضغط متابعه" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط Next</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWHKNyRUWxpaFn__MJl679czIFBbJk-Id9yK1kLvMNiHrgltTFQAAgcmmunAGQMMnH6V2fPVeuEBHdjMWIHGtZ7DpXWN2ElOthRevNSzD6eLW-GsorCPgAo1vq0XDTJyhbMvxnD2PMbgY8/s1600/20.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWHKNyRUWxpaFn__MJl679czIFBbJk-Id9yK1kLvMNiHrgltTFQAAgcmmunAGQMMnH6V2fPVeuEBHdjMWIHGtZ7DpXWN2ElOthRevNSzD6eLW-GsorCPgAo1vq0XDTJyhbMvxnD2PMbgY8/s320/20.png" title="اضغط انهاء" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط Finfish</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0mmu0P7aCJ6v_PAWbANFFMT_BgxYdWHFf0XmzaQDHjCblLPEvj4lbf3h7a5zlp1xYHHQi3NmhMFKoYoiAv-6XQT9W6nX2fyVfWzQx1jsTtkXPONu4os65Ai4lzGmlAaI9EYsU7OUlQBs_/s1600/21.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0mmu0P7aCJ6v_PAWbANFFMT_BgxYdWHFf0XmzaQDHjCblLPEvj4lbf3h7a5zlp1xYHHQi3NmhMFKoYoiAv-6XQT9W6nX2fyVfWzQx1jsTtkXPONu4os65Ai4lzGmlAaI9EYsU7OUlQBs_/s320/21.png" title="واجهة البرنامج" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">تظهر لك الواجهة الأولى للبرنامج هكذا</td></tr></tbody></table><div style="text-align: center;">وبهذا تم تنصيب البرنامج بطريقة صحيحة فقط بقى لدينا تنصيب الآداة المساعدة التي تمكننا من ما نقوم بعمله كما لو أننا نمتلك سرفر </div><div style="text-align: center;">البرنامج رقم 2 من البرامج التي قُمنا بتحميلها اضغط عليه لتنصيبه وتابع الصور</div><div style="text-align: center;"><br /></div><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEksWo-wv6paFSwXD7WZOLiwFwAUHAjrWbgatCB3txQjc1uBxlVy0IPmYOaE_RJfY3BvBBD3tAKxRgE3aA9QP2aBCrb-Dq7gDFol0v0jx47quwFkr-sbJlIWCtcSjGvaU8JSW2zxje73xT/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEksWo-wv6paFSwXD7WZOLiwFwAUHAjrWbgatCB3txQjc1uBxlVy0IPmYOaE_RJfY3BvBBD3tAKxRgE3aA9QP2aBCrb-Dq7gDFol0v0jx47quwFkr-sbJlIWCtcSjGvaU8JSW2zxje73xT/s320/1.png" title="اضغط متابعه" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط next</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEittaCxezxsycRvxHX2I_mIEfgTKVDU1OcPLNZYA3wH7cEGj75Xsd885nFyDRMAygzYVmVqTL-3Mv6W8qhUWqMmvvqzQfRueL9UYYvam2XeseQY0MOpnpXGh9t-otYY0hndMccySvVERU6d/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEittaCxezxsycRvxHX2I_mIEfgTKVDU1OcPLNZYA3wH7cEGj75Xsd885nFyDRMAygzYVmVqTL-3Mv6W8qhUWqMmvvqzQfRueL9UYYvam2XeseQY0MOpnpXGh9t-otYY0hndMccySvVERU6d/s320/2.png" title="اضغط متابعه" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط next</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjB67FIYW5jsQWjlBX4Myvjhn5fjHw5Sat4nUTZw8UPRlLHwDHoQMH0JqpbRZpjMPQKKb9u3Jv-HU1UQh_hTVBTIt1bS_gaZE7FXnkclA9I5KrrDpxnAi6Jo7Aeh2vPFOIhr2KSJNhb_RU/s1600/3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjB67FIYW5jsQWjlBX4Myvjhn5fjHw5Sat4nUTZw8UPRlLHwDHoQMH0JqpbRZpjMPQKKb9u3Jv-HU1UQh_hTVBTIt1bS_gaZE7FXnkclA9I5KrrDpxnAi6Jo7Aeh2vPFOIhr2KSJNhb_RU/s320/3.png" title="اضغط تثبيت" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط install</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnDbV-Zpbu8psztl4FXNFn3EzcVCqitVBPdaoqJy14T_pp2GrknmA5w-3QS_mlkHxbrR2OfpppOZu5VR_4aMMv3wa7JB504Hh0DHsP3uiysC6Ki9ZC17nHszEyWaXhPb_j2shXG0EOQQun/s1600/4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnDbV-Zpbu8psztl4FXNFn3EzcVCqitVBPdaoqJy14T_pp2GrknmA5w-3QS_mlkHxbrR2OfpppOZu5VR_4aMMv3wa7JB504Hh0DHsP3uiysC6Ki9ZC17nHszEyWaXhPb_j2shXG0EOQQun/s320/4.png" title="جاري التثبيت" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">جاري التنصيب</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7hbd-wK_IltKYHtTqdCQ2cq1fO0wKGSUoPdi6Xq4nxmStVa0BWjPqyON_dCs7cAlzNJ1oFwJknHpQY8VqDlyIeX3ErjZjI9ThLdyO0N8fKCn8Hd00YQCGn-7JGCDJO2s-kQKjqyJD1B_/s1600/5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7hbd-wK_IltKYHtTqdCQ2cq1fO0wKGSUoPdi6Xq4nxmStVa0BWjPqyON_dCs7cAlzNJ1oFwJknHpQY8VqDlyIeX3ErjZjI9ThLdyO0N8fKCn8Hd00YQCGn-7JGCDJO2s-kQKjqyJD1B_/s320/5.png" title="اضغط انهاء" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط finish</td></tr></tbody></table><div style="text-align: center;">و بهذا تكون قد حصلت على افضل محرر ملفات انترنت وايضاً سرفر مجاني للفترة المجانية التي يحددها لك البرنامج</div><div style="text-align: center;">والدروس القادمة ان شاء الله سيكون هناك شرح لإستخدام البرنامج </div><div style="text-align: center;">اترككم في رعاية الله </div><div style="text-align: center;">السلام عليكم</div></div>

نسخة تجريبية كاملة من برنامج Rapid PHP 2014 مع شرح تركيبه وشرح التشغيل

السلام عليكم ورحمة الله وبركاته اليوم بفضل الله اضع لكم برنامج Rapid php لإنشاء صفحات php و html و xml و css , ليس هذا فحسب , بل ان البرنامج...

اقرأ المزيد

المتصفح الأكثر من رائع Mozilla Firefox في آخر إصدار 25.0.1

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhia6Rw3s5TZKF1YZtsmxh03Uw0_MxsQG4JeRxmDQ1ufP0UanlP_eJAFXaTFgM_-oq5CBaqiOKIw-tGXg7UdcJg4_z6FcR7pGmgq-StEttsN1LawGFoRJrznk-6b_wrxuF7qDmPL7JyPjVD/s1600/MiniSoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhia6Rw3s5TZKF1YZtsmxh03Uw0_MxsQG4JeRxmDQ1ufP0UanlP_eJAFXaTFgM_-oq5CBaqiOKIw-tGXg7UdcJg4_z6FcR7pGmgq-StEttsN1LawGFoRJrznk-6b_wrxuF7qDmPL7JyPjVD/s1600/MiniSoft.png" title="المتصفح الأكثر من رائع Mozilla Firefox في آخر إصدار 25.0.1" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">السلام عليكم ورحمة الله وبركاته</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">اليوم اضع لكم البرنامج الأكثر من رائع متصفح Mozilla Firefox الذي لا غنى عنه لأي جهاز متصل بالإنترنت</div><div class="separator" style="clear: both; text-align: center;">متصفح فاير فوكس بالرغم من انه متصفح مجانياً إلا أنه يعد من أفضل المتصفحات في عالم الإنترنت وذلك لما يحتويه من أمان اثناء التصفح وسرعه في تحميل المواقع وايضاً الأدوات الكثيرة جداً التي يحتوي عليها.</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">مهما تكلمنا عن البرنامج فلت نعطيه حقه الا اذا قُمت بالتجربة والتجربة خير برهان ومنكم فعلاً من يعرف قيمة هذا المتصفح الأكثر من رائع لذا سوف ننتقل مباشرتاً الى مرحلة التحميل </div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">تحميل البرنامج </div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">حجم البرنامج : 23 ميجا بايت</div><div class="separator" style="clear: both; text-align: center;">إصدار البرنامج : 25.0.1</div><div class="separator" style="clear: both; text-align: center;">للتحميل : <a href="http://www.mediafire.com/download/mwcrou532voru2u/Firefox+Setup+25.0.1+By+Mini+Soft.rar" target="_blank">اضغط هنا</a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">تم بحمد الله </div><div class="separator" style="clear: both; text-align: center;">والى لقاءاً آخر وبرنامج جديد </div><div class="separator" style="clear: both; text-align: center;">السلام عليكم</div></div>

المتصفح الأكثر من رائع Mozilla Firefox في آخر إصدار 25.0.1

السلام عليكم ورحمة الله وبركاته اليوم اضع لكم البرنامج الأكثر من رائع متصفح Mozilla Firefox الذي لا غنى عنه لأي جهاز متصل بالإنترنت متصفح فا...

اقرأ المزيد

قواعد اساسية لابد منها لتعريف كتابة اوامر الـ CSS

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVElNPrJQFQe6Df_XuO5Dmgc0gnHv1OwtAnwFEOqp0QMJQWpC7GqixWmXiJ3wy95SuqTLLOmlB3evBtedt9NyHdKwjK4VYh_Xuu1exrqLIAPLyOzDSHh0WN1NYbNag80XuisQxcPECoMWF/s1600/MiniSoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVElNPrJQFQe6Df_XuO5Dmgc0gnHv1OwtAnwFEOqp0QMJQWpC7GqixWmXiJ3wy95SuqTLLOmlB3evBtedt9NyHdKwjK4VYh_Xuu1exrqLIAPLyOzDSHh0WN1NYbNag80XuisQxcPECoMWF/s1600/MiniSoft.png" title="قواعد اساسية لابد منها لتعريف كتابة اوامر الـ CSS" /></a></div><br />السلام عليكم ورحمة الله وبركاته ..<br /><br />درسنا اليوم من اوائل دروس دورة تعلم الكتابة لغة CSS<br />يدور حول اساسيات و قواعد لابد من توفرها حتى يتاح لك استخدام هذه الخاصية بنجاح.<br />بالنسبة للمدونات بلوجر فدائماً هنام قاعدة ثابتة وهي , اكواد CSS تبدأ بوسم وتنتهي بوسم كما التالي:<br /><br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><span style="color: blue;"><b:skin></span><span style="color: red;"><![CDATA[</span><br />body {<br />background: #00CCFF;<br />margin: 0;<br />padding: 0;<br />color: #333333;<br />font: normal normal 14px 'Droid Arabic Naskh',Arial,Tahoma,Sans-Serif;<br />text-align: center<br />}<br />a:link,a:visited {<br />color: #13A7DA;<br />text-decoration: none;<br />outline: none;<br />}<br />a:hover,a:active {<br />color: #292929;<br />text-decoration: none;<br />outline: none;<br />}<br /><span style="color: red;">]]></span><span style="color: blue;"></b:skin></span></code></pre>اما في المواقع والمدونات الآخرى وايضاً بلوجر يتم استخدام الآكواد بالشكل التالي:<br /><br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><br /><span style="color: blue;"><style</span> <span style="color: red;">type</span>='<span style="color: #990000;">text</span>/<span style="color: #990000;">css</span>'<span style="color: blue;">></span><br />body {<br />background: #00CCFF;<br />margin: 0;<br />padding: 0;<br />color: #333;<br />font: normal normal 14px 'Droid Arabic Naskh',Arial,Tahoma,Sans-Serif;<br />text-align: center<br />}<br />a:link,a:visited {<br />color: #13A7DA;<br />text-decoration: none;<br />outline: none;<br />}<br />a:hover,a:active {<br />color: #292929;<br />text-decoration: none;<br />outline: none;<br />}<br /><span style="color: blue;"></style></span></code></pre>ما هي القاعدة الثابتة  في كتابة أكواد CSS ؟ التالي ..<br /><br /><div dir="ltr" style="text-align: left;"><span style="font-size: x-large;"><span style="color: red;">#</span><span style="color: blue;">outer-wrapper </span><span style="color: #38761d;">{</span><span style="color: #990000;">padding</span>: <span style="color: #bf9000;">3px</span>;<span style="color: #38761d;">}</span></span></div><div><br /></div>سوف نأخذهم بالتدريج من الشمال لليمين ونشرح اسم كل جزء ملون في هذا الكود<br /><div><br /></div><div><span style="color: red;"># المعرف الذي يوضع في صفحات html والذي يسمى id ويمكن ان يكون مكانه فئة وهي النقطة التي تسمى class , ويمكن استخدام كل شئ في صفحة html من روابط و معرفات وفئات</span></div><div><span style="color: blue;"><br /></span></div><div><span style="color: blue;">outer-wrapper يسمى في الكود Selector  او المُحدد ولا يشترط ان يكون outer-wrapper, بل المقصود الموضع نفسه في الكود</span></div><div><span style="color: #38761d;"><br /></span></div><div><span style="color: #38761d;">} بداية كتابة الكود</span></div><div><span style="color: #990000;"><br /></span></div><div><span style="color: #990000;">padding  هي من ضمن الخصائص التي تتحكم في تصميم الموقع او المدونة , وليس المقصود هنا padding بل المقصود المكان نفسه في الكود وينتهي دائماً ب نقطتين فوق بعضهم هكذا </span>: </div><div><span style="color: #bf9000;"><br /></span></div><div><span style="color: #bf9000;">3px هذا المكان في الكود يُسمى value او القيمة المعطاه للخاصية المحددة</span></div><div><br /></div><div>; الفاصلة المنقوطة تكون فاصل بين كل كود والاخر مثال الكود هذا </div><div dir="ltr" style="text-align: left;"><span style="font-size: large;"><br /></span></div><div dir="ltr" style="text-align: left;"><span style="font-size: large;">#outer-wrapper {padding: 3px<span style="color: red;">; </span>margin: 0px<span style="color: red;">;</span>}</span></div><span style="color: #38761d;"></span><br /><div><span style="color: #38761d;"><span style="color: #38761d;"><br /></span></span></div><span style="color: #38761d;">{ نهاية مجموعة الأكواد كما في الكود السابق هذا </span><br /><div><br /></div><div style="text-align: center;">وبهذا نكون قد اطلعنا على اساس وضع اكواد هذه التقنية الجميلة</div><div style="text-align: center;">اترككم في رعاية الله إلى درساً جديد من دروس الدورة</div></div>

قواعد اساسية لابد منها لتعريف كتابة اوامر الـ CSS

السلام عليكم ورحمة الله وبركاته .. درسنا اليوم من اوائل دروس دورة تعلم الكتابة لغة CSS يدور حول اساسيات و قواعد لابد من توفرها حتى يتاح لك ا...

اقرأ المزيد

ما هو id وما هو class والفرق بينهم

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPUr-RytjipU9mAfHLUZig_Qw9FBA-V7XdTweobusD9jbrlxuI3k8SXRILP0B_tb_AXkqLLsZMXVUecO_m14P7qRpVuwmA40HzzP0RWNT6_fF083mmDpG-3CUFUakf1dB-Lwl9__BVNAUX/s1600/MiniSoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPUr-RytjipU9mAfHLUZig_Qw9FBA-V7XdTweobusD9jbrlxuI3k8SXRILP0B_tb_AXkqLLsZMXVUecO_m14P7qRpVuwmA40HzzP0RWNT6_fF083mmDpG-3CUFUakf1dB-Lwl9__BVNAUX/s1600/MiniSoft.png" title="ما هو id وما هو class والفرق بينهم" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div>السلام عليكم ورحمة الله وبركاته<br />درسنا اليوم من دروس دورة تعلم تقنية CSS وهو التعرف على الفئات والمعرفات id و class والفرق بينهم<br />الـ id و الـ class هما المعرفات الاساسية التي توضع داخل وسوم  HTML و XML لتتعرف عليها تقنية الـ CSS ويتاح لك التعديل على كل كبيرة وصغيرة بالموقع من خلفية للموقع واطارت و الوان للخطوط و الوان لكل شئ و خلفيات للصور و تحديد حجم الصور و الخطوط ايضاً وشكلها<br />باختصار تستطيع ان تقول ان تقنية الـ CSS مسئولة عن كل شئ مرتبط بشكل وتنسيق وتصميم الموقع.<br /><br />إجابة سؤالنا, ما هو id وما هو class والفرق بينهم، التالي :<br /><span style="color: #0b5394;">id يسمى مُعرف .. class يسمى فئة</span><br /><span style="color: #0b5394;">id يمكن أن يندرج تحته فئات كثيرة ولا يمكن ان يتكرر اسمه .. class يمكن ان يتكرر اسمه مرات ومرات على عكس id</span><br /><span style="color: #0b5394;">id يكتب قبله #  .. class يكتب قبله دائماً . نقطة ,, ودعونا نأخذ مثال عملي :</span><br /><br /><div style="text-align: center;">-id مكتوب في صفحة HTML:</div><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><span style="color: #38761d;"><div</span><span style="color: red;"> id</span>='<span style="color: blue;">welcome</span>'<span style="color: #38761d;">></span>to MiniSoft<span style="color: #38761d;"></div></span></code></pre><div style="text-align: center;">-id مكتوب في صفحة CSS</div><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><div style="text-align: left;"><br /> <span style="color: red;"> #</span><span style="color: blue;">welcome </span>{</div><br /><div style="text-align: left;"><br />    color: #000;</div><br /><div style="text-align: left;"><br />    font: normal normal 12px Tahoma, Geneva, sans-serif;</div><br /><div style="text-align: left;"><br />  } </div><br /></code></pre><span style="color: red; font-size: x-small;">نلاحظ أن id اصبح ( # ) وكتبت بجانبه welcome لأنها مكتوبة بجانب id في صفحة HTML</span><br /><br />-class مكتوب في صحفحة HTML<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><span style="color: #38761d;"><div</span> <span style="color: red;">class</span>='<span style="color: blue;">mini</span>'<span style="color: #38761d;">></span>soft<span style="color: #38761d;"></div></span></code></pre>-class مكتوب في صفحة CSS<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"> <span style="color: red;"> .</span><span style="color: blue;">mini </span>{<br />    background-color: #CC0000;<br />    text-align: center;<br />  }</code></pre><span style="color: red; font-size: x-small;">نلاحظ أن class اصبح نقطة ( . )  و كتبت بجانبها mini لأنها مكتوبة بجانب class في صفحة HTML</span><br /><span style="color: red; font-size: x-small;"><br /></span>نأخذ مثال آخر على كيفية تكرار الفئة class :<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><span style="color: #38761d;"><div</span> <span style="color: red;">class</span>='<span style="color: blue;">mini</span>'<span style="color: #38761d;">></span>ميني سوفت على تويتر<span style="color: #38761d;"></div></span><br /><span style="color: #38761d;"><div</span> <span style="color: red;">class</span>='<span style="color: blue;">mini</span>'<span style="color: #38761d;">></span>ميني سوفت على جوجل كروم<span style="color: #38761d;"></div></span><br /><span style="color: #38761d;"><div</span> <span style="color: red;">class</span>='<span style="color: blue;">mini</span>'<span style="color: #38761d;">></span>ميني سوفت ع الفيس بوك<span style="color: #38761d;"></div></span></code></pre> كل هذه الوسوم المتشابهه تكتب في صفحة CSS هكذا:<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml">  <span style="color: red;">.</span><span style="color: blue;">mini </span>{<br />    background-color: #CC0000;<br />    text-align: center;<br />  }</code></pre>.إذاً فهمنا أن الوسم هو الملون و الذي يوجد بداخله كلمات كما رأينا, هذا بعكس المعرف id لا يمكن ان يتكرر نفس الوسم في نفس الصفحة او القالب كاملاً,,,<br /><br /><div style="text-align: center;">اتمنى ان تكون وصلت المعلومة والى اللقاء ان شاء الله في درس آخر من دروس الدورة </div><div style="text-align: center;">السلام عليكم </div></div>

ما هو id وما هو class والفرق بينهم

السلام عليكم ورحمة الله وبركاته درسنا اليوم من دروس دورة تعلم تقنية CSS وهو التعرف على الفئات والمعرفات id و class والفرق بينهم الـ id و الـ...

اقرأ المزيد

جديد : الطريقة المضمونة جداً لإضافة تعليقات الفيس بوك للمدونة و تحديد صورة خاصة بموقعك لعرضها مع مشاركاتك ع الفيس بوك

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwGoJl0h8NyME_uGCybcoLygNIlGGLxDLIi5KOoXO0f6Zrtp3i4Sw7QRA-cwwhyphenhyphenSBidozL7rMjcDwM7pljlnfEDTxoKOtd9XefGKHkxtGALTubUf6aRK4Qo4hfUTX25iLLO-LdyLwNbUbs/s1600/MiniSoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwGoJl0h8NyME_uGCybcoLygNIlGGLxDLIi5KOoXO0f6Zrtp3i4Sw7QRA-cwwhyphenhyphenSBidozL7rMjcDwM7pljlnfEDTxoKOtd9XefGKHkxtGALTubUf6aRK4Qo4hfUTX25iLLO-LdyLwNbUbs/s1600/MiniSoft.png" /></a></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;">السلام عليكم ورحمة الله وبركاته</div><div style="text-align: center;"><br /></div><div style="text-align: right;">فيما مضى قُمنا بشرح اضافة تعليقات الفيس بوك الى المدونة بلوجر ويمكنك الإطلاع على الشرح من ( <a href="http://minisoftwre.blogspot.com/2013/07/blog-post_26.html" target="_blank">هنا</a> )</div><div style="text-align: right;">اما اليوم ان شاء الله موضوعنا هو كيفية تحديد صورة خاصة لجميع المشاركات التي تقوم بنشرها على الفيس بوك..</div><div style="text-align: right;">وايضاً بعد التعديلات التي وجب ان ننشرها لكم حتى يضبط الشرح مع الجميع بكل سهولة.</div><div style="text-align: right;">بسم الله الرحمن الرحيم نبدأ</div><div style="text-align: right;">ملاحظة هامة: لرؤية صور الشرح بوضوح تام إضغط على الصورة مرة واحد فقط .</div><div style="text-align: right;"><br /></div><div style="text-align: right;">إذهب إلى هذا الرابط (<a href="http://developers.facebook.com/setup" target="_blank"> هنا </a>) ثم تابع الصور.</div><div style="text-align: center;"><br /></div><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi61qJ37HubxazrkOLWP_W4BFYvCDFu0ZMvU23J3eZ_rKIeDCNjmu30SaCTxj31hBp6xHP1tXTny1xnpbrXF_fUnMdPFxMG9-XxUrJrB31MeQKO_ANF6cnEvBdLFUinyqffYdtwxmwfwdv6/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi61qJ37HubxazrkOLWP_W4BFYvCDFu0ZMvU23J3eZ_rKIeDCNjmu30SaCTxj31hBp6xHP1tXTny1xnpbrXF_fUnMdPFxMG9-XxUrJrB31MeQKO_ANF6cnEvBdLFUinyqffYdtwxmwfwdv6/s320/1.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">بمجرد دخولك للموقع ستجد هذه النافذة<br />1- اكتب مثلاً تعليقات الفيس بوك<br />2- اكتب اي شئ بالانجليزية<br />3- اتركها اخرى<br />4- اضغط متابعة</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibuvkFawE7jbVtPQeWHSHQrRbeB0KeoQmqCrfxe0iDg14SC5wLT0OYtZkneNycAlSAGnhU_1-t1gca4iCGiKsRMxs_lRS5dOTBVzY8NRFy8ds4tTgNai7e0nI5Tv-4wFSIW4JKxev1oYN0/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibuvkFawE7jbVtPQeWHSHQrRbeB0KeoQmqCrfxe0iDg14SC5wLT0OYtZkneNycAlSAGnhU_1-t1gca4iCGiKsRMxs_lRS5dOTBVzY8NRFy8ds4tTgNai7e0nI5Tv-4wFSIW4JKxev1oYN0/s320/2.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اكتب ما تراه امامك في هذا المربع ثم إضغط متابعه<span style="text-align: right;"> </span></td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1BIx62CRn0uZXLOhFOGS7TzI1Jvh7c6qBQjhZ0iTJOu-DcuOF34koWGylfz7V4P9OeO-PLQFRLWNZ8ntlpv6o06i9bAJNcZ2g7WawaQizmaWbag2nTp1hbzp4RrM8HPWx1D3SFLQRzLMQ/s1600/3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1BIx62CRn0uZXLOhFOGS7TzI1Jvh7c6qBQjhZ0iTJOu-DcuOF34koWGylfz7V4P9OeO-PLQFRLWNZ8ntlpv6o06i9bAJNcZ2g7WawaQizmaWbag2nTp1hbzp4RrM8HPWx1D3SFLQRzLMQ/s320/3.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">ستنتقل الى هذه الصفحة إضغط على Edit App</td></tr></tbody></table><div style="text-align: center;"><br /></div><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwM57f69IjspOIGNJrtrkBY6eGKrsVzE5Mnghma2Ck9RvU6WXhxOJTpn97j5oAUIXg9lABhXgjxVY_mlCSZDnHjiMHVj-bKUgUdCfWn8J4fPQCMu4Xzjq3yOai7pGN6Opjom2s5OS9Dm6N/s1600/4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwM57f69IjspOIGNJrtrkBY6eGKrsVzE5Mnghma2Ck9RvU6WXhxOJTpn97j5oAUIXg9lABhXgjxVY_mlCSZDnHjiMHVj-bKUgUdCfWn8J4fPQCMu4Xzjq3yOai7pGN6Opjom2s5OS9Dm6N/s320/4.png" width="292" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">بعد ذلك تنتقل الى هذه الصفحة وهي المهمة<br />1- أكتب دومين بلوجرblogspot.com إن كنت صاحب موقع واسمه مثلاً ahmad فأكتب ahmad.com<br />2- اجعل هذه معطلة<br />3- اضغط هنا ثم اكتب في الخانه رقم 4 اسم موقعك كاملاً<br />5- اضغط حفظ التغييرات</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCjI4vzIVeRbi33qXda9BUoKgX1byOB6Uq9EHiWI4UT3g-PHA_DbGsSCxNiEpnp9LZHd-t1beRaBazpwxdO9IMIbSBfU1N2PVnilL3SAMvfill14gowWjokM4epAKXVSwd6QEhgC3svcmE/s1600/5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="59" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCjI4vzIVeRbi33qXda9BUoKgX1byOB6Uq9EHiWI4UT3g-PHA_DbGsSCxNiEpnp9LZHd-t1beRaBazpwxdO9IMIbSBfU1N2PVnilL3SAMvfill14gowWjokM4epAKXVSwd6QEhgC3svcmE/s320/5.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">ثم إحفظ الرقم الذي تجده في هذا المكان لأننا سوف نحتاجه</td></tr></tbody></table><div style="text-align: right;"> إلى هنا انتهى دور الفيس بوك في شرحنا , بقى فقط التعديل على قالب المدونة , اتبع التالي:</div><div style="text-align: right;"><br /></div><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA_w30LXUInA9tw1keHb_EruKCodd5q6sM_lwSAISlw34DIQy6keCZ0VF_6aUP3DilzetfPxihlzOb_J6qnDvXMFP-eX-tJnyMgJFoekMI2ErcFTN6b84cJwHkzRQrmzRrQrOa8GW3lzv_/s1600/6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA_w30LXUInA9tw1keHb_EruKCodd5q6sM_lwSAISlw34DIQy6keCZ0VF_6aUP3DilzetfPxihlzOb_J6qnDvXMFP-eX-tJnyMgJFoekMI2ErcFTN6b84cJwHkzRQrmzRrQrOa8GW3lzv_/s320/6.png" width="94" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">من لوحة تحكم مدونتك إختر قالب</td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEQMcitmAAiPSlkMxWHBqnO93VZJ5hyphenhyphenEseZ8NShRBzYmhk9pRfHzAA8Faf1aPnEWbQHr1ZbLEjPQgUBffKpERCfJFmNZoN_XCOoVNR9qgEK9JAYbikmkTyUC0XSmIIhugt-1Y9O6Djz3RE/s1600/7.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEQMcitmAAiPSlkMxWHBqnO93VZJ5hyphenhyphenEseZ8NShRBzYmhk9pRfHzAA8Faf1aPnEWbQHr1ZbLEjPQgUBffKpERCfJFmNZoN_XCOoVNR9qgEK9JAYbikmkTyUC0XSmIIhugt-1Y9O6Djz3RE/s1600/7.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">ثم إختر تحرير HTML</td></tr></tbody></table><div style="text-align: center;">في أول القالب ستجد هذا الوسم </div><blockquote class="tr_bq" dir="ltr" style="text-align: center;"><HTML</blockquote><div style="text-align: center;">ستجد بجواره روابط او تجده فارغاً المهم سوف نضع بجانبه التالي </div><div dir="ltr" style="text-align: center;"> prefix='og: http://ogp.me/ns#' xmls:fb='http://ogp.me/ns/fb#'</div><div dir="ltr" style="text-align: center;">ليبقى هكذا</div><blockquote class="tr_bq" dir="ltr" style="text-align: center;"><HTML  prefix='og: http://ogp.me/ns#' xmls:fb='http://ogp.me/ns/fb#'</blockquote><div style="text-align: center;">ثم ابحث عن الوسم </div><blockquote class="tr_bq" dir="ltr" style="text-align: center;"></body></blockquote><div style="text-align: center;">وضع فوقه مباشرتاً هذا الكود </div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><div style="text-align: left;"><div id='fb-root'/></div><div style="text-align: left;"><script></div><div style="text-align: left;">window.fbAsyncInit = function() {</div><div style="text-align: left;">FB.init({xfbml: true, appId: <span style="color: red;">كود الفيس بوك </span>});};</div><div style="text-align: left;">(function() {</div><div style="text-align: left;">var e = document.createElement('script'); e.async = true;</div><div style="text-align: left;">e.src = document.location.protocol + </div><div style="text-align: left;">'//connect.facebook.net/ar_AR/all.js'</div><div style="text-align: left;">document.getElementById('fb-root').appendChild(e);}());</div><div style="text-align: left;"></script></div></blockquote><div style="text-align: right;"> الان ابحث عن هذا الوسم و لسهولة البحث ابحث تحديداً عن كلمة comments ثم قارن شكل الوسم بالوسم الذي تحصل عليه</div><blockquote class="tr_bq" dir="ltr" style="text-align: center;"><div class='comments' id='comments'></blockquote><div style="text-align: right;"> ثم ضع تحته هذا الكود مع تغيير الرقم 600 ليتناسب مع عرض مدونتك او اتركه ثم نفذ الخطوات وغيره فيما بعد</div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><div style="text-align: left;"><b:if cond='data:blog.pageType == &quot;item&quot;'></div><div style="text-align: left;"><div></div><div style="text-align: left;"><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/><fb:comments width='<span style="color: red;">600</span>' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/></div><div style="text-align: left;"></div></div><div style="text-align: left;"></b:if></div></blockquote> الآن ابحث عن الوسم <head> ثم ضع تحته هذا الكود<br /><br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><!--Start Metadata Facebook --><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><meta expr:content='data:blog.pageTitle' property='og:title'/><br /><meta expr:content='data:blog.url' property='og:url'/><br /><b:else/><br /><meta expr:content='data:blog.title' property='og:title'/><br /><meta expr:content='data:blog.homepageUrl' property='og:url'/><br /></b:if><br /><meta content='<span style="color: red;">اسم المدونة مع وصف قصير</span> ' property='og:site_name'/><br /><meta content=<span style="color: red;">'صورة 256×256 تعبر عن مدونتك</span>' property='og:image'/><br /><meta content='<span style="color: red;">كود الفيسبوك</span>' property='fb:app_id'/><br /><meta content='<span style="color: red;">معرف حسابك ع الفيسبوك</span>' property='fb:admins'/><br /><meta content='website' property='og:type'/><br /><meta content='article' property='og:type'/><br /><!-- Metadata Facebook End --></blockquote><br /><div style="text-align: right;">ضع اسم المدونة مع وصف قصير : ميني سوفت للشروحات والبلوجر</div><div style="text-align: right;">صورة تحمل شعار مدونتك</div><div style="text-align: right;">كود الفيس بوك الذي احتفظنا من قبل</div><div style="text-align: right;">معرف حسابك على الفيس بوك كيف تأتي به ؟ افتح الرابط التالي</div><div style="text-align: right;">https://graph.facebook.com/<span style="color: red;">Min0oSoft</span></div><div style="text-align: right;">اكتب بدلاً من الاسم الاحمر اسمك انت ع الفيسبوك ,, كيف تأتي به .؟؟ أنظر الصورة التالية </div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwMsM_BOjkgLEQQ6MSC3CT_TxrMNpDt15tr4_0Bjb_F8y7mjtVCIZAr_paWxJNCGxdlAY2KtEzKYmhVsf1ggR6Ddbf0VInosFxbMAznmSshibD5tmCXKfoAXlwCZpnu_vWUiLXBmLUmcGp/s1600/8.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="56" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwMsM_BOjkgLEQQ6MSC3CT_TxrMNpDt15tr4_0Bjb_F8y7mjtVCIZAr_paWxJNCGxdlAY2KtEzKYmhVsf1ggR6Ddbf0VInosFxbMAznmSshibD5tmCXKfoAXlwCZpnu_vWUiLXBmLUmcGp/s320/8.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">1- اضغط على اسم حسابك كما بالصورة<br />2- ستجد الاسم هكذا </td></tr></tbody></table>بعد فتح الرابط المتبوع بأسمك ستجد كود مثل هذا<br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;">{<br />   "id": "<span style="color: red;">100004490551583</span>",<br />   "name": "\u0645\u064a\u0646\u064a \u0633\u0648\u0641\u062a",<br />   "first_name": "\u0645\u064a\u0646\u064a",<br />   "last_name": "\u0633\u0648\u0641\u062a",<br />   "link": "http://www.facebook.com/Min0oSoft",<br />   "username": "Min0oSoft",<br />   "gender": "male",<br />   "locale": "ar_AR"<br />}</blockquote>ما يهمنا هو هذا الكود الملون بالاحمر وهو معرف حسابك , ضعه في مكانه الذي اشرنا اليه ثم انتقل الى هذا الرابط ( <a href="https://developers.facebook.com/tools/comments" target="_blank">هنا</a> ) واتبع التالي:<br /><div class="separator" style="clear: both; text-align: center;"></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4CBtQD9RQfOmMDeRt74wrRtOTok4GxkBKpIRsghSVG-FR8T3npyxCUV2-7PkyCegJhOLby8JZln3Th4O5a_dGlU6wCRomQEj5HugrEHIar6mrg2MRrG3YkvVYPvb909l0KxZlrQUZGex9/s1600/10.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="39" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4CBtQD9RQfOmMDeRt74wrRtOTok4GxkBKpIRsghSVG-FR8T3npyxCUV2-7PkyCegJhOLby8JZln3Th4O5a_dGlU6wCRomQEj5HugrEHIar6mrg2MRrG3YkvVYPvb909l0KxZlrQUZGex9/s320/10.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">سيفتح معك الرابط صفحة بها كلمة الإعدادات كما ترى</td></tr></tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcJtzGAbC-0TJjaRsGAEDZtvkY8wxoWHBq4qekOGu5eEXRP7k7AuW2Y0rcfpeJegj_vWy1iSy-1lldtJUoCkd1Ne4lFOD1HgrIJiAxuMYTd4RPRKS_Sdiioa8fiTIqT71-D9FQlrzVR6fk/s1600/9.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcJtzGAbC-0TJjaRsGAEDZtvkY8wxoWHBq4qekOGu5eEXRP7k7AuW2Y0rcfpeJegj_vWy1iSy-1lldtJUoCkd1Ne4lFOD1HgrIJiAxuMYTd4RPRKS_Sdiioa8fiTIqT71-D9FQlrzVR6fk/s320/9.png" width="287" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">تفتح امامك هذه النافذة فاتبع التالي<br />1- اذا كان اسمك على الفيسبوك عربي او انجليزي اكتب اول حرف فقط وسيظهر قائمة بأسمك واسماء اصدقاءك اختر اسمك<br />2- لتجده في الخانه رقم 2 كما هو موضح<br />3- ضع اشارة هنا<br />4- اختر بالتوقيت الزمني<br />5- اضغط حفظ</td></tr></tbody></table><div style="text-align: center;">وبهذا ينتهي الشرح وشكراً لكم لحسن المتابعه</div></div>

جديد : الطريقة المضمونة جداً لإضافة تعليقات الفيس بوك للمدونة و تحديد صورة خاصة بموقعك لعرضها مع مشاركاتك ع الفيس بوك

السلام عليكم ورحمة الله وبركاته فيما مضى قُمنا بشرح اضافة تعليقات الفيس بوك الى المدونة بلوجر ويمكنك الإطلاع على الشرح من ( هنا ) اما اليوم...

اقرأ المزيد