Flash Player 11.9.900.152 لعرض الفيديو على متصفح firefox و google chrome للنواتين 32, 64 بت

<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/AVvXsEijuh-40z38v9wVWD3ZGMUb2JHw6gyKZzlBC22yjsPKDMzW52UcR5cz8aNi_xhDYlLlo2eOUsW6Ca94ci6Ope2Ykbml1kBbqoM-3EapBP7vWhSQO4FPk-fPYL3KWhsFazrnC2GjtCSmhv58/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijuh-40z38v9wVWD3ZGMUb2JHw6gyKZzlBC22yjsPKDMzW52UcR5cz8aNi_xhDYlLlo2eOUsW6Ca94ci6Ope2Ykbml1kBbqoM-3EapBP7vWhSQO4FPk-fPYL3KWhsFazrnC2GjtCSmhv58/s1600/minisoft.png" title=" Flash Player 11.9.900.152 لعرض الفيديو على متصفح firefox و google chrome للنواتين 32, 64 بت" /></a></div><br /><br />بسم الله والحمد لله<br /><br />برنامج الفلاش بلاير هو افضل برنامج يمكنك من مشاهدة الفيديو على المتصفح بل هو البرنامج الوحيد الذي يفعل ذلك ,, ومع كل هذا فهو برنامج مجاني تماماً من شركة Adobe العالمية ..<br /><br />ليس الفيديو فقط الذي يعرضه على المتصفح , بل ايضاً ملفات الفلاش المتحركة التي نراها في المتصفحات والصور المتحركة .<br />البرنامج يشغل الفيديو والفلاش بلاير على متصفحات , جوجل كروم , فايرفوكس , سفاري , اوبرا .<br /><br />الجديد في هذا الاصدار هو سرعة عرض ملفات 3D على المتصفحات وبجودة عالية , كما ان الإصدار يدعم أجهزة 64-bit<br />والآن نأتي لمرحلة التحميل<br /><br />الإصدار : 11.9.900.152<br />التوافق : جميع انواع الويندوز 32 و 64 بت<br />الحجم : 17 ميجا بايت<br />التحميل : <a href="http://www.blogger.com/Adobe%20Flash%20Player%20is%20the%20great%20tool%20which%20made%20possible%20users%20from%20around%20the%20World%20to%20watch%20and%20share%20flash%20videos%20(video%20files%20which%20are%20much%20smaller%20than%20the%20previously%20popular%20formats).%20This%20player%20supports%20not%20only%20movies%20but%20also%20flash%20animations%20(in%20the%20.swf%20format),%20and%20thanks%20to%20the%20Flash%20Player%20plug-in%20browser%20like%20Firefox,%20Mozilla,%20Chrome,%20Netscape,%20Safari,%20and%20Opera,%20are%20able%20to%20render%20audio%20and%20video%20rich%20web%20sites%20accurately.%20%20Top%20new%20features%20in%20Flash%20Player:%20%20Stage%203D%20accelerated%20graphics%20rendering%20Explore%20a%20new%20architecture%20for%20high-performance%202D/3D%20GPU%20hardware%20accelerated%20graphics%20rendering%20by%20Adobe,%20which%20provides%20low-level%20Stage3D%20APIs%20for%20advanced%20rendering%20in%20apps%20and%20gives%20framework%20developers%20classes%20of%20interactive%20experiences.%20%20Native%2064-bit%20support%20Flash%20Player%20can%20now%20take%20advantage%20of%20native%20support%20for%2064-bit%20operating%20systems%20and%2064-bit%20web%20browsers%20on%20Linux%C2%AE,%20Mac%20OS,%20and%20Windows%C2%AE.%20%20H.264/AVC%20software%20encoding%20for%20cameras%20Stream%20beautiful%20video%20from%20your%20computer's%20camera%20with%20higher%20compression%20efficiency%20and%20industry-wide%20support,%20enabling%20both%20high-quality%20real-time%20communications%20(such%20as%20video%20chat%20and%20video%20conferencing)%20and%20live%20video%20broadcasts.%20%20Content%20protection%20support%20for%20mobile%20Flash%20Access%20content%20protection%20support%20is%20now%20available%20on%20Android%20devices.%20Broadcasters%20can%20now%20reach%20and%20monetize%20an%20even%20broader%20range%20of%20customers%20on%20their%20favorite%20mobile%20device.%20%20Note:%20This%20download%20is%20the%20standalone%20installer%20for%20Firefox,%20Chrome,%20Opera%20and%20other%20Gecko-based%20browsers,%20and%20if%20you%20are%20looking%20for%20older%20versions%20they%20can%20be%20downloaded%20from%20Adobe%E2%80%99s%20website%20at%20http://www.adobe.com/%20%20Tags:%20flash%20player%20for%20windows%207,%20adobe%20flash%20player%20for%20firefox,%20opera,%20google%20chrome,%20macromedia%20flash,%20flash,%20adobe,%20macromedia,%20non%20ie,%20free%20download" rel="nofollow" target="_blank">من هنا</a><br /><br /><div style="text-align: center;">تم موضوعنا بحمد الله</div></div>

