sevida arabic

دورة CSS : شرح الخاصية color

<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/AVvXsEg30vXpskgp83BeTtLiemuADRNgcKHoZzUhyphenhyphen1uTTJf6d4FsqqVibGfKEKOyO2v5NMeJRtjuPQL332OJtaSuYOHoGSCjJIcESqXZooQB3fAouvmuzC8r2jEqGC3pS7RL7Fd8vEqw7_NXa738/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg30vXpskgp83BeTtLiemuADRNgcKHoZzUhyphenhyphen1uTTJf6d4FsqqVibGfKEKOyO2v5NMeJRtjuPQL332OJtaSuYOHoGSCjJIcESqXZooQB3fAouvmuzC8r2jEqGC3pS7RL7Fd8vEqw7_NXa738/s1600/minisoft.png" title="دورة CSS : شرح الخاصية color " /></a></div><br /><br />السلام عليكم<br />مرحباً بكم ,, المدونين والمدونات ومحبي برمجة صفحات الويب ,, اليوم معنا درس من دروس دورة CSS ويمكننا أن نطلق عليه درس تمهيدي او من الدروس الاساسية وهو شرح الخاصية color.<br />تلك الخاصية التي تجعلنا نعطي الكلام لوناً اخر او لون الخلفية او اي لون تراه امامك في صفحات الويب عدا الصور .<br />للحصول على اي لون تريد إليك هذا الرابط <a href="http://www.color-hex.com/">www.color-hex.com</a> سوف نحتاجه لاحقاً ..<br />والان تعالوا بنا نضرب مثالاً في صفحة ويب ,, افتح صفحة تكست text فارغة ثم اعطها الامتداد html ثم ضع فيها الكود ..<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><!DOCTYPE html><br /><html><br /><head><br /><style><br /><span style="color: #6aa84f;">h1 {color:#00CC00}</span><br /><span style="color: red;">body{color:red}</span><br /><span style="color: blue;">p.ex {color:rgb(0,0,255)}</span><br /></style><br /></head><br /><body><br /><span style="color: #6aa84f;"><h1>Mini Software</h1></span><br /><span style="color: red;"><p>Mini Software Mini Software Mini Software Mini Software Mini Software Mini Software Mini Software Mini Software Mini Software</p></span><br /><span style="color: blue;"><p class="ex">Mini Software Mini Software Mini Software</p></span><br /></body><br /></html></code></pre>الآن احفظ الصفحة وافتحها على اي متصفح وسوف تجد نصوص ملونه كما بالكود..<br />وبالطبع هناك فرق في كتابة الالوان وهو ما سوف نتعرف عليه الان,, تكتب الألوان بثلاث اشكال مختلفة وتسمى كالآتي ...<br /><div style="text-align: center;"><span style="color: #6aa84f; text-align: left;">color:#00CC00 تسمى هيكس او hex</span></div><div style="text-align: center;"><span style="color: red; text-align: left;">color:red وليس لها مسمى وهي انك تضع اسم اللون وليس رقم</span></div><div style="text-align: center;"><span style="color: blue; text-align: left;">color:rgb(0,0,255) وتسمى rgb وهي ان تضع الثلاث الوان مخلوطة لتعطيك اللون المطلوب ,, الثلاث الوان يقصد بهم الاخضر والاحمر والأزرق , وهما الآلوان الاساسية في عالم الالوان .</span></div><div style="text-align: center;"><span style="color: blue; text-align: left;"><br /></span></div><div style="text-align: center;"><span style="text-align: left;">لو دخلت على الموقع الذي عرضنا اياه في مقدمة الدرس سوف تجد أن الرابط معروض فيه اسماء الالوان ورقم الهكس ورقم rgb  الخاص بهم </span></div><div style="text-align: center;"><span style="color: blue; text-align: left;"><br /></span></div><div style="text-align: center;"><span style="color: blue; text-align: left;">وبهذا ينتهي درسنا ,, نراكم على خير ..</span></div><div style="text-align: center;"><span style="color: blue; text-align: left;"><br /></span></div></div>

دورة CSS : شرح الخاصية color

السلام عليكم مرحباً بكم ,, المدونين والمدونات ومحبي برمجة صفحات الويب ,, اليوم معنا درس من دروس دورة CSS ويمكننا أن نطلق عليه درس تمهيدي او ...

اقرأ المزيد

تحديد نوع الصفحة في html الوسم DOCTYPE

<div dir="rtl" style="text-align: right;" trbidi="on"><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/AVvXsEiJDwm0RBbPpNZ6A6geIlaNy7nK6KELI-P8NVa3TDMDqySaWePPuy0bxO9iO7OA_1sPTIhBijNhD1HLKnqjuRpfRtu0RoL-mYoQFauCK0Oe0j5XdrUWSjI_iqUfXR9johiCMw-BuVPPQKYB/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJDwm0RBbPpNZ6A6geIlaNy7nK6KELI-P8NVa3TDMDqySaWePPuy0bxO9iO7OA_1sPTIhBijNhD1HLKnqjuRpfRtu0RoL-mYoQFauCK0Oe0j5XdrUWSjI_iqUfXR9johiCMw-BuVPPQKYB/s1600/minisoft.png" title="تحديد نوع الصفحة في html الوسم DOCTYPE" /></a></div><br /><br />بسم الله الرحمن الرحيم ..<br />درسنا اليوم يعتبر من اهم دروس 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: #cc0000;"><!DOCTYPE html></span></code></pre></div>يوضع هذا الوسم في اعلى الصفحة قبل الوسم <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: #b45f06;"><!DOCTYPE html></span><br /><span style="color: #6aa84f;"><html></span><br /><span style="color: blue;"><head></span><br /><span style="color: #3d85c6;"><title></span>Mini Soft&lt<span style="color: #3d85c6;"></title></span><br /><span style="color: blue;"></head></span><br /><span style="color: #8e7cc3;"><body></span><br />Mini Soft By Ahmad Saleh......<br /><span style="color: #8e7cc3;"></body></span><br /><span style="color: #6aa84f;"></html></span><span style="text-align: right;"> </span></code></pre>كما نرى الوسم المقصود في اعلى الصفحة ولا يوجد له اي مكان آخر سوى في الأعلى ولا يتكرر في الصفحة ابداً ,, فهو يخبر المتصفح أن يقرأ لغة الصفحة إن كانت html 5 او html او xml او غيره , وما هو إصدار لغة html المستعملة .<br /><br />والإصدارت التي أصدرت من html كالتالي :<br /><div style="text-align: center;">HTML 5 و يكتب هكذا ..</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: #cc0000;"><!DOCTYPE html></span></code></pre>HTML 4.01 Strict هذا DTD يحتوي على كافة عناصر HTML ولكنه لا يشمل عناصر العرض أو إهمال مثل الخطوط , ولا يدعم الإطارات , ويكتب هكذا<br /><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: #cc0000;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"></span></code></pre></div>HTML 4.01 Transitional هذا DTD يحتوي على كافة عناصر 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: #cc0000;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"></span></code></pre>HTML 4.01 Frameset هذا DTD يساوي HTML 4.01 الانتقالية، ولكن يسمح باستخدام محتوى إطارات ويكتب هكذا<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: #cc0000;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"></span></code></pre>XHTML 1.0 Strict هذا DTD تحتوي على كافة عناصر HTML والسمات، ولكنه لا يشمل عناصر العرض أو إهمال (مثل الخط). لا يسمح بالإطارات. ويجب أيضا كتابة العلامات XML بالتشكيل الصحيح ويكتب هكذا<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: #cc0000;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></span></code></pre>XHTML 1.0 Transitional هذا DTD تحتوي على كافة عناصر HTML والسمات، ولكنه لا يشمل عناصر العرض أو إهمال (مثل الخط). لا يسمح بالإطارات. ويجب أيضا كتابة العلامات XML بالتشكيل الصحيح ويكتب هكذا<br /><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: #cc0000;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></span></code></pre></div>XHTML 1.0 Frameset هذا DTD يساوي XHTML 1.0 الانتقالية، ولكن يسمح باستخدام محتوى إطارات. ويكتب هكذا <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: #cc0000;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"></span></code></pre>XHTML 1.1 هذا DTD يساوي XHTML 1.0 الصارمة، ولكن يسمح لك لإضافة وحدات (على سبيل المثال لتقديم الدعم روبي للغات الشرق آسيوية). ويكتب هكذا<br /><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: #cc0000;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"></span></code></pre></div>إذا كنت تريد أن تقوم باختيار إصدار فعليك بالإصدار الخامس الذي هو ..<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: magenta;"><!DOCTYPE html></span></code></pre></div>

تحديد نوع الصفحة في html الوسم DOCTYPE

بسم الله الرحمن الرحيم .. درسنا اليوم يعتبر من اهم دروس html والتي على اساسها يقوم بناء الصفحة وهو الوسم .. <!DOCTYPE html> يوضع هذا ا...

اقرأ المزيد

التعليقات في صفحات HTML وكيف تكتب وفوائدها

<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/AVvXsEh0AjlcK6McpOZtMnUU6AFDB_SU_K7K9sYhqRnzK0rJP2-ZmnFvA2xi5o2mD0vSkCbQkAK6CdNp0bBYHJwuHaaU3hVPh9lfWxShWAMVgnzrKFKX0DmUbRlaXHc6_3hbcI16DVOYzAlfEGV3/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0AjlcK6McpOZtMnUU6AFDB_SU_K7K9sYhqRnzK0rJP2-ZmnFvA2xi5o2mD0vSkCbQkAK6CdNp0bBYHJwuHaaU3hVPh9lfWxShWAMVgnzrKFKX0DmUbRlaXHc6_3hbcI16DVOYzAlfEGV3/s1600/minisoft.png" title="التعليقات في صفحات HTML وكيف تكتب وفوائدها" /></a></div><div><br /></div><div><br /></div><span style="color: purple;">بسم الله , الحمد لله</span><br /><div><br /></div><div>التعليقات في HTML  هي عبارة عن نص يكتب في داخل الصفحة ولا يتأثر مظهر الصفحة إطلاقاً بذلك واليكم مثال على ذلك ..</div><div>افتح صفحة تكست فارغة اعطها الامتداد html وضع فيها هذا الكود ..</div><div><br /></div><div dir="ltr" style="text-align: left;"><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><!DOCTYPE html><br /><html><br /><body><br /><br /><p>This is a paragraph.</p><br /></body><br /></html></code></pre></div><div dir="rtl" style="text-align: right;">عند تطبيق هذا الكود على المتصفح لن ترى سوى الجملة  <span style="text-align: left;">This is a paragraph لكن باقي المكتوب لن تراه لأنه هو التعليق او الملاحظة وتكون بين سهمين وشرطتين وعلامة تعجب كما هو آتي :</span></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="text-align: left;"></span></code></pre><div dir="rtl" style="text-align: right;">وجميع انواع المتصفحات تدعم وسم التعليقات هذا. </div><div dir="rtl" style="text-align: right;">فائدة التعليقات إذا كان لديك الكثير من التعليمات البرمجية تستطيع كتابة تعليقات بجوارها او شرح تعليمات برمجية في الصفحة , لو كتابة شئ ما كتذكرة حتى لا تنسى موضع كود معين او لم يكتمل عمله.</div><div dir="rtl" style="text-align: right;">واخيراً يجب التنويه أن التعليقات تعمل مع HTML و HTML 5</div><div dir="rtl" style="text-align: right;"><br /></div></div>

التعليقات في صفحات HTML وكيف تكتب وفوائدها

بسم الله , الحمد لله التعليقات في HTML هي عبارة عن نص يكتب في داخل الصفحة ولا يتأثر مظهر الصفحة إطلاقاً بذلك واليكم مثال على ذلك .. افتح صف...

اقرأ المزيد

دروس دورة HTML : جميع وسوم html وتعريف بسيط لكل وسم