Flash Player 11.9.900.152 لعرض الفيديو على متصفح firefox و google chrome للنواتين 32, 64 بت

بسم الله والحمد لله برنامج الفلاش بلاير هو افضل برنامج يمكنك من مشاهدة الفيديو على المتصفح بل هو البرنامج الوحيد الذي يفعل ذلك ,, ومع كل هذا...

اقرأ المزيد

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

<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/AVvXsEhiEf2kTTbeM-z5kQYQWziJDk0tPfDbWBvdoNtqHlqZnbwhmjfy1Y5t_l8yjmY6_k_gEu46aXpYzqOFWJwMCHZpbOnA0BfbD9IylH3_F90UO9FPZFmplHWlAHq1kXQBPb9r5aYS2HGiW5sy/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiEf2kTTbeM-z5kQYQWziJDk0tPfDbWBvdoNtqHlqZnbwhmjfy1Y5t_l8yjmY6_k_gEu46aXpYzqOFWJwMCHZpbOnA0BfbD9IylH3_F90UO9FPZFmplHWlAHq1kXQBPb9r5aYS2HGiW5sy/s1600/minisoft.png" title="دروس دورة CSS : شرح الخاصية border top" /></a></div>بسم الله , الحمد لله<br /><br />إخواني اليوم نشرح لكم خاصية border top والتي لا تختلف كثيراً عن شرح الخاصتين border left و border right<br />الخاصية تغير الضلع العلوي في حدود المربع كما التالي ..<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 /><br /><html><br /><br /><head><br /><br /><style><br /><br />p{<br /><br /><span style="color: blue;">border-style: solid;</span><br /><br /><span style="color: red;">border-top: 5px dotted #ff0000;</span><br /><br />padding:5px;width:300px;<br /><br />}<br /><br /></style><br /><br /></head><br /><br /><body><br /><br /><p><br /><br />Mini Soft By Ahmad Saleh.<br/><br /><br />Mini Soft By Ahmad Saleh.<br/><br /><br />Mini Soft By Ahmad Saleh.<br/><br /><br />Mini Soft By Ahmad Saleh.<br/><br /><br /></p><br /><br /></body><br /><br /></html></pre></code> ثم احفظ الصفحة وافتحها على المتصفح لتجد التالي<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/AVvXsEiHluIhVmAULIjtNexAFSwvDiNfiYecxuri_OS3bSN7kB0TQtwU6BWLset_Fqbb8_V3uySkEQ4kd96bZQhoa9QrElEFFp89Yq92jXJ1F-aZsmmbjKTUwAX9FDM25hkHffno5QA79mrKxEio/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHluIhVmAULIjtNexAFSwvDiNfiYecxuri_OS3bSN7kB0TQtwU6BWLset_Fqbb8_V3uySkEQ4kd96bZQhoa9QrElEFFp89Yq92jXJ1F-aZsmmbjKTUwAX9FDM25hkHffno5QA79mrKxEio/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-top: 5px dotted #ff0000</span></td></tr></tbody></table>وهكذا تم تغيير الضلع العلوي بواسطة الكود اسفل الصورة<br /><br /><div style="text-align: center;">وبهذا ايضاً ينتهي موضوعنا البسيط على امل اللقاء بكم قريباً .. السلام عليكم</div></div>

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

بسم الله , الحمد لله إخواني اليوم نشرح لكم خاصية border top والتي لا تختلف كثيراً عن شرح الخاصتين border left و border right الخاصية تغير ال...

اقرأ المزيد

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

<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/AVvXsEg50Z087ch0CUA4dIo_LOenQHU47LyP9yXoAdHCWyXECGrfdceMsHYt0x51rnxpkuQl4qrjKyE9Y_frxCOo8Q3aAxtGEJokfQoKAhCn75gs3bHlEgZWMkTTEGjZrtJUizgtPCnTnxROJjXR/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg50Z087ch0CUA4dIo_LOenQHU47LyP9yXoAdHCWyXECGrfdceMsHYt0x51rnxpkuQl4qrjKyE9Y_frxCOo8Q3aAxtGEJokfQoKAhCn75gs3bHlEgZWMkTTEGjZrtJUizgtPCnTnxROJjXR/s1600/minisoft.png" title="دروس دورة CSS : شرح الخاصية border right" /></a></div><div><br /></div><div><br /></div>السلام عليكم ورحمة الله وبركاته<br /><div>في الدرس الماضي شرحنا خاصية border left وفهمنا ما هي تماماً واليوم الشرح لا يختلف كثيراً عن الشرح الآخير إلا في عكس الاتجاهات , فالدرس الماضي كان border left و درس اليوم هو border right..</div><div><br /></div><div>كما فهمنا كيفية تجربة الأكواد من خلال صفحة فارغة اعطها الامتداد html وضع فيها الكود التالي ..</div><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"><!DOCTYPE html><br /><html><br /><head><br /><style><br />p{<br /><span style="color: blue;">border-style: solid;</span><br /><span style="color: red;">border-right: 5px dotted #ff0000;</span><br />padding:5px;width:300px;<br />}<br /></style><br /></head><br /><body><br /><p><br />Mini Soft By Ahmad Saleh.<br/><br />Mini Soft By Ahmad Saleh.<br/><br />Mini Soft By Ahmad Saleh.<br/><br />Mini Soft By Ahmad Saleh.<br/><br /></p><br /></body><br /></html></code></pre></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/AVvXsEhmlIIjh5DfzTCZLmcMoOqz-CQO9VgRsKPEVvKPsPB1tjkNru3zh8HXUSJ1FU3HZkoZt6bgTHHDHuR4aHl6KRRe4sU423-lpHQAVZOJl7t8IzSVmWNmCPy3pAzZHEGL2JchSWBrjV3vAc3p/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmlIIjh5DfzTCZLmcMoOqz-CQO9VgRsKPEVvKPsPB1tjkNru3zh8HXUSJ1FU3HZkoZt6bgTHHDHuR4aHl6KRRe4sU423-lpHQAVZOJl7t8IzSVmWNmCPy3pAzZHEGL2JchSWBrjV3vAc3p/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-right: 5px dotted #ff0000</span></td></tr></tbody></table> تم تغيير الضلع الايمن تماماً بواسطة الكود المكتوب اسفل الصورة ..<br /><br />وبهذا انتيهنا سريعاً من شرح هذه الخاصية<br /><br /><div style="text-align: center;">اترككم في رعاية الله والى لقاء آخر ان شاء الله</div><div style="text-align: center;">السلام عليكم</div></div>

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

السلام عليكم ورحمة الله وبركاته في الدرس الماضي شرحنا خاصية border left وفهمنا ما هي تماماً واليوم الشرح لا يختلف كثيراً عن الشرح الآخير إلا...

اقرأ المزيد

أضف آداة متابعة جوجل Google+ Followers على مدونتك بمنتهى السهولة وبدون قيود

<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/AVvXsEgewSRuGn6toyEssk84ntORwAgtVgb51yCZSmFXyg2bragzbOuOiA4mo69SezqwysqYlMUNATmuWfxKegInaBbwsL4NcjPgkeBAngtUAl0OeQIEQVFBWWvE7h3UcEa7y6S8RyS0yytsX1VX/s1600/minisoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgewSRuGn6toyEssk84ntORwAgtVgb51yCZSmFXyg2bragzbOuOiA4mo69SezqwysqYlMUNATmuWfxKegInaBbwsL4NcjPgkeBAngtUAl0OeQIEQVFBWWvE7h3UcEa7y6S8RyS0yytsX1VX/s1600/minisoft.png" title="أضف آداة متابعة جوجل Google+ Followers على مدونتك بمنتدى السهولة وبدون قيود" /></a></div><br /><br />السلام عليكم ورحمة الله وبركاته<br />جميعنا "مستخدمي بلوجر" يعرف أن إضافة آداة متابعة لجوجل بلس تحتاج إلى تبديل نظام التعليقات ويصبح التعليق هو جوجل بلس بدلاً من تعليقات بلوجر , ولكن هناك الكثير منا ممن يُحب تعليقات البلوجر ولا يُريد تغييرها ومع ذلك يريد إضافة هذه الآداة .<br /><br />حسناً , الحل بسيط مع هذا الكود , إذهب إلى لوحة تحكم المدونة , تخطيط , إضافة آداة ثم إختر html/javascript او أنظر للشرح المصور هذا ..<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/AVvXsEhRMoT1-rv2SHQpd4N1gqbTPPEhPLMjrNRNgcaZ4plBboEegSkJYIbJR-JicnpMI3zFAzToMXdi6aajzEg9tQmC25BzdZF8wr1IQQNCb44CzPVwcwwZmWRlnJisjj8Sj7xLfk3vlMG5qqJA/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRMoT1-rv2SHQpd4N1gqbTPPEhPLMjrNRNgcaZ4plBboEegSkJYIbJR-JicnpMI3zFAzToMXdi6aajzEg9tQmC25BzdZF8wr1IQQNCb44CzPVwcwwZmWRlnJisjj8Sj7xLfk3vlMG5qqJA/s320/1.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">هذا هو شكل الآداة التي نتحدث عنها </td></tr></tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhKrmdZR89OuAbDxtHWCRn3xJtf-ClkRHYedUFHMPmEQWoQ01fxqKvPd4Jvl4s40G7HLb4VX__uHkc_mM5RSFyeR9cB-F9E0l0U06LSN_nqUcrHv4YtCjMHOMlaMbTsbVplX4rqhhznXpT/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhKrmdZR89OuAbDxtHWCRn3xJtf-ClkRHYedUFHMPmEQWoQ01fxqKvPd4Jvl4s40G7HLb4VX__uHkc_mM5RSFyeR9cB-F9E0l0U06LSN_nqUcrHv4YtCjMHOMlaMbTsbVplX4rqhhznXpT/s320/2.png" width="125" /></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/AVvXsEjdmfWXhTgCUkuxzWNV3JHN_fqGrpGPCe1aGbJOuNun-lm_a6gwEkptFJoNdXOX6yFosOTrCluD6xzHLo0LlcR172z2PDHUKYwR7fesJXzQvRtFLrSoltfGLaLPPU8QN9rlmW7thFIlYldx/s1600/3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdmfWXhTgCUkuxzWNV3JHN_fqGrpGPCe1aGbJOuNun-lm_a6gwEkptFJoNdXOX6yFosOTrCluD6xzHLo0LlcR172z2PDHUKYwR7fesJXzQvRtFLrSoltfGLaLPPU8QN9rlmW7thFIlYldx/s1600/3.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/AVvXsEh1KLTs2ZCByM_W-xJ1SJl9QxXRA63woloynnXuHCfuOlWF6BeKfPa_WaeA3tvHUy_o1qhRfA9-3MwGj5m-69wn687MFXp4B1SlSgkJV1wFLqOw3N8iy0AQLBh79Ggk6-lNrLYN9iQCI3fl/s1600/4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1KLTs2ZCByM_W-xJ1SJl9QxXRA63woloynnXuHCfuOlWF6BeKfPa_WaeA3tvHUy_o1qhRfA9-3MwGj5m-69wn687MFXp4B1SlSgkJV1wFLqOw3N8iy0AQLBh79Ggk6-lNrLYN9iQCI3fl/s1600/4.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">إختر HTML/JavaScript</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/AVvXsEgAC4U34ZurepXQttg0cfeX3EUhhiT1MGjEi7CVymm_iuUfDkXWCWs02BB1uNbbkmx2rkfdcd82GUwoUspR7xIiNBHGtMmR0z0zg35zAfx0iUOgBT-OX281xJdBm8ImPSoq2bfml4BviL3-/s1600/5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAC4U34ZurepXQttg0cfeX3EUhhiT1MGjEi7CVymm_iuUfDkXWCWs02BB1uNbbkmx2rkfdcd82GUwoUspR7xIiNBHGtMmR0z0zg35zAfx0iUOgBT-OX281xJdBm8ImPSoq2bfml4BviL3-/s320/5.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">ثم ضع الكود التالي في الجزء الاصفر هذا ثم إضغط حفظ </td></tr></tbody></table>وهذا هو الكود ...<br /><br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><script type="text/javascript"><br />(function(){window.___gcfg={'lang':'ar'};<br />var po=document.createElement('script');<br />po.type='text/javascript';<br />po.async=true;<br />po.src='https://apis.google.com/js/plusone.js';<br />var s=document.getElementsByTagName('script')[0];<br />s.parentNode.insertBefore(po,s);<br />})();<br /></script><br /><div class="wc-gplusmod"><br /><div class="g-plus" data-action="followers" data-height="290" data-href="https://plus.google.com/<span style="color: red;">108292020330642658594</span>?prsrc=2" data-source="blogger:blog:followers" data-width="290"/><br /></div></blockquote>استبدل هذا الرقم الأحمر برقم حسابك على جوجل بلس<br /><br />ملاحظة هامة ,, بالنسبة لمن لم يضف مكتبة jquery للمدونة فعليه اضافة هذا الكود في المدونة قبل الوسم </head><br /><blockquote class="tr_bq" dir="ltr" style="text-align: left;"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/></blockquote><br />وبهذا انتهى موضوعنا ,, إلى لقاء آخر بإذن الله</div>

أضف آداة متابعة جوجل Google+ Followers على مدونتك بمنتهى السهولة وبدون قيود

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

اقرأ المزيد

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

<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/AVvXsEgtycuXnbJ-q5QsngK6x3cPMtao-t3jA6dmhQR_AMYnd4Td8YI7c63F-zXBpoNDzs-vtEEP7mU41Gi3jPqUyCs0YGNg1k9VdAmwNNkWXCT4RYI_Zlzs-kS9NbwfYEo1heOOP4U5i7ee_s4P/s1600/MiniSoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtycuXnbJ-q5QsngK6x3cPMtao-t3jA6dmhQR_AMYnd4Td8YI7c63F-zXBpoNDzs-vtEEP7mU41Gi3jPqUyCs0YGNg1k9VdAmwNNkWXCT4RYI_Zlzs-kS9NbwfYEo1heOOP4U5i7ee_s4P/s1600/MiniSoft.png" title="دروس دورة CSS : شرح الخاصية border-ledt" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><br /><br />السلام عليكم<br /><br />كما درسنا الكثير من قبل حول خواص لغة CSS فاليوم معنا درس جديد للخاصية ..<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><span style="color: red;">border-</span><span style="color: #990000;">left</span></code></pre>وهي لا تختلف كثيراً عن خاصية border bottom التي أخذناها في الدروس الماضية<br /><div style="text-align: right;"> الخاصية يمكنك من خلالها تلوين او تحديد نوع او شكل الضلع الايسر من مربع مثلاً او صندوق او حدود لأي شئ كان</div><div style="text-align: right;">دعونا نقوم بمثال على ذلك وسوف يتضح الأمر..</div><div style="text-align: right;">افتح صفحة تكست فارغة واعطها الامتداد html و ضع فيها هذا الكود..</div><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 />p{<br /><span style="color: blue;">border-style: solid;</span><br /><span style="color: red;">border-left: 5px dotted #ff0000;</span><br />padding:5px;width:300px;<br />}<br /></style><br /></head><br /><body><br /><p><br />Mini Soft By Ahmad Saleh.<br/><br />Mini Soft By Ahmad Saleh.<br/><br />Mini Soft By Ahmad Saleh.<br/><br />Mini Soft By Ahmad Saleh.<br/><br /></p><br /></body><br /></html></code></pre><br /><div><br /></div><div style="text-align: right;">الان احفظ الصفحة وافتحها على اي متصفح لترى التالي ..</div><div style="text-align: right;"><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/AVvXsEgGBaS_XrakaiBMxfvhsHdOYW52rWH3Qd6bhVsxEBjS27Xsy4UZpFQYeqEcBBuefuLVBUXQ1ci2uokCNGDuVUDgziunKqQ-GOL3g7o-uHFyA9N5c26IhPXwJWsBHYhNUTdkFJzKL0xrbF-g/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGBaS_XrakaiBMxfvhsHdOYW52rWH3Qd6bhVsxEBjS27Xsy4UZpFQYeqEcBBuefuLVBUXQ1ci2uokCNGDuVUDgziunKqQ-GOL3g7o-uHFyA9N5c26IhPXwJWsBHYhNUTdkFJzKL0xrbF-g/s1600/1.png" title="ميني سوفت" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">border-left: 5px dotted #ff0000</td></tr></tbody></table><div style="text-align: right;">وهكذا رأينا الضلع الايسر وقد تم تغيره تماماً عن باقي الاضلاع ولكن كيف تم وضع حدود أخرى باللون الاسود ؟</div><div style="text-align: right;">تم هذا بواسطة السطر الأزرق في الكود السابق</div><div style="text-align: right;">وبهذا تعرفنا على خاصية border left ويليها ان شاء الله الخاصية border right</div><div style="text-align: right;"><br /></div><div style="text-align: center;">اترككم في رعاية الله وامنه</div></div>

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

السلام عليكم كما درسنا الكثير من قبل حول خواص لغة CSS فاليوم معنا درس جديد للخاصية .. border- left وهي لا تختلف كثيراً عن خاصية border botto...

اقرأ المزيد

دروس دورة CSS : شرخ الخاصية border style

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKgGnVEOYUgQRPkYVtF63MnHhoYUJ-SAW1vV8dSizmAwDWbpHw2vcEHDUVV7or-mxqux-0P-pbsatvDS8o2wh6oyk4LwVkHdjVFH8oa44rFnAlTNrI5z5cMito0Hyjvv6BJoB5Np7qXkfi/s1600/MiniSoft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKgGnVEOYUgQRPkYVtF63MnHhoYUJ-SAW1vV8dSizmAwDWbpHw2vcEHDUVV7or-mxqux-0P-pbsatvDS8o2wh6oyk4LwVkHdjVFH8oa44rFnAlTNrI5z5cMito0Hyjvv6BJoB5Np7qXkfi/s1600/MiniSoft.png" title="دروس دورة CSS : شرخ الخاصية border style" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div>السلام عليكم ورحمة الله وبركاته<br /><div>إخواني وأخواتي الافاضل </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: #cc0000;">border-</span><span style="color: red;">style</span></code></pre>طالما ذكرنا كلمة ( style ) فذلك يعني أن هناك العديد من الاستايلات للحدود border , فكلمة بوردر تعني حدود وانواع الاستايل كالاتي :<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: #990000;">border-style: </span><span style="color: red;">none</span><br /><span style="color: #990000;">border-style: </span><span style="color: red;">hidden</span><br /><span style="color: #990000;">border-style: </span><span style="color: red;">solid</span><br /><span style="color: #990000;">border-style: </span><span style="color: red;">dotted</span><br /><span style="color: #990000;">border-style: </span><span style="color: red;">dashed</span><br /><span style="color: #990000;">border-style: </span><span style="color: red;">double</span><br /><span style="color: #990000;">border-style: </span><span style="color: red;">groove</span><br /><span style="color: #990000;">border-style: </span><span style="color: red;">ridge</span><br /><span style="color: #990000;">border-style: </span><span style="color: red;">inset</span><br /><span style="color: #990000;">border-style: </span><span style="color: red;">outset</span></code></pre><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 />.minisoft{<br />width:200px;<br />padding:15px;<br />border-width:5px;<br /><span style="color: blue;">border-style</span>: <span style="color: red;">solid</span>;<br />}<br /></style><br /></head><br /><body><br /><p class="minisoft"><br />Mini Soft by Ahmad Saleh<br/><br />Mini Soft by Ahmad Saleh<br/><br />Mini Soft by Ahmad Saleh<br/><br />Mini Soft by Ahmad Saleh<br/><br /></p><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/AVvXsEilP46-RY4OS67oHBbRtSTxnSZLCiOgMuuDOvgduuVKXGedJI5VtaEVFv_B9taG_0EdUlJP6NVON1ct7MM5rZwQB0arhetONpfLgDF6ixwLkOaDEjLoDqx52FY2Ir6gHaoHtraARUupA8Tc/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilP46-RY4OS67oHBbRtSTxnSZLCiOgMuuDOvgduuVKXGedJI5VtaEVFv_B9taG_0EdUlJP6NVON1ct7MM5rZwQB0arhetONpfLgDF6ixwLkOaDEjLoDqx52FY2Ir6gHaoHtraARUupA8Tc/s1600/1.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">style solid</td></tr></tbody></table> رأينا الحدود بهذا الشكل .. يمكنك تجربة جميع الاستايلات بتغيير كلمة solid ذات اللون الأحمر وعموماً الاشكال جميعها كالتالي ..<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><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilP46-RY4OS67oHBbRtSTxnSZLCiOgMuuDOvgduuVKXGedJI5VtaEVFv_B9taG_0EdUlJP6NVON1ct7MM5rZwQB0arhetONpfLgDF6ixwLkOaDEjLoDqx52FY2Ir6gHaoHtraARUupA8Tc/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilP46-RY4OS67oHBbRtSTxnSZLCiOgMuuDOvgduuVKXGedJI5VtaEVFv_B9taG_0EdUlJP6NVON1ct7MM5rZwQB0arhetONpfLgDF6ixwLkOaDEjLoDqx52FY2Ir6gHaoHtraARUupA8Tc/s1600/1.png" /></a></td></tr><tr><td class="tr-caption" style="font-size: 13px;">style <span style="color: red; font-size: small; text-align: left;">solid</span><br /><br /></td></tr></tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnhCYmjl8F5EzS9zVD0yJ8nBmV2qkGRYUPFSIAaUMR1vLkAFS8CYl2w48Oc8Km27Ug4CTbmcYE7RmO2rfrs8m_xdItkLq9WmRjozzxSQhojxtJv-1v1pNEv6wcANkxqYIFcZsCLvLytvVL/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnhCYmjl8F5EzS9zVD0yJ8nBmV2qkGRYUPFSIAaUMR1vLkAFS8CYl2w48Oc8Km27Ug4CTbmcYE7RmO2rfrs8m_xdItkLq9WmRjozzxSQhojxtJv-1v1pNEv6wcANkxqYIFcZsCLvLytvVL/s1600/2.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">style <span style="color: red; font-size: small; text-align: left;">dotted</span></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/AVvXsEjNAqfe_WCyLGtXIz0uk127IAFgLiqgc59SDBOKvdO-EGBhfLqgvTYJAKJtDkaTebku1pZVRO0qt4kI9dEL8zoRePtXof2G0vHFD0w55_JcFwQ_TFV1TS41Ir_YODphHN_4uYtU32oWxSpY/s1600/3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNAqfe_WCyLGtXIz0uk127IAFgLiqgc59SDBOKvdO-EGBhfLqgvTYJAKJtDkaTebku1pZVRO0qt4kI9dEL8zoRePtXof2G0vHFD0w55_JcFwQ_TFV1TS41Ir_YODphHN_4uYtU32oWxSpY/s1600/3.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">style <span style="color: red; font-size: small; text-align: left;">dashed</span></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/AVvXsEiOrTUQkaU3dSnOMmEJo2LFemfr_5VRWJs8NSOdSZpAi_LL216MrOJU73sgLz0nH2uUBF19EFx6Y-TesAIM-ugsoSv4-mEKbZR3GU0MO1SRRma91yZk0aWHgfHWVmUkwndZ7hSypL3Ar_Fm/s1600/4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOrTUQkaU3dSnOMmEJo2LFemfr_5VRWJs8NSOdSZpAi_LL216MrOJU73sgLz0nH2uUBF19EFx6Y-TesAIM-ugsoSv4-mEKbZR3GU0MO1SRRma91yZk0aWHgfHWVmUkwndZ7hSypL3Ar_Fm/s1600/4.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">style <span style="color: red; font-size: small; text-align: left;">double</span></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/AVvXsEj_wEnx5CoqqDVdRdWeeV00DqzNZrkLOvaWErCG5ZAjNckvIL-ig8rpRFfXRCUesvLJf6_3o7zYWosNjHxOrYFGnoEQdFQfeQsjprG7aH_vQSdkFecwyICjVmVHrEPhVDjREzw6Z1UgS3hD/s1600/5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_wEnx5CoqqDVdRdWeeV00DqzNZrkLOvaWErCG5ZAjNckvIL-ig8rpRFfXRCUesvLJf6_3o7zYWosNjHxOrYFGnoEQdFQfeQsjprG7aH_vQSdkFecwyICjVmVHrEPhVDjREzw6Z1UgS3hD/s1600/5.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">style <span style="color: red; font-size: small; text-align: left;">groove</span></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/AVvXsEg9iOBK_DkJ6l5LkPBfUHacX63vnrFRh8Jf_oxO8Eehbbma1q9ShF_PHFxx1eKXAq_1Kxks91C3sIE_tV9XkfNc1o8G1VYjTVe2sfrAH5V3Yfu53SVsOyGpdaAZYzJwJQJJMABXTPS0z5IR/s1600/6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9iOBK_DkJ6l5LkPBfUHacX63vnrFRh8Jf_oxO8Eehbbma1q9ShF_PHFxx1eKXAq_1Kxks91C3sIE_tV9XkfNc1o8G1VYjTVe2sfrAH5V3Yfu53SVsOyGpdaAZYzJwJQJJMABXTPS0z5IR/s1600/6.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">style <span style="color: red; font-size: small; text-align: left;">ridge</span></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/AVvXsEiOcSYNwNfv5Bt-pPA4lYQRHlNfcHliUKKjxxKxpJIQCPSOdnMN78qGe4eo4QkSVN1L_v5GvCMdfAwzvxmDfSIigqvGRfZKdN6Yp-4PgiRcuw9JFezwHzL872omDGATQ-68CcP8GUC1tbnU/s1600/7.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOcSYNwNfv5Bt-pPA4lYQRHlNfcHliUKKjxxKxpJIQCPSOdnMN78qGe4eo4QkSVN1L_v5GvCMdfAwzvxmDfSIigqvGRfZKdN6Yp-4PgiRcuw9JFezwHzL872omDGATQ-68CcP8GUC1tbnU/s1600/7.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">style <span style="color: red; font-size: small; text-align: left;">inset</span></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/AVvXsEhMhdmTxTPtRcLjfTBbSlvVbqbflxJHTXueiHnBDj3GpzOrdE344akjtCKe0dvxLz9EeD7I4HV0UXI-4jtLTW4WgFqXkcBuxl031fS8qYgh_z-8GKmmI-gqoHWAhRPlNCbc8ACtkSg1VTtf/s1600/8.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMhdmTxTPtRcLjfTBbSlvVbqbflxJHTXueiHnBDj3GpzOrdE344akjtCKe0dvxLz9EeD7I4HV0UXI-4jtLTW4WgFqXkcBuxl031fS8qYgh_z-8GKmmI-gqoHWAhRPlNCbc8ACtkSg1VTtf/s1600/8.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">style <span style="color: red; font-size: small; text-align: left;">outset</span></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/AVvXsEgNgGLiagPOvnmqsVcvcMpZoVd4bIoY_jVhRPC1mkPmzs3V4Iom3qd03iuaH_XNGPqO5d61NcncIUUYcLYpgjAES2iP88txYynPp2_4eGjd_yuIyqU5cuHNJJghy1JPf_qsQ_Yz3RsBg_LN/s1600/9.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNgGLiagPOvnmqsVcvcMpZoVd4bIoY_jVhRPC1mkPmzs3V4Iom3qd03iuaH_XNGPqO5d61NcncIUUYcLYpgjAES2iP88txYynPp2_4eGjd_yuIyqU5cuHNJJghy1JPf_qsQ_Yz3RsBg_LN/s1600/9.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">style <span style="color: red; font-size: small; text-align: left;">none,hidden</span></td></tr></tbody></table>ملاحظة , style none او style hidden يقومون بإخفاء الحدود نهائياً و وظيفتهم واحدة<br /><div><br /></div><div style="text-align: center;">وبهذا أخذنا درس مٌسبط عن انواع ستايلات الحدود border </div><div style="text-align: center;">ارجو أن تستفيدوا , والى لقاء قادم بإذن الله</div></div>

دروس دورة CSS : شرخ الخاصية border style

السلام عليكم ورحمة الله وبركاته إخواني وأخواتي الافاضل  اليوم نقوم بشرح الخاصية  border- style طالما ذكرنا كلمة ( style ) فذلك يعني أن هناك ...

اقرأ المزيد