<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/AVvXsEjm3mmvIBs2VLORe0xzV-IYFBBdDHuldXYZjO60aVvbrAkysqmyfoFy28ZcXB-r85mxFmu29gDhipnzBFysRMMZ3j4UIFNK2TSVqLt5qH0JwlfkbZI3le7aiYmWz9unBkVFhfCU8Xw_E9Gt/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm3mmvIBs2VLORe0xzV-IYFBBdDHuldXYZjO60aVvbrAkysqmyfoFy28ZcXB-r85mxFmu29gDhipnzBFysRMMZ3j4UIFNK2TSVqLt5qH0JwlfkbZI3le7aiYmWz9unBkVFhfCU8Xw_E9Gt/s1600/minisoft.png" title="دروس دورة HTML : جميع وسوم html وتعريف بسيط لكل وسم" /></a></div><br /><br />السلام عليكم ورحمة الله وبركاته<br />اليوم إخواني ومع أول دروس دورة HTML سوف نتعرف على الوسوم المستخدمة في هذه اللغة وماهية كل وسم منهم ونبدأ بسم الله بدون إطالة :<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><br /><!DOCTYPE> تحديد نوع المستند الذي تعمل عليه<br /> كتابة تعليق بين الوسوم بدون تأثر مظهر الصفحة بذلك<br /><a> لإدراج رابط تشعبي<br /><abbr> لتحديد اختصار معين<br /><acronym> تعريف اختصار ولا يعمل في اتش تي ام ال 5<br /><address> تعريف معلومات الاتصال للكاتب صاحب الموضوع<br /><applet> تضمين جزء صغير ولا يعمل في اتش تي ام ال 5<br /><area> تعريف مساحة الصور والخرائط وما شابه<br /><article> تعريف مقال<br /><aside> تعريف محتوى جانبي في الصفحة سيدبار<br /><audio> تشغيل ملف صوتي في الصفحة<br /><b> للكتابة بخط سميك<br /><base> يعمل مثل قاعدة بيانات لجميع الروابط في الصفحة<br /><basefont> تحديد نوع الخط واللون في كل المستند , لا يعمل في اتش تي ام ال 5<br /><bdi> يعزل جزء من النص قد يكون خارج عن نص باتجاه اخر<br /><bdo> يقوم بتجاوز اتجاه النص الحالي<br /><big> تحديد نص كبير<br /><blockquote> تحديد اقتباس<br /><body> تحديد جسم الصفحة<br /><br> يعمل بدلاً من انتر للبدء في سطر جديد<br /><button> يقوم بوضع زر للنقر عليه<br /><canvas> لرسم اي رسومات حرة وعادتاً يكون جافا سكربت<br /><caption> تعريف عنوان الجدول<br /><center> لكتابة النص في المنتصف تماماً<br /><cite> تحديد عنوان العمل<br /><code> تحديد كود<br /><col> حديد خصائص عمود او اكثر<br /><colgroup> تنسيق مجموعة من الاعمدة في عمود واحد<br /><command> تعريف امر استدعاء عن طريق زر<br /><datalist> تعريف قائمة من الخيارات المسبقة لعناصر الإدخال<br /><dd> تحديد وصف لأي مصطلح في الصفحة<br /><del> تحديد نص تم حذفه من الصفحة<br /><details> تعريف التفاصيل الاضافية للمستخدم<br /><dfn> تحديد مصطلح تعريف<br /><dialog> تحديد او تعريف مربع او نافذة ويندو<br /><dir> تحديد قائمة الدليل<br /><div> تعريف قسم في الصفحة ويمكن دمج كلاس او اي دي بجانبه<br /><dl> تحديد وصف قائمة<br /><dt> تحديد اسم مصطلح في قائمة التعريف<br /><em> تعريف لنص مؤكد او تم التأكيد عليه<br /><embed> تحديد وعاء خارجي لتطبيق وليس لأتش تي ام ال<br /><fieldset> تحديد عناصر مجموعات ذات صلة في نموذج<br /><figcaption> تعريف التوضيح لنعصر معين<br /><figure> تحديد محتوى مكتفي ذاتياً<br /><font> لتحديد الخط ولونه وحجمه ولا يعمل في اتش تي ام ال 5<br /><footer> لوضع تذييل للصفحة<br /><form> تحديد نموذج داخل الصفحة على سبيل المثال تسجيل الدخول<br /><frame> تحديد إطار داخل مجموعة إطارات لا يعمل في اتش تي ام ال 5<br /><frameset> تعريف مجموعة من الإطارات ولا يعمل في اتش تي ام ال 5<br /><h1><h2><h3><h4><h5><h6> تحديد عنواين وخطوط الصفحة<br /><head> لوضع معلومات حول المستند<br /><header> تعريف رأس للمستند او قسم<br /><hr> تعريف تغيير موضوعي في المحتوى<br /><html> جذر المستند الذي تعمل عليه<br /><i> تحديد جزء من النص مع ضوت بديل او ممزوج<br /><iframe> تحديد إطار مضمن<br /><img> تحديد صورة<br /><input> تحديد مدخل<br /><ins> تعريف النص الذي تم إدراجه في الصفحة<br /><kbd> تحديد إدخالات لوحة المفاتيح<br /><keygen> تعريف حقل مولد للأشكال المزدوجة من أحرف وارقام<br /><label> تحديد تسمية لعنصر مثل الاقسام<br /><legend> تعريف لعنصر معين<br /><li> تحديد عنصر قائمة<br /><link> لإدراج رابط يحتوي مورد خارجي مثل سي اس اس مثلاً<br /><map> تحديد صورة الخارطة<br /><mark> تحديد نص مميز<br /><menu> تحديد قائمة من الأوامر<br /><meta> تحديد بيانات وصفية حول الصفحة واللغة اتش تي ام ال<br /><meter> تعريف قياسات عددية داخل مجموعة معروفة<br /><nav> تحديد ارتباط التنقل من صفحة لأخرى<br /><noframes> تحديد محتوى بديل للمستخدم إذا كان جهازه لا يدعم الإطارات<br /><noscript> تحديد محتوى بديل للمستخدمين الذين ليس لديهم دعم جافا سكربت<br /><object> تعريف او تحديد كائن مضمن في الصفحة<br /><ol> تحديد او تعريف قائمة مرتبة<br /><optgroup> تحديد قائمة من الخيارات ذات الصلة في قائمة منسدلة<br /><option> لتحديد خيار واحد في قائمة منسدلة<br /><output> تحديد او تعريف نتائج حسابية<br /><p> تعريف او تحديد فقرة<br /><param> تحديد كائن كأنه تم تعليمه في الصفحة<br /><pre> تحديد او تعريف نص مسبقاً<br /><progress> يمثل عملية التقدم في امر ما<br /><q> تحديد او تعريف اقتباس قصير<br /><rp> تحديد او تعريف اشياء لا تظهر في اللغة روبي على بعض المتصفحات<br /><rt> تفسير لبعض الأحرف الاسيوية<br /><ruby> تعريف تعليق توضيحي للغة الاسيوية<br /><s> تحديد او تعريف نص لم يتم تصحيحه<br /><samp> تحديد إخراج نموذج من برامج الكمبيوتر<br /><section> تعريف قسم لإداة في الصفحة<br /><select> تعريف او تحديد قائمة منسدلة<br /><small> تحديد او تعريف نص مصغر<br /><source> تحديد او تعريف عناصر وسائل الإعلام مثل الصوت والفيديو<br /><span> تعريف قسم في الصفحة<br /><strike> تحديد نص يتوسطه خط<br /><strong> تحديد نص مهم<br /><style> تحديد نمط الصفحة ويتم كتابة اكواد سي اس اس داخله<br /><sub> تعريف او تحديد نص دون كتابته<br /><summary> تحديد عنوان مرئي لعنصر معينة<br /><sup> تحديد او تعريف نص مهم في الكتابة<br /><table> تحديد او تعريف او وضع جدول<br /><tbody> مجموعات محتوى جسم الصفحة<br /><td> تحديد او وضع خلية داخل الجدول<br /><textarea> وضع او تعريف نص إدخال متعدد الأحرف<br /><tfoot> مجموعات محتوى التذييل في الجدول<br /><th> تحديد رأس خلية في الجدول<br /><thead> مجموعات محتوى الرأس في الجدول<br /><time> تحديد او تعريف الوقت والتاريخ<br /><title> تحديد عنوان الصفحة<br /><tr> تحديد صف داخل الجدول<br /><track> تحديد مسار النص للصوت والفيديو<br /><tt> تحديد او تعريف نص براق<br /><u> تحديد نص مختلف شكلياً عن النص العادي<br /><ul> تحديد او تعريف لقائمة غير مرتبة<br /><var> تحديد او تعريف متغير<br /><video> تحديد فيديو<br /><wbr> تعريف او تحديد خط ممكن ان تضعه كفاصلة </pre></code><div dir="ltr" style="text-align: left;"><script> برنامج نصي جافا سكربت</div><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" title="Double Click to Copy"><code class="xml"><div dir="ltr" style="text-align: left;"><br /></div><br /></code></pre> وبهذا تم كتابة جميع وسوم HTML وبجانبها تعريف صغير جداً ولكن فيما بعد سوف نقوم بتعريف كل وسم منهم بشكل موسع كل وسم في موضوع منفصل<br /><br /><div style="text-align: center;">اترككم في رعاية الله إخواني</div></div>

دروس دورة HTML : جميع وسوم html وتعريف بسيط لكل وسم

السلام عليكم ورحمة الله وبركاته اليوم إخواني ومع أول دروس دورة HTML سوف نتعرف على الوسوم المستخدمة في هذه اللغة وماهية كل وسم منهم ونبدأ بسم...

اقرأ المزيد

دروس دورة CSS : شرح الخاصية clip

<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/AVvXsEgYBhrUh3fk7NOOYsaNLh49J31cZczt7q8yrc98vZszOz80O_NgCr8GtDQecUf9S73mtwaXrSSO86V0VNrcf9GYtu3nYumevljCHtF267DdywMQsKPtvLN3CUu2kD9rbXNnj2dGvexyd_g5/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYBhrUh3fk7NOOYsaNLh49J31cZczt7q8yrc98vZszOz80O_NgCr8GtDQecUf9S73mtwaXrSSO86V0VNrcf9GYtu3nYumevljCHtF267DdywMQsKPtvLN3CUu2kD9rbXNnj2dGvexyd_g5/s1600/minisoft.png" title="دروس دورة CSS : شرح الخاصية clip" /></a></div><div><br /></div><div><br /></div>اسعد الله أوقاتكم بكل خير<br /><div>اليوم إخواني معنا شرح خاصية جميلة جداً جداً ونادراً في نفس الوقت استخدامها وهي الخاصية:</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: #cc0000;">clip</span></code></pre> تلك الخاصية التي تجعلك قادراَ على إخفاء أي جزء تريد من نص كتابي او صورة وعلى الجوانب الأربعة..<br />تعالوا نقوم بالتجربة ثم الإيضاح ,, وقبل كل هذا سوف نقوم بالتطبيق على هذه الصورة ..<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwkiM_MbgVqwSrc4BgBAMAgZ7sETJlm2khYtaqKilBOkxMU3oulC_eIVdUaRf1MFFTUtDOKSoTY4t4y5sl2X21qqecobMlzpz94RnL8jzRCQnSFCTKNjSwBBX8E4AiCrIN3Q_tWjC6YSZF/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwkiM_MbgVqwSrc4BgBAMAgZ7sETJlm2khYtaqKilBOkxMU3oulC_eIVdUaRf1MFFTUtDOKSoTY4t4y5sl2X21qqecobMlzpz94RnL8jzRCQnSFCTKNjSwBBX8E4AiCrIN3Q_tWjC6YSZF/s1600/1.png" /></a></div><br /><br />افتح صفحة تكست فارغة اعطها الامتداد html ثم ضع فيها هذا الكود ..<br /><br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><!DOCTYPE html><br /><html><br /><head><br /><style><br />div{<br />padding:5px;<br /><span style="color: blue;">position:absolute;</span><br /><span style="color: red;">clip: rect(0px,50px,50px,0px);</span><br />background-color:yellow;<br />border:1px solid #000<br />}<br /></style><br /></head><br /><body><br /><div><br />Mini Soft By Ahmad Saleh !! <br/><br />Mini Soft By Ahmad Saleh !! <br/><br />Mini Soft By Ahmad Saleh !! <br/><br /></div><br /></body><br /></html></code></pre>احفظ الصفحة ثم افتجها على المتصفح وانظر الاتي<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNhR2IfmRUIxDY4usS1k_HYmv4ypCe0b6idfdp08WJsHudS4mxFafvTKbggY4oK90fsHVNg1azKZFjPuahk0v0iyAN_8C_HMTxh7ed7o8Kz00C8Mkbf6nK4p_u9HfZJNx8Y0uvcawXrreg/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNhR2IfmRUIxDY4usS1k_HYmv4ypCe0b6idfdp08WJsHudS4mxFafvTKbggY4oK90fsHVNg1azKZFjPuahk0v0iyAN_8C_HMTxh7ed7o8Kz00C8Mkbf6nK4p_u9HfZJNx8Y0uvcawXrreg/s1600/1.png" /></a></div>تم اخفاء جزء كبير من الصورة وهذا تم عن طريق السطر الأحمر في الكود السابق<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: red;">clip:rect</span>(<span style="color: blue;">0px</span>,<span style="color: #cc0000;">50px</span>,<span style="color: magenta;">50px</span>,<span style="color: #6aa84f;">0px</span>)</code></pre> يتكون الكود من اسم الخاصية clip يتعبها نقطتان فوق بعضهم هكذا : ثم قوسين ( ) وفي داخل القوسين يتم تحديد السمك الذي تريد إخفاءه من الاربع جوانب يمين يسار اسفل اعلى ,وبين كل رقم منهم فاصلة ..<br />وحتى تعرف اين اليمين من يسار من الاعلى والاسفل انظر الكود الملون وانظر الاتي ..<br /><br /><div dir="ltr" style="text-align: left;"><span style="color: blue;">0px أعلى </span></div><div dir="ltr" style="text-align: left;"><span style="color: #990000;">50px يمين </span></div><div dir="ltr" style="text-align: left;"><span style="color: magenta;">50px اسفل </span></div><div dir="ltr" style="text-align: left;"><span style="color: #6aa84f;">0px يسار</span></div><div dir="ltr" style="text-align: left;"><br /></div><div style="text-align: right;">وبهذا تكون قادراً على السمك الذي تريد إخفاءه من اي جانب تريد </div><div style="text-align: right;">مع العلم أن هذا الكود لا يعمل إلا في وجود السطر الأزرق من الكود الكبير الذي وضعناه بالصفحة <span style="color: blue; text-align: left;">position:absolute</span></div><div style="text-align: right;"><span style="color: blue; text-align: left;"><br /></span></div><div style="text-align: center;"><span style="text-align: left;">وبهذا ينتهي موضوعنا ونراكم على خير</span></div><div style="text-align: center;"><span style="text-align: left;"><br /></span></div></div>

دروس دورة CSS : شرح الخاصية clip

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

اقرأ المزيد

دروس دورة CSS : شرح الخاصية box-shadow

<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/AVvXsEhQt-rSrJC9Vv8FMLpvQLSM7g6iLGB5wmXI-AJEbsvrrhkM3QDnjamqh-ua3RwNp7aNHv8g4VaMORXm0kE3IPYjzKEdu-0o_h92aqMYFdZbkBrC5cDkitsfdqTGs84hH4N9pt-B5dtq14_4/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQt-rSrJC9Vv8FMLpvQLSM7g6iLGB5wmXI-AJEbsvrrhkM3QDnjamqh-ua3RwNp7aNHv8g4VaMORXm0kE3IPYjzKEdu-0o_h92aqMYFdZbkBrC5cDkitsfdqTGs84hH4N9pt-B5dtq14_4/s1600/minisoft.png" title="دروس دورة CSS : شرح الخاصية box-shadow" /></a></div><div><br /></div><div><br /></div>السلام عليكم ورحمة الله وبركاته<br /><div><br /></div><div>اليوم إخواني معنا شرح خاصية من أهم واجمل الخاصيات التي تفيد في تجميل موقعك بشكل جميل وراقي وهي الخاصية :</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: #990000;">box-shadow</span></code></pre>هذه الخاصية تجعلك تعطي اي صندوق أو اطار لديك ظل بجميع الدرجات والألوان وبشكل احترافي ..<br />كما يمكنك أن تجعل الظل ثقيل او خفيف أو خارجي او داخلي وبأي لون تختار ..<br />دعونا نبدأ ونرى بأنفسنا , أفتح صفحة تكست فارغة واعطها الامتداد html ثم ضع فيها هذا الكود ..<br /><br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><!DOCTYPE html><br /><html><br /><head><br /><style><br />div{<br />padding:0 10px;<br />width:200px;<br />height:100px;<br />border:1px solid #000;<br />background-color:#FFF;<br /><b><span style="color: red;">box-shadow: 5px 5px 5px #888;</span></b><br />}<br /></style><br /></head><br /><body><br /><div>Mini Soft</div><br /></body><br /></html></code></pre> الآن احفظ الصفحة ثم افتحها على اي متصفح لتجد التالي ..<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/AVvXsEhy4c_WpfSWBqdMsB6Z7WZq9ff4eWh9udw1LOfs-85lkRpSyzQn_Hd4FV1N861nV5ZRQwUOljnqO5h5BQbq5MO4Y46nLM73yPjGltF2ZuN7uy8_W3zWM6iCzYhRowZL5QYcNaEBxKRRHfVe/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy4c_WpfSWBqdMsB6Z7WZq9ff4eWh9udw1LOfs-85lkRpSyzQn_Hd4FV1N861nV5ZRQwUOljnqO5h5BQbq5MO4Y46nLM73yPjGltF2ZuN7uy8_W3zWM6iCzYhRowZL5QYcNaEBxKRRHfVe/s1600/1.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">box-shadow : 5px 5px 5px #888</td></tr></tbody></table><div class="separator" style="clear: both; text-align: right;"><br /></div>انظر للظل اسفل المستطيل ,, المسئول عن هذا هو الكود اسفل الصورة والذي هو باللون الآحمر في الكود السابق .<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: red;">box-shadow</span>: <span style="color: blue;">5px</span> <span style="color: magenta;">5px</span> <span style="color: #b45f06;">5px</span> <span style="color: #cc0000;">#888</span></code></pre><div dir="ltr" style="text-align: left;"><span style="color: red;"> box-shadow: هو الكود المسئول عن الظل </span></div><div dir="ltr" style="text-align: left;"><span style="color: blue;">5px سمك الظل الجانبي</span></div><div dir="ltr" style="text-align: left;"><span style="color: magenta;">5px سمك الظل السفلي</span></div><div dir="ltr" style="text-align: left;"><span style="color: #990000;">5px درجة تخفيف الظل </span></div><div dir="ltr" style="text-align: left;"><span style="color: #cc0000;">#888 لون الظل</span></div><div dir="ltr" style="text-align: left;"><span style="color: #cc0000;"><br /></span></div><div style="text-align: right;">الآن انظر الكود الملون وشرحه بالالوان وسوف تتعرف على كيفية عمل الكود ,,</div><div style="text-align: right;">حسناً , ماذا لو أحببنا ان يكون الظل داخل الصندوق وليس خارجه</div><div style="text-align: right;">فسوف يكون الكود كالتالي ..</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: red;">box-shadow: 5px 5px 5px #888 </span><span style="color: blue;">inset;</span></code></pre> فقط تم إضافة كلمة inset وعند التطبيق ستجد الشكل كالتالي ..<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVuQzdnXrOCBr2t2AloMX6pHalqdu4bOB-WTynWy0IXM0sGBIQ6ZIZb5qjtoWGAURorKqDF1Rpc-8DznwDVQ5o3-Ax1KjxSvTFyj7yO6M4vIwUbaPZuuQejuoyFLkAE5eZPA-ydIduSNbR/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVuQzdnXrOCBr2t2AloMX6pHalqdu4bOB-WTynWy0IXM0sGBIQ6ZIZb5qjtoWGAURorKqDF1Rpc-8DznwDVQ5o3-Ax1KjxSvTFyj7yO6M4vIwUbaPZuuQejuoyFLkAE5eZPA-ydIduSNbR/s1600/2.png" /></a></div><br />تم تطبيق الظل في داخل الصندوق<br /><br /><div style="text-align: center;">وبهذا ينتهي موضوعنا ونترككم في رعاية الله</div></div>

دروس دورة CSS : شرح الخاصية box-shadow

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

اقرأ المزيد

دروس دورة CSS : شرح الخاصية bottom

<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/AVvXsEhb99kagBJdb-t6kJkzD6Do_bMfQTiuA-i03_5vEVuAABy6_7J7SDz1eizUJftsPEZx6XMvP_iio2dMxz5BNHMyswbBK998aBWp3zxBUNZucmk3BIcA3QUDDIpyu30H0DiwmQFnjYEwjhD-/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="mini soft" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb99kagBJdb-t6kJkzD6Do_bMfQTiuA-i03_5vEVuAABy6_7J7SDz1eizUJftsPEZx6XMvP_iio2dMxz5BNHMyswbBK998aBWp3zxBUNZucmk3BIcA3QUDDIpyu30H0DiwmQFnjYEwjhD-/s1600/minisoft.png" title="دروس دورة CSS : شرح الخاصية bottom" /></a></div><br />بسم الله والحمد لله<br />السلام عليكم ورحمة الله وبركاته ,, كيف حالكم إخواني ..<br />اليوم بفضل الله سوف نقوم بشرح الخاصية bottom وهي تشبه بشكل كبير الخاصية line-height إلا أن خاصية line-height مسئولة عن تحريك السطر المكتوب لأعلى ,,<br />أما عن الخاصية bottom فهي مسئولة عن تحريك الصور لأعلى او اسفل بشكل بسيط<br /><br />افتح صفحة تكست فارغة واعطها الامتداد html و ضع فيها هذا الكود ..<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><!DOCTYPE html><br /><html><br /><head><br /><style><br />div{<br />border:1px solid #ccc;<br />width:200px;<br />}<br /><span style="color: #6aa84f;">img.ex2{</span><br />position:relative;<br /><span style="color: red;">bottom:0px;</span><br />}<br /></style><br /></head><br /><body><br /><div><br /><h1>Mini Soft</h1><br /><span style="color: #6aa84f;"><img class="ex2"</span> src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF-Jeo15030faMY1I13DwXOVCLqYMfly_DigAvYsZzF00FAy3RDCHLeKHfXd14DDBdJ1-KuF5ri9cvf65grNdJ3zmslgsWnzvPxv1RaN7GEN1PlPspvksOH82rQMemiqKAol_FxTteCUxZ/w43-h42-no/Smile+%25282%2529.png"><br /></div><br /></body><br /></html></code></pre><br /> الآن اغلق هذه الصفحة بعد حفظها ثم قم بفتحها على متصفح انترنت لترى الآتي :<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9ywpAx0gUjHYJ8OeZ4dEjGJ-ZQNbD3SHuE3QKIuV5Knmv0tlJaStfyeXtnMqeAyaMdrGJFH7n8Z0s5TGM0eNUlxVY17wzVCTdZMeUdtYboxFKi1eDX0Wc3xP19DcEgudQxIxcqbr9_XSQ/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9ywpAx0gUjHYJ8OeZ4dEjGJ-ZQNbD3SHuE3QKIuV5Knmv0tlJaStfyeXtnMqeAyaMdrGJFH7n8Z0s5TGM0eNUlxVY17wzVCTdZMeUdtYboxFKi1eDX0Wc3xP19DcEgudQxIxcqbr9_XSQ/s1600/1.png" /></a></div><br /><br />انظر هذه الصورة وانظر السطر الاحمر في الكود السابق , السطر المظلل بالاحمر هو bottom:0px<br />تعالوا نقوم بتغيير قيمة هذا الكود ولنجعله مثلاً 20px ثم طبق الكود على المتصفح لترى التالي .<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj845suferIZpEJq8i2nePmLH3awS_ACq9OaowEkJdlF5-vzCf5RNHgZ9NnqYXvkxwzREoIVYD-moJhFDtxPeKFl9cgmkRw6TjZPCjFWm1uIOyVlpmhzhI88evUzxvgHbXPU_-0xk9sciHj/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj845suferIZpEJq8i2nePmLH3awS_ACq9OaowEkJdlF5-vzCf5RNHgZ9NnqYXvkxwzREoIVYD-moJhFDtxPeKFl9cgmkRw6TjZPCjFWm1uIOyVlpmhzhI88evUzxvgHbXPU_-0xk9sciHj/s1600/2.png" /></a></div><br />لاحظ صورة الوجة الاصفر وقد تحركت للأعلى بمقدار 20px<br />وهذه هي خاصية اليوم bottom وارجو ان اكون قد وفقت في الشرح<br /><br /><div style="text-align: center;">اي استفسار اخوتي لا ترددوا في ترك تعليق </div><div style="text-align: center;">نراكم على خير</div></div>

دروس دورة CSS : شرح الخاصية bottom

بسم الله والحمد لله السلام عليكم ورحمة الله وبركاته ,, كيف حالكم إخواني .. اليوم بفضل الله سوف نقوم بشرح الخاصية bottom وهي تشبه بشكل كبير ا...

اقرأ المزيد

كيف تجعل كود CSS او CSS3 يعمل على جميع المتصفحات

<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/AVvXsEh35TirXc_8os-MVP192R4_YZApqvKR2c3d9WiykfxGIH5AfuVikH4hckwufrVIRMBxEXwGl0cYlZ0Wty8f8d8Wj-H3xs6rvqpcfuzh2hBvlSTYxbToyIJ6IF_qx3KfDgu4xzm10gzBfsCC/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh35TirXc_8os-MVP192R4_YZApqvKR2c3d9WiykfxGIH5AfuVikH4hckwufrVIRMBxEXwGl0cYlZ0Wty8f8d8Wj-H3xs6rvqpcfuzh2hBvlSTYxbToyIJ6IF_qx3KfDgu4xzm10gzBfsCC/s1600/minisoft.png" title="كيف تجعل كود CSS او CSS3 يعمل على جميع المتصفحات" /></a></div><div class="tr_bq" style="text-align: right;"><br /></div><div class="tr_bq" style="text-align: right;"><br /></div><div class="tr_bq" style="text-align: right;">بسم الله , الحمد لله</div><div dir="ltr" style="text-align: left;"><br /></div><div style="text-align: right;">معلومة بسيطة قبل ان نخوض في درسنا اليوم.</div><div style="text-align: right;">ليس كل اكواد CSS تعمل على جميع المتصفحات , نعم .. فهناك بعض الأكواد التي لا تعمل إلا بأكواد اخرى تضاف لها تخص المتصفح ودعونا نأخذ مثال على ذلك .</div><div dir="ltr" style="text-align: left;"><br /></div><div style="text-align: right;">وليكن هذا الكود :</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: #cc0000;">transition</span>: <span style="color: blue;">all .4s ease-in-out;</span></code></pre><div style="text-align: right;">ليس مهم عمل الكود ولكن المهم , هل يعمل الكود على كل المتصفحات ؟</div><div style="text-align: right;">طبعاً لا فهو لا يعمل الا بدعم وهذا الدعم مثل الآتي ..</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: red;">-webkit-</span><span style="color: purple;">transition</span>: <span style="color: blue;">all .4s ease-in-out; </span><span style="color: #990000;">// google chrome & safari</span><br /><span style="color: red;">-moz-</span><span style="color: purple;">transition</span>: <span style="color: blue;">all .4s ease-in-out; </span><span style="color: #990000;">// firefox</span><br /><span style="color: red;">-o-</span><span style="color: purple;">transition</span>: <span style="color: blue;">all .4s ease-in-out; </span><span style="color: #990000;">//opera</span><br /><span style="color: red;">-ms-</span><span style="color: purple;">transition</span>: <span style="color: blue;">all .4s ease-in-out; </span><span style="color: #990000;">//internet explorer</span><br /><span style="color: purple;">transition</span>: <span style="color: blue;">all .4s ease-in-out;</span></code></pre><div style="text-align: right;">انظر ..<span style="color: red;"> الأحرف الحمراء</span> هي الدعم للعمل على المتصفح فكما ترى وضعت لكل كود منهم اسم المتصفح باللون البني فمثلاً :</div><div style="text-align: right;"><br /></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: red;">-webkit-</span> يجعل الكود يعمل على متصفح جوجل كروم و متصفح سفاري<br /><span style="color: red;">-moz-</span> يجعل الكود يعمل على متصفح فايرفوكس<br /><span style="color: red;">-o-</span> يجعل الكود يعمل على متصفح اوبرا<br /><span style="color: red;">-ms-</span> يجعل الكود يعمل على متصفح انترنت اكسبلورر</code></pre><div dir="ltr" style="text-align: left;"><br /></div><div style="text-align: right;">سؤال قد يخطر على ذهنك وهو ,, ما هي الأكواد التي لا تعمل إلا بالدعم ؟ هي الآتي :</div><div dir="ltr" style="text-align: left;"><br /></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: blue;">box-sizing:border-box;</span><br /><span style="color: red;">-moz-</span><span style="color: blue;">box-sizing:border-box;</span><br /><span style="color: red;">-o-</span><span style="color: blue;">box-sizing:border-box;</span><br /><span style="color: red;">-webkit-</span><span style="color: blue;">box-sizing:border-box;</span> </code></pre><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;">box-shadow: 10px 10px 5px #888;</span><br /><span style="color: red;">-moz-</span><span style="color: blue;">box-shadow: 10px 10px 5px #888;</span><br /><span style="color: red;">-o-</span><span style="color: blue;">box-shadow: 10px 10px 5px #888;</span><br /><span style="color: red;">-webkit-</span><span style="color: blue;">box-shadow: 10px 10px 5px #888;</span> </code></pre><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;">transform:rotate(7deg);</span><br /><span style="color: red;">-moz-</span><span style="color: blue;">transform:rotate(7deg);</span><br /><span style="color: red;">-o-</span><span style="color: blue;">transform:rotate(7deg);</span><br /><span style="color: red;">-ms-</span><span style="color: blue;">transform:rotate(7deg);</span><br /><span style="color: red;">-webkit-</span><span style="color: blue;">transform:rotate(7deg);</span> </code></pre><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;">-webkit-</span><span style="color: blue;">transition: width 2s;</span><br /><span style="color: red;">-moz-</span><span style="color: blue;">transition: width 2s;</span><br /><span style="color: red;">-o-</span><span style="color: blue;">transition: width 2s;</span><br /><span style="color: red;">-ms-</span><span style="color: blue;">transition: width 2s;<br />transition: width 2s;</span> </code></pre><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;">border-radius:25px;</span><br /><span style="color: red;">-webkit-</span><span style="color: blue;">border-radius:25px;</span><br /><span style="color: red;">-moz-</span><span style="color: blue;">border-radius:25px;</span><br /><span style="color: red;">-o-</span><span style="color: blue;">border-radius:25px;</span> </code></pre><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;">background-image:linear-gradient(to top,#000 0%,#001530 30%);<br />background-image:</span><span style="color: red;">-webkit-</span><span style="color: blue;">linear-gradient(to top,#000 0%,#001530 30%);<br />background-image:</span><span style="color: red;">-moz-</span><span style="color: blue;">linear-gradient(to top,#000 0%,#001530 30%);<br />background-image:</span><span style="color: red;">-o-</span><span style="color: blue;">linear-gradient(to top,#000 0%,#001530 30%);<br />background-image:</span><span style="color: red;">-ms-</span><span style="color: blue;">linear-gradient(to top,#000 0%,#001530 30%);</span></code></pre><div style="text-align: center;"><br /> وبهذا ينتهي موضوعنا بحمد الله وتوفيقه<br /><br /></div></div>

كيف تجعل كود CSS او CSS3 يعمل على جميع المتصفحات

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

اقرأ المزيد

دروس دورة CSS : شرح الخاصية border-radius في CSS3

<div dir="rtl" style="text-align: right;" trbidi="on"><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/AVvXsEicjrdkniUNxwKAya1_O7iJqaLn451-wkTRgfR8-E27BQw6mtzWGcQnzFHxudZNqu0DHFSbfccBBTo3JLh5czUMsQn2xSvYa57a7FVFLQ5mJ0etkWGxDb_Fc8LYWbquyBc7oWkFc3gnEtNl/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicjrdkniUNxwKAya1_O7iJqaLn451-wkTRgfR8-E27BQw6mtzWGcQnzFHxudZNqu0DHFSbfccBBTo3JLh5czUMsQn2xSvYa57a7FVFLQ5mJ0etkWGxDb_Fc8LYWbquyBc7oWkFc3gnEtNl/s1600/minisoft.png" title="دروس دورة CSS : شرح الخاصية border-radius في CSS3" /></a></div><br />بسم الله والحمد لله ..<br /><br />اليوم إخواني نشرح درس رائع وخاصية جميلة جداً من خواص تقنية CSS3 وهي الخاصية ..<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: #cc0000;">border-radius</span></code></pre></div>تلك الخاصية التي تجعل من اي صندوق حدود مستديرة جميلة ويمكنك التحكم في جميع الأطراف وحجم الدوران..<br />سوف نقوم بالتجربة مباشرتاً دون كثرة كلام ..<br />افتح صفحة تكست فارغة واعطها الامتداد html ثم ضع بها هذا الكود ..<br /><br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><!DOCTYPE html><br /><html><br /><head><br /><style><br />div{<br /><span style="color: blue;">border:2px solid #111;</span><br />padding:10px;<br />background:#0cf;<br />color:#fff;<br />width:160px;<br /><span style="color: red;">border-radius:15px;</span><br />}<br /></style><br /></head><br /><body><br /><div><br />Mini Soft by Ahmad Saleh<BR /><br />Mini Soft by Ahmad Saleh<BR /><br />Mini Soft by Ahmad Saleh<BR /><br /></div><br /></body><br /></html> </code></pre>ثم اغلق الصفحة بعد حفظها ثم افتحها على المتصفح لترى التالي ..<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/AVvXsEhyRzsnjisbQgpYwC0r8YiZGrdLcIycMnsbC53nj7KjLz1Blt-4EMMzEEMUCqSxgUxR7C_xRXbmMO4KVtt1Yp10mwD2X5rEtBdpPOGEbePq3-UO65Kr1Pl1PfAF3h0_jPrr-Oy7lpKv4SnG/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyRzsnjisbQgpYwC0r8YiZGrdLcIycMnsbC53nj7KjLz1Blt-4EMMzEEMUCqSxgUxR7C_xRXbmMO4KVtt1Yp10mwD2X5rEtBdpPOGEbePq3-UO65Kr1Pl1PfAF3h0_jPrr-Oy7lpKv4SnG/s1600/1.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><span style="color: red; font-size: small; text-align: left;">border-radius:15px</span></td></tr></tbody></table>انظر لتلك الحواف المستديرة ,, ما جعلها هكذا هو الكود اسفل الصورة ,, اما عن الحدود السوداء فهي ترجع للسطر الأزرق في الكود السابق ..<br /><div>يمكنك أن تتحكم في درجة الإستدارة بتقليل حجم الـ px او زيادتها .</div><div>يمكنك ايضاً ان تجعل حواف أكبر من الأخرى أو تعمل على استدارة حافة وحافة أخرى لا , يمكنك هعمل ذلك من خلال هذا الكود ..</div><div><br /></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: red;">border-radius:</span><span style="color: blue;"> 0 15px 0 15px;</span></code></pre>وعند تطبيق تلك الكود ستجد الصورة كالتالي ..<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/AVvXsEinnX8PD-ph2gFI3bCZi-IfozN4gU21TNbvY_HpIbODJZuPMkqmV2MZyvVM5XH5ASLfPQJRVnLzEGl3tZxKamV_SaI2pZupupHTPN-VqKTMK72WV9bV62MypB0SQHXcOii_GiwHu47HWufx/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinnX8PD-ph2gFI3bCZi-IfozN4gU21TNbvY_HpIbODJZuPMkqmV2MZyvVM5XH5ASLfPQJRVnLzEGl3tZxKamV_SaI2pZupupHTPN-VqKTMK72WV9bV62MypB0SQHXcOii_GiwHu47HWufx/s1600/2.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><span style="color: red; font-size: small; text-align: left;">border-radius:</span><span style="color: red; font-size: small; text-align: left;"> 0 15px 0 15px</span></td></tr></tbody></table> بدون تفكير , كل رقم من هؤلاء مسئول عن حافة من الاربع حواف , فكما ترون هم اربعة ارقام ويمكننا تفسيرهم<br /><span style="color: red;">الرقم الآول 0</span> = اليسار أعلى<br /><span style="color: red;">الرقم الثاني 15px</span> = اليمين أعلى<br /><span style="color: red;">الرقم الثالث 0 </span>= اليمين اسفل<br /><span style="color: red;">الرقم الرابع 15px</span> = اليسار اسفل<br /><br /><div style="text-align: center;">وبهذا ينتهي شرحنا لهذه الخاصية الرائعة</div><div style="text-align: center;">في امان الله</div><br /><br /></div>

دروس دورة CSS : شرح الخاصية border-radius في CSS3

بسم الله والحمد لله .. اليوم إخواني نشرح درس رائع وخاصية جميلة جداً من خواص تقنية CSS3 وهي الخاصية .. border-radius تلك الخاصية التي تجعل من...

اقرأ المزيد

أكواد مهمة جداً لكل مدون للإستخدام في HTML أو XML

<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/AVvXsEiPMnnMM87USQ7DSJqudFOTgAglIt_i1NGhkaMbOlIjCvWJPIGkNbhXD6mG9OlT1fkdbH7-sEfWVocBem4Bhwjeaoqi3jCQVwASYk-rV_YC_9uGQXbirjwsL0TRNAAaCw2HQ4QT_izouqDU/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPMnnMM87USQ7DSJqudFOTgAglIt_i1NGhkaMbOlIjCvWJPIGkNbhXD6mG9OlT1fkdbH7-sEfWVocBem4Bhwjeaoqi3jCQVwASYk-rV_YC_9uGQXbirjwsL0TRNAAaCw2HQ4QT_izouqDU/s1600/minisoft.png" title="أكواد مهمة جداً لكل مدون للإستخدام في  HTML أو XML" /></a></div><div><br /></div><div><br /></div>بسم الله , الحمد لله ..<br /><div><br /></div><div>بالطبع الكثير منا رأى قالب المدونة وكم هو ملئ بالأكواد او صفحات HTML ولذلك اليوم سوف نقوم بعرض أهم الأكواد المستخدمة سواء في صفحات HTML او صفحات XML وهي أكواد مهمة جداً لكل مدون يمتلك مدونة على بلوجر ..</div><div><br /></div><div>نبدأ في سرد كل كود وماهية استخدامه ..</div><div><br /></div><div>إذا كنت تريد إضافة صورة فقط فسوف يكون الكود كالتالي ..</div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #38761d;"><img </span><span style="color: blue;">src</span>=<span style="color: #990000;">'رابط الصورة'</span><span style="color: #38761d;">/></span></blockquote>الذي يظهر على الصفحة الصورة فقط وعند الضغط عليها لا يحدث اي شئ.<br /><div style="text-align: center;">******</div><div style="text-align: center;"><br /></div><div>إذا كنت تريد إضافة رابط في مدونتك من خلال تخطيط  HTML/JavaScript او من داخل القالب فسوف يكون الكود كالتالي ..</div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #38761d;"><a</span> <span style="color: blue;">href</span>=<span style="color: #990000;">"رابط الموقع"</span><span style="color: #38761d;">></span>Mini Soft<span style="color: #38761d;"></a></span></blockquote>الذي يظهر على الصفحة هو عبارة Mini Soft وعند الضغط عليها يتم التحويل الى صفحة تويتر وهذا الكود هام جداً.<br /><div style="text-align: center;">******</div><div style="text-align: right;">إذا كنت تريد إضافة صورة وعند الضغط عليها يتم فتح رابط جديد فسوف يكون الكود هكذا ..</div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #38761d;"><a</span> <span style="color: blue;">href</span>=<span style="color: #990000;">'رابط الموقع'</span><span style="color: #38761d;">><img</span> <span style="color: blue;">src</span>=<span style="color: #990000;">'رابط الصورة'</span><span style="color: #38761d;">/></a></span></blockquote>الذي يظهر على الصفحة الصورة وعند الضغط عليها يتم فتح الموقع.<br /><div style="text-align: center;">******</div><div style="text-align: center;"><br /></div><div style="text-align: right;">الآن نفترض أنك تريد فتح الموقع عند الضغط عليه في صفحة جديدة فسوف يكون الكود هكذا ..</div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #38761d;"><a</span> <span style="color: blue;">href</span>=<span style="color: #990000;">'رابط الموقع'</span> <span style="color: blue;">target</span>=<span style="color: #990000;">'_blank'</span><span style="color: #38761d;">></a></span></blockquote>عند الضغط على الرابط سوف تبقى الصفحة كما هي ويتم فتح الرابط في صفحة جديدة والكود صالح للعمل سواء على رابط او صورة تحتوي على موقع.<br /><div style="text-align: center;">******</div><div style="text-align: center;"><br /></div><div style="text-align: right;">إذا كنت تريد أن تقف بالفأرة على رابط او صورة فيظهر تلميح لمحتوى الرابط او الصورة فسوف يكون الكود هكذا ..</div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #38761d;"><a</span> <span style="color: blue;">href</span>=<span style="color: #990000;">'رابط الموقع'</span> <span style="color: blue;">target</span>=<span style="color: #990000;">'_blank'</span> <span style="color: blue;">title</span>=<span style="color: #990000;">'نبذة عن الموقع'</span><span style="color: #38761d;">></a> </span></blockquote><div style="text-align: center;">******</div><div style="text-align: center;"><br /></div><h3 style="text-align: center;">أكواد أخرى شائعة الإستخدام :</h3><div style="text-align: right;">إذا كنت تريد أن يكون النص عريض فسوف يكون الكود كالتالي ..</div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #38761d;"><b></span>Mini Soft<span style="color: #38761d;"></b></span></blockquote><div style="text-align: center;">******</div><div style="text-align: center;"><br /></div><div style="text-align: right;">إذا كنت تريد أن يكون النص مائل فسوف يكون الكود كالتالي ..</div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #38761d;"> <i></span>Mini Soft<span style="color: #38761d;"></i></span></blockquote><div style="text-align: center;">******</div><div style="text-align: center;"><br /></div><div style="text-align: right;">إذا كنت تريد أن يكون تحت النص خط فسوف يكون الكود كالتالي ..</div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #38761d;"><u></span>Mini Soft<span style="color: #38761d;"></u></span></blockquote><div style="text-align: center;"> ******</div><div style="text-align: right;">إذا كنت تريد توسيط رابط او كلمة فسوف يكون الكود كالتالي ..</div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #38761d;"><center></span>mini soft<span style="color: #38761d;"></center></span></blockquote><div style="text-align: center;">******</div><div style="text-align: center;">وبهذا ينتهي موضوعنا لهذا اليوم </div><div style="text-align: center;">ارجوا ان تكونوا استفدتم ولو بالقليل </div></div>

أكواد مهمة جداً لكل مدون للإستخدام في HTML أو XML

بسم الله , الحمد لله .. بالطبع الكثير منا رأى قالب المدونة وكم هو ملئ بالأكواد او صفحات HTML ولذلك اليوم سوف نقوم بعرض أهم الأكواد المستخدمة...

اقرأ المزيد

إخفاء عبارة الإشتراك في تعليقات الرسالة Atom على مدونات بلوجر

<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/AVvXsEiU06npxKaRIEZppfevvpkrsbR3ty4RHd4vDJJA0S8DhyphenhyphenLrG9GCxW3a6npXHwWPvgtB0MXFgoFGUndgNpEqwX12C7qnspXNKBPC9tBoFz40TsQ-AOBuRBA8eKHr1gEvEUsz60MwdU_x_xoZ/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU06npxKaRIEZppfevvpkrsbR3ty4RHd4vDJJA0S8DhyphenhyphenLrG9GCxW3a6npXHwWPvgtB0MXFgoFGUndgNpEqwX12C7qnspXNKBPC9tBoFz40TsQ-AOBuRBA8eKHr1gEvEUsz60MwdU_x_xoZ/s1600/minisoft.png" title="إخفاء عبارة الإشتراك في تعليقات الرسالة  Atom على مدونات بلوجر" /></a></div><br /><br />السلام عليكم ورحمة الله وبركاته<br /><br />اليوم إخواني واستكمالاً لدورتنا لإحتراف البلوجر على هذا الرابط ( <a href="http://minisoftwre.blogspot.com/2013/09/blog-post_28.html" target="_blank">هنا </a>)  سوف نقوم اليوم بحذف أو بمعنى أصح إخفاء تلك العبارة اسفل المدونة وهي الإشترك في : تعليقات الرسالة Atom وتكون بهذا الشكل اسفل كل تدوينة :<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQQOuCIlyyjoqvKZ8jAtlubayU8BXA5n5OB0H4LUjJVaFLIMcYJPA8t96ZT3cpPPXGMelLC_NAlwos1VD-buq68MLBGzDGIUFjMWN4cXbpNecD2G5bcPcOsG2lkjPs5xT15GpOoThftp7H/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQQOuCIlyyjoqvKZ8jAtlubayU8BXA5n5OB0H4LUjJVaFLIMcYJPA8t96ZT3cpPPXGMelLC_NAlwos1VD-buq68MLBGzDGIUFjMWN4cXbpNecD2G5bcPcOsG2lkjPs5xT15GpOoThftp7H/s1600/1.png" title="مثال على رسالة الاشتراك في تعليقات الرسالة Atom" /></a></div>والآن سوف نقوم بإزالة هذه العبارة نهائياً وذلك باتباع الآتي :<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/AVvXsEgjbqyoslJ_nfatwAA5pxb-YYKly_YVw5GZR8SjgHZnQii9hyphenhyphenkONxqlyYUboZlH7JCbEjtTeJfNpd2AK43wUBNKi4NT2MVYgA6jRQuXwT8Wld6KqnwRwDeeBYqTGA4RZQ70J4IdfN-B7SzR/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjbqyoslJ_nfatwAA5pxb-YYKly_YVw5GZR8SjgHZnQii9hyphenhyphenkONxqlyYUboZlH7JCbEjtTeJfNpd2AK43wUBNKi4NT2MVYgA6jRQuXwT8Wld6KqnwRwDeeBYqTGA4RZQ70J4IdfN-B7SzR/s1600/2.png" title="إذهب الى قالب" /></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/AVvXsEjEWjJW7SIy3GIERmNXN1JG2z5R7tCxVyr2-Rel8wSiTNsdTYUudZqV0HADdOUMfDnQfpr7JCdBKJZqprNGA0NVufdG1hEuDKNTWBRZaCxe7AV3aXMUvJlMia-kx23CvlzO-Nx9AHZoZIDY/s1600/3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEWjJW7SIy3GIERmNXN1JG2z5R7tCxVyr2-Rel8wSiTNsdTYUudZqV0HADdOUMfDnQfpr7JCdBKJZqprNGA0NVufdG1hEuDKNTWBRZaCxe7AV3aXMUvJlMia-kx23CvlzO-Nx9AHZoZIDY/s1600/3.png" title="إضغط تحرير HTML" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">ثم إضغط تحرير HTML</td></tr></tbody></table>سوف يفتح امامك قالب المدونة فابحث داخله عن هذا الوسم<br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><span style="color: #073763;">]]></span><span style="color: #38761d;"></b:skin></span></blockquote> وذلك بالضغط على Ctrl + F ثم ضع فوقه مباشرتاً هذا الكود :<br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;">.feed-links{display:none !important;}</blockquote>ليبقى اخيراً هكذا :<br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs68Vd6_1SZOJZ5d-V1AY-RreBJR0kvJKfIsmgPL_a4_fyKqJXZVzmaN-wryO9BlNQw5khn-I9ig8XMmOjpVq3ID0DlIO2IoMTpxiiHn_hw7qlyj4c8jvSfIK0q6wi-H-aPqvOU5oI3l-j/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs68Vd6_1SZOJZ5d-V1AY-RreBJR0kvJKfIsmgPL_a4_fyKqJXZVzmaN-wryO9BlNQw5khn-I9ig8XMmOjpVq3ID0DlIO2IoMTpxiiHn_hw7qlyj4c8jvSfIK0q6wi-H-aPqvOU5oI3l-j/s1600/4.png" title="مثال على كود حذف عبارة الاشتراك في الرسالة Atom" /></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>

إخفاء عبارة الإشتراك في تعليقات الرسالة Atom على مدونات بلوجر

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

اقرأ المزيد

شرح محول الصوتيات Free Audio Converter شرح كامل

<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/AVvXsEgJ4fKGQiW9iAGQsPx89Q-lFoP4Z4LevdRFKabYqLXR0z0dlFSU-VFiVxq4JvsO_WknLYNX5rdu6ANyShw3LgjvreKp2nCcYFYrKI8p7C2fWFhC38Ewoz5UMD6qKKe-BT7jfc55B3NPDmVw/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ4fKGQiW9iAGQsPx89Q-lFoP4Z4LevdRFKabYqLXR0z0dlFSU-VFiVxq4JvsO_WknLYNX5rdu6ANyShw3LgjvreKp2nCcYFYrKI8p7C2fWFhC38Ewoz5UMD6qKKe-BT7jfc55B3NPDmVw/s1600/minisoft.png" /></a></div>السلام عليكم ورحمة الله وبركاته<br />طرحنا فيما قبل البرنامج الرائع ..  Free Audio Converter واليوم إن شاء الله سوف نطرح لكم الشرح الكامل لهذا البرنامج الرائع<br />إن لم تُكن قد قُمت بتحميل البرنامج يُمكنك تحميله من ( <a href="http://minisoftwre.blogspot.com/2013/12/free-audio-converter-50311125.html" target="_blank">هنا </a>)  والآن دعونا نقوم بشرح التنصيب والعمل ايضاً فتابعنا ..<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/AVvXsEgKNjs56HlJiGljYjvQKn-u9qutP6vyAh1BZ7KdXKflL4k-AmHTjJu8Gy24ZYdVQiLknHeEOpGfoOXukwuMfF2Q44WiFlQomCj2rY6zHVJ1gux9Oi2EIBe3wGKrmKxvvaIjAjrPJZjDc_u6/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" height="52" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKNjs56HlJiGljYjvQKn-u9qutP6vyAh1BZ7KdXKflL4k-AmHTjJu8Gy24ZYdVQiLknHeEOpGfoOXukwuMfF2Q44WiFlQomCj2rY6zHVJ1gux9Oi2EIBe3wGKrmKxvvaIjAjrPJZjDc_u6/s320/1.png" title="بعد تحميل البرنامج تجده هكذا كما هو السهم  " 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/AVvXsEhTAqTeNLQeBAbE3tXH36Vtfws9NNDXKBYp6GoUA9lodaBOkkD5MK9rLERWsDm9A1g1QImMCUOH4NnfV5ylE23_-RyDCkpPCR-z3IZNAuqzY3IO29J-e-rSv7ZvFCpaqeNyJSxZqeI3ASIA/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTAqTeNLQeBAbE3tXH36Vtfws9NNDXKBYp6GoUA9lodaBOkkD5MK9rLERWsDm9A1g1QImMCUOH4NnfV5ylE23_-RyDCkpPCR-z3IZNAuqzY3IO29J-e-rSv7ZvFCpaqeNyJSxZqeI3ASIA/s1600/2.png" title="إضغط ok" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">إضغط ok</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/AVvXsEhoQsctOVVu9Rf704KMPILkoDFLF2M89ylSGCXQgJi5KznfN_pFIb4ltyjbOTk1IUa6xTGvmmuJwtLdexbrxJQdJNqU659NJh3mb1XjF2ZI1ftZhaGj5FBbpE3hGRHXZV6QewvY6EuY7W0K/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/AVvXsEhoQsctOVVu9Rf704KMPILkoDFLF2M89ylSGCXQgJi5KznfN_pFIb4ltyjbOTk1IUa6xTGvmmuJwtLdexbrxJQdJNqU659NJh3mb1XjF2ZI1ftZhaGj5FBbpE3hGRHXZV6QewvY6EuY7W0K/s320/3.png" title="اضغط next" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط next</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/AVvXsEjbOP8zMZEYyTmsOIuNgQS8oEuF2ACE8UnnqU5T8w5PGqQ_ZjTPVGFK3lZNK9x2ch6kAY5BSeiDx5ojrXWDzXx8PoJznV5FDO-sZnpu373Y4XURjDRB9EuQS0oxMsU6sAlalAh36NHVA27e/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/AVvXsEjbOP8zMZEYyTmsOIuNgQS8oEuF2ACE8UnnqU5T8w5PGqQ_ZjTPVGFK3lZNK9x2ch6kAY5BSeiDx5ojrXWDzXx8PoJznV5FDO-sZnpu373Y4XURjDRB9EuQS0oxMsU6sAlalAh36NHVA27e/s320/4.png" title="اضغط next" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط next</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/AVvXsEiqKSE738lYMXt63f0R2mPHzpRdi78eRdTQ6qmnWyfiawkua1ApB_LwhnqcNT_LMVua6m8ZBq-gFsU86RzTo2YBJYTGp9xpUMPqlYVsmFniaq5ORwYZyDlOAB950Gq8tCjFQNLdtNlIpxWe/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/AVvXsEiqKSE738lYMXt63f0R2mPHzpRdi78eRdTQ6qmnWyfiawkua1ApB_LwhnqcNT_LMVua6m8ZBq-gFsU86RzTo2YBJYTGp9xpUMPqlYVsmFniaq5ORwYZyDlOAB950Gq8tCjFQNLdtNlIpxWe/s320/5.png" title="اضغط next" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط next</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/AVvXsEiAce2eMHzR9uBuIomjUyy1clngbZrjR56mgjG9mbJYmbQ0jxeodzYY1P_oRAnxKHXLcbKuI2iEVgn4Mc2ovtH2K8-W7n9Jua9V7SWRIbudrQKFA7bo5xfW9fhWXxWGwF0pVPNhJ0bx5AOK/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/AVvXsEiAce2eMHzR9uBuIomjUyy1clngbZrjR56mgjG9mbJYmbQ0jxeodzYY1P_oRAnxKHXLcbKuI2iEVgn4Mc2ovtH2K8-W7n9Jua9V7SWRIbudrQKFA7bo5xfW9fhWXxWGwF0pVPNhJ0bx5AOK/s320/6.png" title="1 - اختر Custom Installition 2- أزل العلامة التي تجدها هنا في المربع الفارغ 3-اضغط Next" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">1 - اختر Custom Installition<br />2- أزل العلامة التي تجدها هنا في المربع الفارغ<br />3-اضغط Next</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/AVvXsEhOvlA3Ocs3TRgwbpaE02JGln6tPamiUcuKVUTQtuGQrv8hMwa2vLfIuH6uZu_CJ8kgeloXHIZnbQBN_pZ9CdGcsz4Tn1WDDYNfKp5nyCe-mPk9gtjF4bjZtwGldkStZhdmzT61NSTtW3M5/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/AVvXsEhOvlA3Ocs3TRgwbpaE02JGln6tPamiUcuKVUTQtuGQrv8hMwa2vLfIuH6uZu_CJ8kgeloXHIZnbQBN_pZ9CdGcsz4Tn1WDDYNfKp5nyCe-mPk9gtjF4bjZtwGldkStZhdmzT61NSTtW3M5/s320/7.png" title="1- أختر Custom Installation 2- ازل علامة الصح التي تجدها في هذا المربع 3- اضغط Next" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">1- أختر Custom Installation<br />2- ازل علامة الصح التي تجدها في هذا المربع<br />3- اضغط Next</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/AVvXsEj4pAY2WJokezn9o3llpgba57N2QauMgY0rgVQJ1xyV4I2PMFwC-ySykeKuIhLNuvjvdzSHZ8LDzs2PL9GHzDc3SlfkQyyJsxg96KgyY90A2W98fKoEVw2-sC2IGOi15Lo5mxoEmsyLPdWt/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/AVvXsEj4pAY2WJokezn9o3llpgba57N2QauMgY0rgVQJ1xyV4I2PMFwC-ySykeKuIhLNuvjvdzSHZ8LDzs2PL9GHzDc3SlfkQyyJsxg96KgyY90A2W98fKoEVw2-sC2IGOi15Lo5mxoEmsyLPdWt/s320/8.png" title="اضغط next" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط next</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/AVvXsEh1EEq_9Y6Ai87sAzwFTlV31eFLQtS4IqKZGyDJTQTE9InzgStfDUxreD5cj5JeJ_wgdmr8NtqinPmRD3SMCKxvuJ2XMVDwcMAkwgPvQgOr-sIjQUGFATfJBrqOza-wJLdFENGESk56VH7O/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/AVvXsEh1EEq_9Y6Ai87sAzwFTlV31eFLQtS4IqKZGyDJTQTE9InzgStfDUxreD5cj5JeJ_wgdmr8NtqinPmRD3SMCKxvuJ2XMVDwcMAkwgPvQgOr-sIjQUGFATfJBrqOza-wJLdFENGESk56VH7O/s320/9.png" title="  إضغط Install" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">إضغط Install</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/AVvXsEg6PFpP-D86Jnt6vTvr7RAiLH3LPikbRncmtlGB_0Fva6Qs3XWOyjGy9pzYPTjA1gc-bqFXbWOpXWCzBJQo3titFO54u44pSev10B1c45E7kjpg20-YQBdpz7d2j9yW5Txt52xoB7HcH2SS/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/AVvXsEg6PFpP-D86Jnt6vTvr7RAiLH3LPikbRncmtlGB_0Fva6Qs3XWOyjGy9pzYPTjA1gc-bqFXbWOpXWCzBJQo3titFO54u44pSev10B1c45E7kjpg20-YQBdpz7d2j9yW5Txt52xoB7HcH2SS/s320/10.png" title="جاري التثبيت" 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/AVvXsEhUT3gqDWDxPEEzKPFCX3JvFq9-YBLbub37XV2koMvGxM1Ab7xdEskUIQWrSfv66OcIfOBhC9FEJWyW4XZlKQbyvLw4KqFNRWqfel3p8ed47DfjEi-79bksSI6aqWU-Evmg7E7b-aO2mqeQ/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/AVvXsEhUT3gqDWDxPEEzKPFCX3JvFq9-YBLbub37XV2koMvGxM1Ab7xdEskUIQWrSfv66OcIfOBhC9FEJWyW4XZlKQbyvLw4KqFNRWqfel3p8ed47DfjEi-79bksSI6aqWU-Evmg7E7b-aO2mqeQ/s320/11.png" title="اضغط Finish" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط Finish</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/AVvXsEgZ7MDI6mKfaI58SiEHeqT-0frUHVUk-WGC83dY3zvk8yruD3VlXQ1L0sleadFxuclKy0yZaIm9CN8jp7u9NZLyZmjdgjk_rp4AuDyxR7ge0ND7pvI3nry83Vc72Y0mQ1-BEjLJ5SqCol1j/s1600/12.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ7MDI6mKfaI58SiEHeqT-0frUHVUk-WGC83dY3zvk8yruD3VlXQ1L0sleadFxuclKy0yZaIm9CN8jp7u9NZLyZmjdgjk_rp4AuDyxR7ge0ND7pvI3nry83Vc72Y0mQ1-BEjLJ5SqCol1j/s320/12.png" title="واجهة البرنامج الأولى" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">الواجهة الأولى للبرنامج<br />1- اختيار ملفات للتحويل<br />2- ازالة ملفات من القائمة التي سوف تحول<br />3- اختيار اسم جديد للملف المحول<br />4- اضافة معلومات لملف MP3 مثل العنوان والمؤدي والسنه وما الى ذلك<br />5- ترتيب القائمة ايهما يُحول قبل الآخر<br />6- اختيار مجلد جديد يقوم البرنامج بحفظ المحول بداخله<br />7- إختيار الصيغة التي تريد التحويل اليها مثل , MP3 - WAV وما شابه<br />8- ازل علامة الصح هنا<br />9- خيارات تابعة للبرنامج ولن نتطرق اليها<br />10- بعد وضع الملفات تقوم بالضغط هنا ( Convert ) للتحويل</td></tr></tbody></table> والآن سوف نقوم بأخذ مثال على كيفية تحويل اي ملف من اي صيغة صوتيه الى صيغة MP3<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/AVvXsEjVDH0NaAxBbvNdzu51UHixuTnNhJDwvXQc-yZsIq_3-oCG9wPuM7FUdd13W58lQed1tUCD6Id3TRWKPDrvhhXod6hsJAnzunFHudEw54I9D__7wd3sbqHS_V-1F5fMPhrsJD9nNBpbDMsj/s1600/13.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVDH0NaAxBbvNdzu51UHixuTnNhJDwvXQc-yZsIq_3-oCG9wPuM7FUdd13W58lQed1tUCD6Id3TRWKPDrvhhXod6hsJAnzunFHudEw54I9D__7wd3sbqHS_V-1F5fMPhrsJD9nNBpbDMsj/s320/13.png" title="افتح البرنامج ثم إضغط على Add Files" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">افتح البرنامج ثم إضغط على Add Files</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/AVvXsEjFKEYhhh0AWeWttbwYrajGlaNKuhKj2B4FpQeWvJ4B811_B5hpgjWkfkB0MAb7HLpt0Dg6wr1qLLE-vWxo21NbLxcRm564KE3MCHfoJB6BGYazwKTtF1QnvduEVsDluLatsLHiqSjK5qjN/s1600/14.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFKEYhhh0AWeWttbwYrajGlaNKuhKj2B4FpQeWvJ4B811_B5hpgjWkfkB0MAb7HLpt0Dg6wr1qLLE-vWxo21NbLxcRm564KE3MCHfoJB6BGYazwKTtF1QnvduEVsDluLatsLHiqSjK5qjN/s320/14.png" title="1- إختر الملف الذي تريد تحويله  2- إضغط Open" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">1- إختر الملف الذي تريد تحويله<br />2- إضغط Open</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/AVvXsEherwiOy4C_Mu0TfCDeyrlXbGbSRQKa66uQ-cU9Yb8C6K2DQCMEq6CAElBO0Hk_wkdYOdBAhLMnKJATgPneHk0q3HYA-r-8fwYbbuV0ANtixoRZgZNzgErGdvFi9ScXQKTk92SJOpRo4cWr/s1600/15.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEherwiOy4C_Mu0TfCDeyrlXbGbSRQKa66uQ-cU9Yb8C6K2DQCMEq6CAElBO0Hk_wkdYOdBAhLMnKJATgPneHk0q3HYA-r-8fwYbbuV0ANtixoRZgZNzgErGdvFi9ScXQKTk92SJOpRo4cWr/s320/15.png" title="إضغط هنا لإختيار مكان الحفظ " 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/AVvXsEgRiawVunb2gDMcZAGKcvcpzuVyYfUTJTQIgFZ1vNHOCXa4aeW90mFkipFl3YmQmZuZlbQrewJ3X8ufURjWa6G1lKE8EP0OiNh7JEPTxfU2ztOgEgYbwpKxVcYxs7zjyjEWWWx5-jZP3Ej9/s1600/16.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRiawVunb2gDMcZAGKcvcpzuVyYfUTJTQIgFZ1vNHOCXa4aeW90mFkipFl3YmQmZuZlbQrewJ3X8ufURjWa6G1lKE8EP0OiNh7JEPTxfU2ztOgEgYbwpKxVcYxs7zjyjEWWWx5-jZP3Ej9/s320/16.png" title="وليكن سطح المكتب ثم إضغط Ok" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">وليكن سطح المكتب<br />ثم إضغط Ok</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/AVvXsEjczchyphenhyphenO4a_OXTUC-A7ufzQskRHjciXryYHYm9tHdBbeP0VmnMh8KrM632TQHfTDkiQIurvPhAlKDRTMhk4ExD7M0jdtZRPrXuGBgIIVQpFpfE3otDY6iO1hvg-wy7TBq12liQHc8N_UA4p/s1600/17.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjczchyphenhyphenO4a_OXTUC-A7ufzQskRHjciXryYHYm9tHdBbeP0VmnMh8KrM632TQHfTDkiQIurvPhAlKDRTMhk4ExD7M0jdtZRPrXuGBgIIVQpFpfE3otDY6iO1hvg-wy7TBq12liQHc8N_UA4p/s320/17.png" title="الآن إضغط Convert" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">الآن إضغط Convert</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/AVvXsEjg_b0C4ws-Vl4LTYVSCeL9kUNw3r37AGMCU8SsdrDzOXn56X1tCQY7bSIcq98-J8lBaXIL5NUqsKE-6CD9WHvF9u8UXg9PQ8UKaTbcyUplCDK4xgdqXLanMmc58fVK8NkH4BakuZ1V6qF2/s1600/18.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg_b0C4ws-Vl4LTYVSCeL9kUNw3r37AGMCU8SsdrDzOXn56X1tCQY7bSIcq98-J8lBaXIL5NUqsKE-6CD9WHvF9u8UXg9PQ8UKaTbcyUplCDK4xgdqXLanMmc58fVK8NkH4BakuZ1V6qF2/s320/18.png" title="جاري التحويل" 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/AVvXsEhTGRMAJFSX0XOY2H77rUoiHLZMqHxXO8I4Xs7R268w1wvCi9p3BxQXNyyccsL_gvRYyqcngXf_5b0Q1hP5Z6A9is2iBYMBhdgYCJY9jNjAffRK_km8DII9hy2h-LwvlcjLjFc0tboGliNo/s1600/19.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTGRMAJFSX0XOY2H77rUoiHLZMqHxXO8I4Xs7R268w1wvCi9p3BxQXNyyccsL_gvRYyqcngXf_5b0Q1hP5Z6A9is2iBYMBhdgYCJY9jNjAffRK_km8DII9hy2h-LwvlcjLjFc0tboGliNo/s320/19.png" title="بعد التحويل تجد هذه الشاشة إضغط Close" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">بعد التحويل تجد هذه الشاشة إضغط Close</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/AVvXsEhGVmwVn3xdkyltjETTp8uU70I6bC15U0-9hv9W8KTyRRoYB0s_gb0Zoqiy2mx1Xb4XTVddw-_kp5WUzERsb1Sk_GVftTo7CpsUz8rhdlX5Ag48PtgZSHW6wbF1uEgiTisaRNqdLmuL0rgc/s1600/20.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGVmwVn3xdkyltjETTp8uU70I6bC15U0-9hv9W8KTyRRoYB0s_gb0Zoqiy2mx1Xb4XTVddw-_kp5WUzERsb1Sk_GVftTo7CpsUz8rhdlX5Ag48PtgZSHW6wbF1uEgiTisaRNqdLmuL0rgc/s1600/20.png" /></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;">وإلى لقاء آخر إن شاء الله </div></div>

شرح محول الصوتيات Free Audio Converter شرح كامل

السلام عليكم ورحمة الله وبركاته طرحنا فيما قبل البرنامج الرائع .. Free Audio Converter واليوم إن شاء الله سوف نطرح لكم الشرح الكامل لهذا ال...

اقرأ المزيد

biztrend قالب البلوجر الإحترافي عربي 100 % كامل لا يحتاج اي تعديل

<div dir="rtl" style="text-align: right;" trbidi="on"><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;">السلام عليكم ورحمة الله وبركاته</div><br />الحقيقة إخواني أننا في صدد عرض قالب بلوجر إحترافي وكامل ويتوفر على العديد من المزايا التي تجعل منه قالب متميزاً سريع جداً ويعمل بكفاءة عالية ..<br />وبالطبع فنحنُ دائماً ما نبحث عن قالب بلوجر متناسب لعرض الموضوعات جميعها ولذلك اقدم لكم هذا القالب الإحترافي<br /><br />مميزات القالب ..<br />قائمة رائعة الشكل في اعلى القالب كما بالصورة ..<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD1ecOgwOuuxJs0iAOPavOUAzXn2kfZ6IpQq01buSf92AbFxL9pC7nSklT1QbARjwZEZLeB3jQMmwhXr0yBn-YsnGDF3BPAREZzkkmTvl2PihIJMgErMJlGBV1ggiloOfXycpEYr-P_3UB/s1600/0.png" imageanchor="1"><img alt="ميني سوفت" border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD1ecOgwOuuxJs0iAOPavOUAzXn2kfZ6IpQq01buSf92AbFxL9pC7nSklT1QbARjwZEZLeB3jQMmwhXr0yBn-YsnGDF3BPAREZzkkmTvl2PihIJMgErMJlGBV1ggiloOfXycpEYr-P_3UB/s320/0.png" title="قائمة قالب بلوجر " width="320" /></a></div><br />ايقونات المواقع الإجتماعية في اعلى القالب كما بالصورة التالية ...<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbNfc3dxXOm_gwEAx-TuzbejxEH4s3RsTdpew6DE6MlcaF2ekPQycXAx_b6yQoKPqP4sP4mLF_7YwwtSeSEtK6So5EDRMQbOTaC43spC_IgulqpJYaUUH1w3PpL5dh6mtl3cR24Nnt4eRI/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="79" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbNfc3dxXOm_gwEAx-TuzbejxEH4s3RsTdpew6DE6MlcaF2ekPQycXAx_b6yQoKPqP4sP4mLF_7YwwtSeSEtK6So5EDRMQbOTaC43spC_IgulqpJYaUUH1w3PpL5dh6mtl3cR24Nnt4eRI/s320/2.png" width="320" /></a></div><br /><br />يحتوي على سلايد شو لعرض مواضيعك المهمة كما بالصورة التالية ..<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizY8toJUHdTkpj_-wogxpKen38AZwMqNPADyM0rlLG46HRndjczT_h7iXIVPNr2-6apBS_GyC_HyxlFkXUb-et1vQ70XGahCLOubN8TkXqDNUDCR5K9nElqIvFXxYLXJ8LLCVAmKjJUBM5/s1600/1.png" imageanchor="1"><img alt="ميني سوفت" border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizY8toJUHdTkpj_-wogxpKen38AZwMqNPADyM0rlLG46HRndjczT_h7iXIVPNr2-6apBS_GyC_HyxlFkXUb-et1vQ70XGahCLOubN8TkXqDNUDCR5K9nElqIvFXxYLXJ8LLCVAmKjJUBM5/s400/1.png" title="سلايد شو قالب بلوجر" width="400" /></a></div><div class="separator" style="clear: both; text-align: right;"><br /></div><div class="separator" style="clear: both; text-align: right;">مكان ثابت اسفل السلايد شو لعرض نبذة عنك او عن المدونة او اعلانات ولا يظهر سوى على الصفحة الرئيسية كما بالصورة التالية ...</div><div class="separator" style="clear: both; text-align: right;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidPFEB6tq8oHN_ty59HXifveNMVajUe_YqLiXo5NevOecGepAO1UhJe1ak9EedUvISrf-ie1Zqrj7v8OycfkDPJ8hB9hcDPfczabxQgPysO9oq_DqDm50uAYL7L7XbxbKabXid5OkmBSCs/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" height="87" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidPFEB6tq8oHN_ty59HXifveNMVajUe_YqLiXo5NevOecGepAO1UhJe1ak9EedUvISrf-ie1Zqrj7v8OycfkDPJ8hB9hcDPfczabxQgPysO9oq_DqDm50uAYL7L7XbxbKabXid5OkmBSCs/s400/4.png" title="نبذة عن المدونة في قالب البلوجر" width="400" /></a></div><div class="separator" style="clear: both; text-align: right;"><br /></div><div class="separator" style="clear: both; text-align: right;">إضافة عدد التعليقات وزمن النشر و الاقسام بجانب التدوينات كما بالصورة التالية ...</div><div class="separator" style="clear: both; text-align: right;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhprNXa7YB4k-LmGIDA9rjFpK75Ju2JPs_WMRQZab8WBDg_ReBpYUTQ2cNC7sOCQjU98ss4kCTnhGCwkTEjm5yS4swLudcqtOvqwZc8UAl-nR7AHBrt1s6TIRu7BKoa5clj5qbfNLF-IFpw/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhprNXa7YB4k-LmGIDA9rjFpK75Ju2JPs_WMRQZab8WBDg_ReBpYUTQ2cNC7sOCQjU98ss4kCTnhGCwkTEjm5yS4swLudcqtOvqwZc8UAl-nR7AHBrt1s6TIRu7BKoa5clj5qbfNLF-IFpw/s400/5.png" title="عدد التعليقات والاقسام وزمن النشر في قالب بلوجر" width="400" /></a></div><div class="separator" style="clear: both; text-align: right;"><br /></div><div class="separator" style="clear: both; text-align: right;"><br /></div><div class="separator" style="clear: both; text-align: right;"><br /></div><div class="separator" style="clear: both; text-align: right;">إضافة خاصية إقرأ المزيد التلقائية كما بالصورة التالية ..</div><div class="separator" style="clear: both; text-align: right;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif-7ZjPvWBdP5fqQIWptuSJOnvEzDnhP9f84cdWGpiMUeMPLcdg__NOb-VIK2Z6yWXGFg1ivnk0prLPqUiSy2z1K8N35O3KReIlRFlAXO2CUplDaxI9-Uo6padFS9Wccs_tEgaZ4cPrGgJ/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif-7ZjPvWBdP5fqQIWptuSJOnvEzDnhP9f84cdWGpiMUeMPLcdg__NOb-VIK2Z6yWXGFg1ivnk0prLPqUiSy2z1K8N35O3KReIlRFlAXO2CUplDaxI9-Uo6padFS9Wccs_tEgaZ4cPrGgJ/s400/6.png" title="خاصية إقرأ المزيد في قالب بلوجر" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: right;">تم اضافة سايد بار يحتوي على ثلاثة اقسام بجوار بعضهم البعض كما بالصورة التالية ..</div><div class="separator" style="clear: both; text-align: right;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2d5LLP4OCSSbGiR6juxzZ5fd-43i12bwidEJV03pwd6X76mXDunvFf6bpS8auNhu9id3M9bB3HqrKxudl4MLbOfUx3FMgeSZDz1Sg22J9K55pwIWzypboh-UWO9mHWs_IgeXBxfMxbqiR/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2d5LLP4OCSSbGiR6juxzZ5fd-43i12bwidEJV03pwd6X76mXDunvFf6bpS8auNhu9id3M9bB3HqrKxudl4MLbOfUx3FMgeSZDz1Sg22J9K55pwIWzypboh-UWO9mHWs_IgeXBxfMxbqiR/s320/7.png" title="سايد بار احترافي في قالب بلوجر" width="256" /></a></div><div class="separator" style="clear: both; text-align: right;"><br /></div><div class="separator" style="clear: both; text-align: right;">تم إضافة أزرار مشاركة الموقع على الشبكات الإجتماعية في السايد بار كما بالصورة التالية ..</div><div class="separator" style="clear: both; text-align: right;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt-pXqCSLYw1AQj9kaQDT93cfWO-EtEimm1fvLy8saoDjDP1FqtYNLGbu6k7F0DdIArZhAazfZdBXoZ8sihBAvjsE7VbNLsKe5kgxEaZzdLBrqzpO0jGhY0mTur1-HUgb4hz4jDUItVzto/s1600/8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt-pXqCSLYw1AQj9kaQDT93cfWO-EtEimm1fvLy8saoDjDP1FqtYNLGbu6k7F0DdIArZhAazfZdBXoZ8sihBAvjsE7VbNLsKe5kgxEaZzdLBrqzpO0jGhY0mTur1-HUgb4hz4jDUItVzto/s1600/8.png" title="ازرار المشاركة على المواقع الإجتماعية" /></a></div><div class="separator" style="clear: both; text-align: right;"><br /></div><div class="separator" style="clear: both; text-align: right;"><br /></div><div class="separator" style="clear: both; text-align: right;">كما تم إضافة تغيير الصفحات في نهاية التدوينات كما بالصورة التالية ..</div><div class="separator" style="clear: both; text-align: right;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_6rTM9NSf4GCK9g6a7vMXKspWBlD9b1wENPnW9CeHh2vmk6WJ-S_hZoKwMl3MTGhSwMeLXA4Tstj9r-3wmJaxX-U4C4_giA3pa2DlXF6xPk568wEbr6To7qecK0_bHIA-ezUV7KcOHGsg/s1600/9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="42" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_6rTM9NSf4GCK9g6a7vMXKspWBlD9b1wENPnW9CeHh2vmk6WJ-S_hZoKwMl3MTGhSwMeLXA4Tstj9r-3wmJaxX-U4C4_giA3pa2DlXF6xPk568wEbr6To7qecK0_bHIA-ezUV7KcOHGsg/s400/9.png" title="اضافة عدد الصفحات في قالب بلوجر" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: right;">وتم إضافة ثلاثة اماكن في الفوتر أي اسفل الموقع لإضافة ثلاث أدوات كما بالصورة التالية ..</div><div class="separator" style="clear: both; text-align: right;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVAGA-xqrTHHdUEyIyNFKu6cMk0jzz9-PUsbu9WVhUHtPq4Cn6yOG72vaLHblAJ3CIQR9OPHVEV7P6JgG_jyYkVfcGuviUU_YHzfapGxMRf_U81hXDnmvGf1CNSpGGFiQ72QTPpl-psFne/s1600/10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="83" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVAGA-xqrTHHdUEyIyNFKu6cMk0jzz9-PUsbu9WVhUHtPq4Cn6yOG72vaLHblAJ3CIQR9OPHVEV7P6JgG_jyYkVfcGuviUU_YHzfapGxMRf_U81hXDnmvGf1CNSpGGFiQ72QTPpl-psFne/s320/10.png" title="اضافة عدد ثلاثة ادوات في الفوتر " width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">والآن تعالوا نشاهد القالب  او نقوم بتحميله</div><div style="text-align: center;"><a class='buttonmini' href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://thqafab.blogspot.com" target="_blank">معاينة</a>    <a class='buttonmini' href="https://www.mediafire.com/?4d357854ovmt15q" target="_blank">تحميل</a></div><div style="text-align: center;"><br /></div><div style="text-align: center;">بعد تحميل القالب تعالوا نقوم بشرح التركيب والتنسيق </div><div style="text-align: center;">بعد تحميل القالب سوف تجد ملف بامتداد XML</div><div style="text-align: center;">فتابع الشرح ..</div><div style="text-align: center;"><br /></div><div style="text-align: center;">انتقل الى لوحة تحكم المدونة ثم اختر قالب و .. تابع الشرح المصور</div><div style="text-align: center;"><br /></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/AVvXsEh_cS2AVUR1le3ZE6fBDsAKFgbKsN4v_Gl2Q_GXpXbvCZ5XaPwQjxEfzQ6u3RbpK0x2wjB5d7M7XMgmLi_xEikjRavR3sFLYTgqJSSPJpfY3LrZp1FT_lt9WduEVIALwpUzuGBfMeZYXqPE/s1600/11.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_cS2AVUR1le3ZE6fBDsAKFgbKsN4v_Gl2Q_GXpXbvCZ5XaPwQjxEfzQ6u3RbpK0x2wjB5d7M7XMgmLi_xEikjRavR3sFLYTgqJSSPJpfY3LrZp1FT_lt9WduEVIALwpUzuGBfMeZYXqPE/s320/11.png" width="103" /></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/AVvXsEghsM6O0BzVWpSIctoIS28d0aSU62gErQVhSQuG_mOehi1QQzcYFOqpGtRR3FcXWvJm1UPc_uDAfBKtkmUvb80Uk-hYGQd4Ue0823hdzniR5GsecefRDuUZIqPXx_jddeoB5bb-xVzXZwEl/s1600/12.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghsM6O0BzVWpSIctoIS28d0aSU62gErQVhSQuG_mOehi1QQzcYFOqpGtRR3FcXWvJm1UPc_uDAfBKtkmUvb80Uk-hYGQd4Ue0823hdzniR5GsecefRDuUZIqPXx_jddeoB5bb-xVzXZwEl/s1600/12.png" /></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/AVvXsEhwzGSV7AXSzdo6qJwHH0B735yesq_o5Nfca6PkIwSkMOjsTltuct85PRqrMmLsu6BpF55aAC0TG2IMXBg6IPyhJjMpX8UbAl5fs35XKdIMt-Mpsx7X99O72YSDrovr8XaGVLJTlbWxQkQt/s1600/13.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwzGSV7AXSzdo6qJwHH0B735yesq_o5Nfca6PkIwSkMOjsTltuct85PRqrMmLsu6BpF55aAC0TG2IMXBg6IPyhJjMpX8UbAl5fs35XKdIMt-Mpsx7X99O72YSDrovr8XaGVLJTlbWxQkQt/s320/13.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">ثم اختر Choose File </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/AVvXsEiTGRsuf7LSV8EQJGU4E9lHEIt1hI-bvJAZUKoXlmXpTx_AxU2o0GS0MD0WRPRBZfDq-bx0ObSMK-wb8djaZBU6j5X11mS_su0GY-I2479B-G8G9illflPyQb36gbw-jUId-MaOaBrHpFid/s1600/14.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTGRsuf7LSV8EQJGU4E9lHEIt1hI-bvJAZUKoXlmXpTx_AxU2o0GS0MD0WRPRBZfDq-bx0ObSMK-wb8djaZBU6j5X11mS_su0GY-I2479B-G8G9illflPyQb36gbw-jUId-MaOaBrHpFid/s320/14.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">ثم اختر القالب واضغط Open</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><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaP5nAWe81yYCBitWA6rUBKMpu70XNBRnE-35lJmyq1JKeFwnRhI3F_01yQOpb656wrs4_J9y3rptdKU0us08bzND3dY5yzaQLTgvv0vCuHwWGcBJc1akk2bSmNE72OWGsUHMDy0-dDkPz/s1600/15.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaP5nAWe81yYCBitWA6rUBKMpu70XNBRnE-35lJmyq1JKeFwnRhI3F_01yQOpb656wrs4_J9y3rptdKU0us08bzND3dY5yzaQLTgvv0vCuHwWGcBJc1akk2bSmNE72OWGsUHMDy0-dDkPz/s1600/15.png" /></a><br /><br /><br />الآن تعالوا نقوم بتنسيق القالب حسب احتياجاتنا<br />نبدأ بوسوم الميتا التي تظبط البحث عن مدونتنا<br />تحت الوسم   <head><br />سوف تجدد هذا الكود الكبير فستجد كلمات باللون الآحمر كما التالي ..<br /><br /><blockquote class="tr_bq"><div style="text-align: left;"></div><div style="text-align: left;"><b:include data='blog' name='all-head-content'/></div><div style="text-align: left;"><b:if cond='data:blog.url == data:blog.homepageUrl'></div><div style="text-align: left;"><meta content='<span style="color: red;">DESCRIPTION HERE</span>' name='description'/></div><div style="text-align: left;"><meta content='<span style="color: red;">KEYWORDS HERE</span>' name='keywords'/></div><div style="text-align: left;"><meta content='chrome=1' http-equiv='X-UA-Compatible'/></div><div style="text-align: left;"><meta content='2 days' name='revisit'/></div><div style="text-align: left;"><meta content='2 days' name='revisit-after'/></div><div style="text-align: left;"><meta content='5' name='seoconsultantsdirectory'/></div><div style="text-align: left;"><meta content='<span style="color: red;">Your Name</span>' name='author'/></div><div style="text-align: left;"><meta content='General' name='Rating'/></div><div style="text-align: left;"><meta content='never' name='Expires'/></div><div style="text-align: left;"><meta content='all' name='audience'/></div><div style="text-align: left;"><meta content='arabic' name='Language'/></div><div style="text-align: left;"></b:if></div><div style="text-align: left;"><b:if cond='data:blog.pageType == &quot;index&quot;'></div><div style="text-align: left;"><title></div><div style="text-align: left;"><span style="color: red;"> اكتب هنا وصف مدونتك</span><data:blog.pageTitle/></div><div style="text-align: left;"></title></div><div style="text-align: left;"><b:else/></div><div style="text-align: left;"><title></div><div style="text-align: left;"><data:blog.pageName/></div><div style="text-align: left;">- </div><div style="text-align: left;"><data:blog.title/></div><div style="text-align: left;"></title></div><div style="text-align: left;"></b:if></div><div style="text-align: left;"></div></blockquote></td></tr></tbody></table>مكان DESCRIPTION HERE اكتب مثلاً ,, مدونة تهتم بالبرامج والاخبار التقنية<br /><div>مكان KEYWORD HERE اكتب كلمات تدل على محنوى مدونتك هكذا برامج, اخبار, شرح, كمبيوتر, وهكذا, </div><div>مكان YOUR Name اكتب اسمك وليكن Ahmad</div><div>ثم أكتب وصف مدونتك في Title</div><div><br /></div><div>ثم نثوم بتنسيق ايقونات المشاركة الإجتماعية<br />الآن ابحث عن </div><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><li class='social-profiles-widget'></blockquote> سوف تجد تحتها الكود التالي<br /><br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><a href=<span style="color: magenta;">'twitter اكتب حساب</span>' target='_blank'><br /><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDQxy-BzpNOmiwQcOvKRIFAM79XIQ8xUPKmRNrigy1XdSYoNMppMmVgS0tKrd4LUfStErIFajeJcXHMErgZlr0lGiPAhBKZ0mBoctTsa4yE4cG4Aga78z8LfXKuMDN8BMk3DH6mit-em0/s1600/twitter.png' title='Twitter'/></a><br /><a href=<span style="color: magenta;">'facebook اكتب حساب</span>' target='_blank'><br /><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtXkgfFRxD2q91nsXJe_NHnMLm4G1iTmpH-bM81mhdXYTxkRGkWAF6HaHK5_aLtfCm13_SHFqTnQ4GPTD4erGfykJL0oFd_qCE9eyZBcW82ZVoVhC5Q8zwDKJkW3s9_3JjxafaYq00dfk/s1600/facebook.png' title='Facebook'/></a><br /><a href='<span style="color: magenta;">google Plus اكتب حساب</span>' target='_blank'><br /><img alt='Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSr7Ykav2bkoAUtYf6aQvvJcEND9zxnzRTAWyYfnNhihOLw59d-poNKbwmxl6BCzmk6WlX4L6KUJB9MOzMcVq_eKQSn6dlWpxvOnjLyjmVc7qoi1i0Nz8BqydmwMhxqlY7TclSNcMC1hA/s1600/gplus.png' title='Google Plus'/></a><br /><a href='<span style="color: magenta;">linkedin اكتب حساب</span>' target='_blank'><br /><img alt='LinkedIn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVkWYQhqD-37Yl-7lq7N_EboVk5pCI7Rvp1aqa5YS6e_drnGSUbPyy8E20mSI_GrL_HCcCL-i8EnKcXYai5E-iBR66DXQTX6HAZn_Ym59LmZc52H5DBOxSEskdPckPalce-LYaIXIrySc/s1600/linkedin.png' title='LinkedIn'/></a><br /><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'><br /><img alt='<span style="color: magenta;">RSS Feed اكتب حساب</span>' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4zGaXnBd6W8B95EOkQEhbbPmMXoqiFm0_Rfc1E4BJyYwB2ccQocDkgPzoTJHcNQ2fTGGpj_xtyJac5wdR0yF8FQJAva0Ny7cwnpqXrEnVYcx8qVtBUcL_MM7LPBiI1uLnKSyYBX5wfbY/s1600/rss.png' title='RSS Feed'/></a><br /><a href='mailto:<span style="color: magenta;">ايميلك@email.com</span>' target='_blank'><br /><img alt='Email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBhQRAheIB0peECj5WuF6-I2brAkHYG9Kk-RCvO0g7tJ0Z9x0pYd2IZ27lEsAE_IEj0Vx-EIDpXorzBVOfYxPtvLeXRogNreWb9nXU_PxUg93kazrl18OmJQ-DyQGzBtaouT_pA6RtCkI/s1600/email.png' title='Email'/></a></blockquote>اكتب حساباتك مكان هذه الكلمات الملونة<br /><br />ثم نقوم بتنسيق القائمة العلوية <br />الآن ابحث عن الكود<br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><ul class='menus menu-primary'></blockquote>و سوف تجد اسفله هذا الكود ..<br /><br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><ul class='menus menu-primary'><br /><li><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li><br /><li><a href='<span style="color: red;">هنا رايط مدونتك</span>/search/label/<span style="color: red;">قائمة منسدلة</span>'><br /><span style="color: red;">قائمة منسدلة</span><br /></a><br /><ul class='children'><br /><li><a href='<span style="color: red;">هنا رايط مدونتك</span>/search/label/<span style="color: red;">تعديل1</span>'><br />تعديل 1<br /></a><br /></li><br /><li><br /><a href='<span style="color: red;">هنا رايط مدونتك</span>/search/label/<span style="color: red;">تعديل2</span>'><br /><span style="color: red;">تعديل 2</span></a><br /></li><br /><li><a href='<span style="color: red;">هنا رايط مدونتك</span>/search/label/<span style="color: red;">تعديل3</span>'><br /><span style="color: red;">تعديل 3</span><br /></a><br /></li><br /></ul><br /></li><br /><li><a href='<span style="color: red;">هنا رايط مدونتك</span>/search/label/<span style="color: red;">تعديل</span>'><br /><span style="color: red;">تعديل</span><br /></a><br /></li><br /><li><a href='<span style="color: red;">هنا رايط مدونتك</span>1/search/label/<span style="color: red;">قائمة منسدلة2</span>'><br /><span style="color: red;">قائمة منسدلة</span> <span style="color: red;">2</span><br /></a><br /><ul class='children'><br /><li><a href='<span style="color: red;">هنا رايط مدونتك</span>/search/label/<span style="color: red;">تعديل1</span>'><br /><span style="color: red;">تعديل 1</span><br /></a><br /></li><br /><li><a href='<span style="color: red;">هنا رايط مدونتك</span>/search/label/<span style="color: red;">تعديل2</span>'><br /><span style="color: red;">تعديل 2</span><br /></a><br /></li><br /></ul><br /></li><br /><li><li><a href='<span style="color: red;">هنا رايط مدونتك</span>/search/label/<span style="color: red;">تعديل</span>'><br /><span style="color: red;">تعديل</span><br /></a><br /></li><br /></ul> </blockquote>قُم بتعديل كل ما هو باللون الآحمر الى احتياجاتك انت ثم احفظ القالب ..<br /><br />الآن نتوجه لتنسيق السلايد شو  .. والآن ابحث عن الكود التالي ..<br /><br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><br /><div class='fp-slides-items'><br /><div class='fp-thumbnail'><br /><a href='<span style="color: #990000;">رابط الموضوع الاول هنا</span>'><br /><img src='<span style="color: #990000;">ضع هنا صورة الموضوع الاول</span>'/><br /></a><br /></div><br /><div class='fp-content-wrap'><br /><div class='fp-content'><br /><h3 class='fp-title'><br /><a href='<span style="color: #990000;">رابط الموضوع الاول مرة أخرى هنا</span>'><br /><span style="color: #990000;">عنوان الموضوع الأول رقم 1 </span></a><br /></h3><br /><p><span style="color: #990000;">أكتب وصف الموضوع الأول هنا</span></p><br /></div><br /><div class='fp-prev-next-wrap clearfix'><br /><a class='fp-next' href='#fp-next'/><br /><a class='fp-prev' href='#fp-prev'/><br /></div><br /></div><br /></div><br /> </blockquote>اكتب كل ما هو مطلوب ,, سوف تجد 5 اكواد مثل هذا إذا أحببت أن تضيف أكثر من 5 صور اضف أكواد مثل هذا ..<br /><br />الآن سوف ننتقل إلى تنسيق الواجهة الإعلانية اسفل السلايدشو<br />ابحث عن الكود ..<br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><div class='span-24 aboutusbox'></blockquote>سوف تجد الكود التالي ..<br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'><br /><b:if cond='data:blog.pageType != &quot;item&quot;'><br /><div class='span-24 aboutusbox'><br /><img class='aboutusbox-image' src='<span style="color: red;">ضع هنا صورة تدل على محتوى مدونتك او</span> <span style="color: red;">اعلان مدونتك</span>'/><br /><h2 class='aboutusbox-title'><span style="color: red;"> أكتب هنا رسالة ترحيبية</span></h2><br /><div class='aboutusbox-content'> <span style="color: red;">أكتب هنا شيئاً عن مدونتك </span> </div><br /></div><br /><div style='clear:both;'/><br /></b:if><br /></b:if> </blockquote>مع العلم أن مقاس الصورة هو 930 عرض × 300 طول<br /><br />الآن سوف ننتقل لتنسيق ازرار المشاركة عبر المواقع الإجتماعية<br />ابحث عنا الكود ..<br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"> <div class='social-profiles-widget'> </blockquote>سوف تجد الكود كاملاً كالتالي ..<br /><br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><div class='social-profiles-widget'><br /><h3 class='widgettitle'>شاركنا</h3><br /><ul class='widget-container'><br /><li class='social-profiles-widget'><br /><a href='<span style="color: #a64d79;">twitter</span> <span style="color: #a64d79;">حساب</span>' target='_blank'><br /><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDQxy-BzpNOmiwQcOvKRIFAM79XIQ8xUPKmRNrigy1XdSYoNMppMmVgS0tKrd4LUfStErIFajeJcXHMErgZlr0lGiPAhBKZ0mBoctTsa4yE4cG4Aga78z8LfXKuMDN8BMk3DH6mit-em0/s1600/twitter.png' title='Twitter'/><br /></a><br /><a href='<span style="color: #a64d79;">facebook</span> <span style="color: #a64d79;">حساب</span>' target='_blank'><br /><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtXkgfFRxD2q91nsXJe_NHnMLm4G1iTmpH-bM81mhdXYTxkRGkWAF6HaHK5_aLtfCm13_SHFqTnQ4GPTD4erGfykJL0oFd_qCE9eyZBcW82ZVoVhC5Q8zwDKJkW3s9_3JjxafaYq00dfk/s1600/facebook.png' title='Facebook'/><br /></a><br /><a href='<span style="color: #a64d79;">google حساب</span>' target='_blank'><br /><img alt='Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSr7Ykav2bkoAUtYf6aQvvJcEND9zxnzRTAWyYfnNhihOLw59d-poNKbwmxl6BCzmk6WlX4L6KUJB9MOzMcVq_eKQSn6dlWpxvOnjLyjmVc7qoi1i0Nz8BqydmwMhxqlY7TclSNcMC1hA/s1600/gplus.png' title='Google Plus'/><br /></a><br /><a href='<span style="color: #a64d79;">linkedin حساب</span>' target='_blank'><br /><img alt='LinkedIn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVkWYQhqD-37Yl-7lq7N_EboVk5pCI7Rvp1aqa5YS6e_drnGSUbPyy8E20mSI_GrL_HCcCL-i8EnKcXYai5E-iBR66DXQTX6HAZn_Ym59LmZc52H5DBOxSEskdPckPalce-LYaIXIrySc/s1600/linkedin.png' title='LinkedIn'/><br /></a><br /><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'><br /><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4zGaXnBd6W8B95EOkQEhbbPmMXoqiFm0_Rfc1E4BJyYwB2ccQocDkgPzoTJHcNQ2fTGGpj_xtyJac5wdR0yF8FQJAva0Ny7cwnpqXrEnVYcx8qVtBUcL_MM7LPBiI1uLnKSyYBX5wfbY/s1600/rss.png' title='RSS Feed'/><br /></a><br /><a href='mailto:<span style="color: #a64d79;">ايميلك@email.com</span>' target='_blank'><br /><img alt='Email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBhQRAheIB0peECj5WuF6-I2brAkHYG9Kk-RCvO0g7tJ0Z9x0pYd2IZ27lEsAE_IEj0Vx-EIDpXorzBVOfYxPtvLeXRogNreWb9nXU_PxUg93kazrl18OmJQ-DyQGzBtaouT_pA6RtCkI/s1600/email.png' title='Email'/><br /></a><br /></li><br /></ul><br /></div> </blockquote>ضع ايميلاتك او صفحاتك على المواقع الإجتماعية<br /><br />لتنسيق السايدبار الذي يحتوي على 3 اقسام بجانب بعضهم ابحث عن الكود التالي ..<br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'> </blockquote>سوف تجد الكود كالتالي<br /><br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'><br /><li><a href='#widget-themater_tabs-1432447472-id1'><span style="color: red;">الشائعه</span></a></li><br /><li><a href='#widget-themater_tabs-1432447472-id2'><span style="color: red;">الاقسام</span></a></li><br /><li><a href='#widget-themater_tabs-1432447472-id3'><span style="color: red;">الارشيف</span></a></li><br /></ul> </blockquote><div style="text-align: center;">وبهذا تم موضوعنا حول هذا القالب الإحترافي </div><div style="text-align: center;">اترككم في رعاية الله وامنه والى لقاء آخر إن شاء الله </div></div>

biztrend قالب البلوجر الإحترافي عربي 100 % كامل لا يحتاج اي تعديل

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

اقرأ المزيد

sevida arabic

دورة CSS : شرح الخاصية color

تحديد نوع الصفحة في html الوسم DOCTYPE

التعليقات في صفحات HTML وكيف تكتب وفوائدها

دروس دورة HTML : جميع وسوم html وتعريف بسيط لكل وسم

دروس دورة CSS : شرح الخاصية clip

دروس دورة CSS : شرح الخاصية box-shadow

دروس دورة CSS : شرح الخاصية bottom

كيف تجعل كود CSS او CSS3 يعمل على جميع المتصفحات

دروس دورة CSS : شرح الخاصية border-radius في CSS3

أكواد مهمة جداً لكل مدون للإستخدام في HTML أو XML

إخفاء عبارة الإشتراك في تعليقات الرسالة Atom على مدونات بلوجر

شرح محول الصوتيات Free Audio Converter شرح كامل

biztrend قالب البلوجر الإحترافي عربي 100 % كامل لا يحتاج اي تعديل

المشاركات الشائعة

أرشيف المدونة الإلكترونية