tag:blogger.com,1999:blog-32956395887512149012024-02-07T16:57:30.549-08:00الوان الويبمدونة تعليمية تهدف إلى تعلم الويب والشبكات الاجتماعية الفيس بوك, تويتر,جوجل بلس,التدوين,بلوجر,ووردبريس, ادسنسAnonymoushttp://www.blogger.com/profile/10899493323126052743noreply@blogger.comBlogger31125tag:blogger.com,1999:blog-3295639588751214901.post-66962728550188602032013-10-16T13:37:00.001-07:002013-10-16T13:37:11.897-07:00شاهد رادار وانتا فى منزلك وشاهد الطائرات وهى تحلق <div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
بسم الله الرحمن الرحيم</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
نعم ! يمكنك مشاهدة كل الطائرات المحلقة في العالم من بإستعمال رداد حقيقي
يعطيك كل التفاصيل عن الطائرات المحلقة حتى في سماء بلدك او مدينتك ، كما
يمكنك الحصول على تفاصيل دقيقة عن الطائرة مثل ان تشاهد صورتها وتشاهدها
بالابعاد الثلاثية بل وكذلك يمكنك ان
تعرف مسار الطائرة سرعتها درجة البرودة ... إلخ . كل هذا وانت في منزلك </div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
هذا الموقع قم بفتحة فقط وهو سوف يقوم بعرض الطائرات وهى تحلق اعلى منزلك<br />
<a href="http://www.flightradar24.com/" target="_blank">http://www.flightradar24.com</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4hPfFpSOweYpk0tkyEIccKr29AnBSd_2oU1Ky0ncWej8R8ywHGn3jdWssvZ8OPdGgeecHWChQ5j3i__LJmeLeIHJxkzBmIB8dEwYm-vll1vJDP-GElChascJMdyrDY2U0uNQ9dnSmLug/s1600/rtrte.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4hPfFpSOweYpk0tkyEIccKr29AnBSd_2oU1Ky0ncWej8R8ywHGn3jdWssvZ8OPdGgeecHWChQ5j3i__LJmeLeIHJxkzBmIB8dEwYm-vll1vJDP-GElChascJMdyrDY2U0uNQ9dnSmLug/s1600/rtrte.jpg" height="260" width="640" /></a></div>
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-77126931006599334712013-07-29T08:21:00.002-07:002013-07-29T08:24:09.375-07:00شريط أدوات ألوان الويب متاح حاليًا بإضافات مميزة<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
بسم الله الرحمن الرحيم<br />
<br />
السلام عليكم ورحمة الله وبركاته<br />
<br />
اليوم أقدم لكم شريط أدوات موقع <a href="http://www.web-colour.com/" target="_blank">الوان الويب</a> Toolbar لتكونوا على إتصال دائم بالموقع <br />
يمكن تثبيته على معظم المتصفحات فهو متوافق مع جوجل كروم وفايرفوكس والإنترنت إكسبلور.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRK-OJqkEv-niH7s5DrmMnoVnp4PUHhIeJHXGDj3IlxCoHkj0lCBVIEiH9SkaKkbFpBPYYEFVkLqv38tFf75jamhxI7Eg1JaRin42IO7MVFGLGHAoZuDYb2Z4oWagMR6ueZ7rNti3ODyU/s1600/browsers.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="browser-icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRK-OJqkEv-niH7s5DrmMnoVnp4PUHhIeJHXGDj3IlxCoHkj0lCBVIEiH9SkaKkbFpBPYYEFVkLqv38tFf75jamhxI7Eg1JaRin42IO7MVFGLGHAoZuDYb2Z4oWagMR6ueZ7rNti3ODyU/s1600/browsers.jpg" title="browser-icon" /></a> <br />
<h2 style="text-align: right;">
<span style="color: #cc0000;">مميزات شريط ادوات الوان الويب:</span></h2>
<div style="text-align: right;">
يحتوى على بعض الروابط التى تهم المصممين وأصحاب المواقع وهى:</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikIItNJmfVI7bv1Kfz1EphFNREtgznrJNHeO2pJC56Mn9d06jDQIlio3LoUg2bLnTYpt2WbgylIZLkHkkjx3B3daTb_x7PQMfXZ1nIv7jpND7ZpFq1pRvlT4OG9yrDHxBRM4KseZWWaO8/s1600/toolbar.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="toolbar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikIItNJmfVI7bv1Kfz1EphFNREtgznrJNHeO2pJC56Mn9d06jDQIlio3LoUg2bLnTYpt2WbgylIZLkHkkjx3B3daTb_x7PQMfXZ1nIv7jpND7ZpFq1pRvlT4OG9yrDHxBRM4KseZWWaO8/s1600/toolbar.jpg" height="63" title="toolbar" width="400" /></a></div>
<div style="text-align: right;">
1. <a href="http://www.web-colour.com/2013/06/online-photoshop.html" target="_blank"> الفوتوشوب أون لاين</a> فى حالة التحرير السريع لأى صورة</div>
<div style="text-align: right;">
2. محرر الأكواد <a href="http://www.web-colour.com/2013/06/html-editor.html" target="_blank"> Html Editor</a> الذى يستخدمه مصممى المواقع وأصحاب المدونات</div>
<div style="text-align: right;">
3.صانع الأزرار <a href="http://www.web-colour.com/2013/07/botton-builder-css3.html" target="_blank">Button maker css3</a> لصنع الأزرار الخاصة بموقعك</div>
<div style="text-align: right;">
4.<a href="http://www.web-colour.com/2013/06/color-picker.html" target="_blank">أكواد الألوان</a></div>
<div style="text-align: right;">
5.متابعة دائمة لأحدث الموضوعات والدروس والدورات من خلال خدمة Rss</div>
<div style="text-align: right;">
6.يمكن البحث السريع فى الموقع من خلال محرك البحث السريع الموجود بشريط الأدوات</div>
<div style="text-align: right;">
7. متابعة لجديد الموقع على المواقع الإجتماعية صفحة الفيس بوك ، تويتر ، جوجل بلس</div>
<div style="text-align: right;">
8. يمكن معرفة تقييم ترتيب أى موقع فى Alexa </div>
<h4 style="text-align: center;">
<span style="color: red;">تحميل شريط ادوات الوان الويب</span></h4>
<a class="iframe" href="https://s3.amazonaws.com/com.alexa.toolbar/atbp/NivU8T/download/index.htm" rel="nofollow" target="_blank"><img alt="Get our toolbar!" src="http://www.alexa.com/tbplatform/images/promotebuttons/red/TB-banner3-2.jpg" /></a></div>
</div>
Anonymoushttp://www.blogger.com/profile/10899493323126052743noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-9881391869837180372013-07-29T06:28:00.000-07:002013-07-29T06:58:37.191-07:00كيفية اضافة مشغل موسيقى بلغة HTML على مدونة بلوجر <div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
بسم الله الرحمن الرحيم</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUbG4ri8J7sdVNfG-x8ruaQp_L6Y4dJJHx7Iikf-uADJnsXFFMI3LTTDn0RGRvPf1GBs1O7LI4JkgPjgKmmTuUcAFn499aYyTkHvJJF2mq_q2reVOGuKrlffpi76VfBpmyz6vMrnvet3E/s1600/FreeVector-Music-Notes-Vector-Background.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="music blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUbG4ri8J7sdVNfG-x8ruaQp_L6Y4dJJHx7Iikf-uADJnsXFFMI3LTTDn0RGRvPf1GBs1O7LI4JkgPjgKmmTuUcAFn499aYyTkHvJJF2mq_q2reVOGuKrlffpi76VfBpmyz6vMrnvet3E/s1600/FreeVector-Music-Notes-Vector-Background.jpg" height="400" title="music blog" width="400" /></a></div>
<br />
<br />
<br />
اقدم لكم فى هذا الدرس شرح طريقة لاضافة الموسيقى والاغانى على مدونتك<br />
تعتبر الموسيقى الهادئة شئ مستحب لبعض المدونين لانها مريحة للاعصاب<br />
وهناك بعض المدونات الدينة تقوم بتشغيل بعض أيات القران الكريم<br />
هناك اكثر من طريقة لاضافة مشغل الموسيقى على مدونتك . يوجد مواقع تتيح لك<br />
اضافة هذه الاداة ويوجد اكواد بلغة HTML تتيح لك هذه الاضافة<br />
ايضا فى درسنا هذا سوف اقوم بشرح الطريقتين<br />
<br />
<br />
<span style="color: red;"><b>الطريقة الاولى</b></span> : اضافة اداة مشغل الموسيقى بلغة HTML<br />
<br />
1- قم بفتح المدونة الخاصة بك ثم اذهب الى ( <span style="color: red;">قالب</span> ) ثم قم بالضغط على كلمة ( <span style="color: red;">تحرير HTML</span> )<br />
ثم قم بعمل <span style="color: red;"> Ctrl + f</span>وابحث عن كلمة <span style="color: red;"><head/></span> ثم قم بوضع هذا الكود<br />
اعلى كلمة <span style="color: red;"><head/></span> وقم بالحفظ بعد ادخال الكود <br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglIh_csuDt6k5MuSvFzHeYX3T2SXnEV2ir0cMlm9eqoE_dR8uV1qNGJsz6ptYq_0LXSr90kW9EcikgZVU0B0MuSQIWyKYEVfigehKb_m8WEY0p2SNMKmkQ0R3pvrW6J6PSjETusSnpqOE/s1600/%25D8%25B4%25D8%25B9%25D8%25A7%25D8%25B1+%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglIh_csuDt6k5MuSvFzHeYX3T2SXnEV2ir0cMlm9eqoE_dR8uV1qNGJsz6ptYq_0LXSr90kW9EcikgZVU0B0MuSQIWyKYEVfigehKb_m8WEY0p2SNMKmkQ0R3pvrW6J6PSjETusSnpqOE/s1600/%25D8%25B4%25D8%25B9%25D8%25A7%25D8%25B1+%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9.jpg" height="26" width="400" /></a></div>
<span style="font-size: small;"><br /></span>
<br />
<center dir="ltr">
<blockquote class="tr_bq">
<div style="text-align: left;">
<span style="color: blue;"><b><link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'/></b></span></div>
<span style="color: blue;"><b>
</b></span>
<br />
<div style="text-align: left;">
<span style="color: blue;"><b><br /></b></span></div>
<span style="color: blue;"><b>
</b></span>
<br />
<div style="text-align: left;">
<span style="color: blue;"><b>
<link href="https://googledrive.com/host/0B0WJjcJEFNziLXFVNjE1Mms2VkU" rel="stylesheet"></link></b></span></div>
<span style="color: blue;"><b>
</b></span>
<br />
<div style="text-align: left;">
<span style="color: blue;"><b><br /></b></span></div>
<span style="color: blue;"><b>
</b></span>
<br />
<div style="text-align: left;">
<span style="color: blue;"><b>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.js"></script></b></span></div>
<span style="color: blue;"><b>
</b></span>
<br />
<div style="text-align: left;">
<span style="color: blue;"><b><br /></b></span></div>
<span style="color: blue;"><b>
</b></span>
<br />
<div style="text-align: left;">
<span style="color: blue;"><b>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script></b></span></div>
<span style="color: blue;"><b>
</b></span>
<br />
<div style="text-align: left;">
<span style="color: blue;"><b><br /></b></span></div>
<span style="color: blue;"><b>
</b></span>
<br />
<div style="text-align: left;">
<span style="color: blue;"><b>
<script src="https://googledrive.com/host/0B0WJjcJEFNziYXRYUFZEVkRNaTA" type="text/javascript"></script></b></span></div>
</blockquote>
</center>
<div dir="ltr" style="text-align: left;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglIh_csuDt6k5MuSvFzHeYX3T2SXnEV2ir0cMlm9eqoE_dR8uV1qNGJsz6ptYq_0LXSr90kW9EcikgZVU0B0MuSQIWyKYEVfigehKb_m8WEY0p2SNMKmkQ0R3pvrW6J6PSjETusSnpqOE/s1600/%25D8%25B4%25D8%25B9%25D8%25A7%25D8%25B1+%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglIh_csuDt6k5MuSvFzHeYX3T2SXnEV2ir0cMlm9eqoE_dR8uV1qNGJsz6ptYq_0LXSr90kW9EcikgZVU0B0MuSQIWyKYEVfigehKb_m8WEY0p2SNMKmkQ0R3pvrW6J6PSjETusSnpqOE/s1600/%25D8%25B4%25D8%25B9%25D8%25A7%25D8%25B1+%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9.jpg" height="26" width="400" /></a></div>
<span style="font-size: small;"><br /></span>
</div>
<div style="text-align: center;">
<center>
<div style="text-align: left;">
<blockquote class="tr_bq ">
<div style="text-align: left;">
</div>
</blockquote>
</div>
</center>
</div>
<span style="font-size: small;">2- اذهب الى التخطيط فى مدونتك ثم اختار كلمة > اضافة اداة < واختار منها HTML/</span>Javascript<br />
بعد ذلك قم بتسمية مشغل الموسيقى كما تشاء وقم بوضع هذا الكود داخل الصفحة<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglIh_csuDt6k5MuSvFzHeYX3T2SXnEV2ir0cMlm9eqoE_dR8uV1qNGJsz6ptYq_0LXSr90kW9EcikgZVU0B0MuSQIWyKYEVfigehKb_m8WEY0p2SNMKmkQ0R3pvrW6J6PSjETusSnpqOE/s1600/%25D8%25B4%25D8%25B9%25D8%25A7%25D8%25B1+%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglIh_csuDt6k5MuSvFzHeYX3T2SXnEV2ir0cMlm9eqoE_dR8uV1qNGJsz6ptYq_0LXSr90kW9EcikgZVU0B0MuSQIWyKYEVfigehKb_m8WEY0p2SNMKmkQ0R3pvrW6J6PSjETusSnpqOE/s1600/%25D8%25B4%25D8%25B9%25D8%25A7%25D8%25B1+%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9.jpg" height="26" width="400" /></a></div>
<br />
<div dir="ltr" style="text-align: left;">
<span style="color: blue;"><b> <div class="mbl"></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="mbl_player" id="mnplp"></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="mbl_art_bg"></div></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span><img class="mbl_cover" src="" alt=""/></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span><span class="mnpl_title"></span></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span><span class="mnpl_author"></span></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="mnpl_volume_min"></div></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="mnpl_volume"></div></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="mbl_volume_max"></div></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="mnpl_toolbar"></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="mnpl_tlb_prev"></div></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="mnpl_tlb_stop"></div></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="mnpl_tlb_next"></div></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="mnpl_current"></div></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="mnpl_long"></div></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="mnpl_all"></div></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span></div></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="mbl_playlist"></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span></div></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span></div></b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span></div></b></span>
<span style="color: blue;"><b><br />
<script type="text/javascript"><br />
$(function(){<br />
$('#mnplp').mnplp({<br />
'volume': 80,<br />
'playlist':[<br />
{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},</b></span>
<span style="color: blue;"><b><br />
{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},</b></span>
<span style="color: blue;"><b><br />
{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},</b></span>
<span style="color: blue;"><b><br />
{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},</b></span>
<span style="color: blue;"><b><br />
{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"}</b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>]</b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>});</b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>});</b></span>
<span style="color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span></script></b></span></div>
<br />
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX18-ci4FPG-gRjg2Bmz5mAG_pag0ZnXaV0bGCvEAShvvxeWfGo5FH87US72lx3BBYLkOPbx6JgWvedOpJfCiOVoN2HUVayMedHNWjWVTqoO-3Q3rgccVNNuKR2ZGuj2eWq4S9-wqcK8U/s1600/%D8%B4%D8%B9%D8%A7%D8%B1+%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX18-ci4FPG-gRjg2Bmz5mAG_pag0ZnXaV0bGCvEAShvvxeWfGo5FH87US72lx3BBYLkOPbx6JgWvedOpJfCiOVoN2HUVayMedHNWjWVTqoO-3Q3rgccVNNuKR2ZGuj2eWq4S9-wqcK8U/s1600/%D8%B4%D8%B9%D8%A7%D8%B1+%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A9.jpg" height="25" width="400" /></a></div>
<span style="font-size: small;"><br /></span>
</div>
<div style="text-align: center;">
<center>
</center>
</div>
<span style="font-size: small;"><br /></span>
<br />
<div style="text-align: center;">
<center>
</center>
</div>
يوجد بهذا الكود ميزة جميلة جدا فا من الممكن التحكم الكامل بشكل مشغل الموسيقى وتكتب هذه العناصر وتغير محتوها مكان الاسماء <br />
الموجودة بالكود وهذا الكود يضم 5 اغانى تعمل اسفل بعضها باستمرار <br />
<b><span style="color: red;">ملحوظة</span></b> : لابد ان تكون الاغانى المحلمة بصيغة mp3 <br />
<br />
<span class="" id="result_box" lang="ar"><span class=""><span style="color: red;"><b>title</b></span> : يمثل</span> <span class="hps">العنوان</span> <span class="hps">من الموسيقى الخاصة بك</span> <span class="hps">أو</span> <span class="hps">أغنية</span>.<span class="hps"> </span></span><br />
<span class="" id="result_box" lang="ar"><span class="hps"> <span style="color: red;"><b>mfile</b></span></span><span class=""> :</span> <span class="hps">وهو يمثل</span> <span class="hps">ملف الموسيقى</span> <span class="hps">في الامتداد</span> <span class="hps">MP3</span>.<span class="hps"> </span></span><br />
<span class="" id="result_box" lang="ar"><span class="hps"><span style="color: red;"><b>author</b></span> :</span> <span class="hps">اسم</span> <span class="hps">الشخص</span> <span class="hps">الذي لحن</span> <span class="hps">الموسيقى.</span><br /><span class="hps"><span style="color: red;"><b>cover</b></span> :</span> <span class="hps">الغلاف</span> <span class="hps">صورة</span> <span class="hps">الإبهام</span> <span class="hps">الذي يظهر عند</span> <span class="hps">تشغيل الأغنية</span>.<br /><span class="hps"> <span style="color: red;"><b>background</b></span></span> : <span class="hps">الصورة التي تظهر</span> <span class="hps">في خلفية</span> <span class="hps">مشغل الموسيقى</span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglIh_csuDt6k5MuSvFzHeYX3T2SXnEV2ir0cMlm9eqoE_dR8uV1qNGJsz6ptYq_0LXSr90kW9EcikgZVU0B0MuSQIWyKYEVfigehKb_m8WEY0p2SNMKmkQ0R3pvrW6J6PSjETusSnpqOE/s1600/%25D8%25B4%25D8%25B9%25D8%25A7%25D8%25B1+%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglIh_csuDt6k5MuSvFzHeYX3T2SXnEV2ir0cMlm9eqoE_dR8uV1qNGJsz6ptYq_0LXSr90kW9EcikgZVU0B0MuSQIWyKYEVfigehKb_m8WEY0p2SNMKmkQ0R3pvrW6J6PSjETusSnpqOE/s1600/%25D8%25B4%25D8%25B9%25D8%25A7%25D8%25B1+%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9.jpg" height="26" width="400" /></a></div>
<br />
<br />
<span style="color: red;"><b>الطريقة الثانية</b></span> : وهيا عبارة عن موقع تقوم بالاشتراك فية وهو يقوم باضافة أداة مشغل الموسيقى على موقعك او مدونتك<br />
<br />
اسم الموقع : <a href="http://scmplayer.net/" rel="nofollow" target="_blank">http://scmplayer.net</a><br />
قم بالدخول الى الموقع <br />
<br />
اختار الشكل والون الذى تريد وضعة فى المدونة من خلال التحديد علية ثم اضغط <span style="color: red;">Next</span> <br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq_3yZnWd2ZpjmEkLKN6sIn8jLgqB6KM4Y7otf06FY7-czfWpkcEYWxzP4SobgIPRvtXYIrfU9DenW2pAKwj9setdQTxwZ3dS2LMo0XVp5A4yfgYhzQptznpqkp-Tyw9CxXywhWID95T4/s1600/1w.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="music blog1" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq_3yZnWd2ZpjmEkLKN6sIn8jLgqB6KM4Y7otf06FY7-czfWpkcEYWxzP4SobgIPRvtXYIrfU9DenW2pAKwj9setdQTxwZ3dS2LMo0XVp5A4yfgYhzQptznpqkp-Tyw9CxXywhWID95T4/s1600/1w.jpg" height="474" title="music blog1" width="640" /></a></div>
<br />
قوم بملئ الخانات من خلال فتح موقع <a href="http://www.youtube.com/" rel="nofollow" target="_blank">www.youtube.com</a> واختار منه الايات القرانية او الاغانى او الموسيقى وقم بنسخ<br />
الرابط وضعة فى خانة <span style="color: red;">SONG URL</span> ثم اضغط <span style="color: red;">NEXT</span> <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfweTLT9oqHkt7vH5Vy1HGzMbMxUnD0LW546NyGNtOcWp73k3ZTHz3UL1YNg94qwwSQOvaP-a-Z3T63gwVp_PLUHvrhBXXBB9LmsDc9pl5xuvNKJoPWm9GsR6qlRklOi4nidcny35ep30/s1600/2w.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="music bloog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfweTLT9oqHkt7vH5Vy1HGzMbMxUnD0LW546NyGNtOcWp73k3ZTHz3UL1YNg94qwwSQOvaP-a-Z3T63gwVp_PLUHvrhBXXBB9LmsDc9pl5xuvNKJoPWm9GsR6qlRklOi4nidcny35ep30/s1600/2w.jpg" height="502" title="music bloog" width="640" /></a></div>
<br />
تظهر لك هذه الصفحة بعد ذلك قم بتنشيط الخانات على حسب رغبتك اذا كنت تريد ان تعمل الموسيقى مرة واحدة او عدة مرات<br />
او كنت تريد انها لا تعمل الا بالضغط عليها او تعمل بمجرد الدخول للمدونة والتحكم فى حجم الصوت بعد ذلك<br />
اضغط <span style="color: red;">DONE</span> <br />
<br />
<br />
<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/AVvXsEgdG8uPYlg7fUmhYUsE3UEywCnNRA2TXpv7PdOwba74fpaECxRf52QxaLT8dTVJHUoPto-sUeljS67iHaFC2wgYXP0Q9IEzNp2amzsuirgPHpcdHxAbc0NnJmiUZ3TtI7nscC4GYhQu1sU/s1600/3w.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="music blog2" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdG8uPYlg7fUmhYUsE3UEywCnNRA2TXpv7PdOwba74fpaECxRf52QxaLT8dTVJHUoPto-sUeljS67iHaFC2wgYXP0Q9IEzNp2amzsuirgPHpcdHxAbc0NnJmiUZ3TtI7nscC4GYhQu1sU/s1600/3w.jpg" height="352" title="music blog2" width="640" /></a></div>
<br />
<br />
سوف يظهر كود لك فى النهاية قم باخذ الكود كوبى واذهب الى مدونتك وقوم بفتح القالب الخاص بك<br />
وقم بعمل <span style="color: red;">CTRL +F</span> واكتب بداخلها<span style="color: red;"> < body ></span> ثم ضع الكود الذى حصلت علية اسفل الكود السابق<br />
وبعد وضعه قم بالحفظ وسوف تجد مشغل الموسيقى يعمل بأذن الله<br />
<br />
<br />
<div style="text-align: center;">
اتمنى ان يكون نال الشرح اعجابكم </div>
<br />
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-42614181080962191012013-07-27T06:01:00.001-07:002013-07-27T06:01:47.076-07:00إصنع أزرار لموقعك أون لاين بتقنية css<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
بسم الله الرحمن الرحيم</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
السلام عليكم ورحمة الله وبركاته</div>
<div style="text-align: center;">
يحتاج أصحاب المواقع والمدونات دائمًا إلى تصميم أزرار وقوائم تتضمن الروابط التى تحتويها موضوعاتهم ، فمن الممكن الإستعانة بصانع الأزرار Botton maker الذى يتميز بسهولة التصميم وإضافة الرموز وتدرجات الألوان وإختيار الأشكال المناسبة بل وعمل تأثيرات مرور الماوس وغيرها.<br />
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<a class="iframe" href="https://dl.dropboxusercontent.com/u/80212138/%D8%A3%D9%83%D9%88%D8%A7%D8%AF%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1/ButtonMaker/index.html">صانع الأزرار</a></div>
<div style="text-align: center;">
<a class="iframe" href="https://dl.dropboxusercontent.com/u/80212138/%D8%A3%D9%83%D9%88%D8%A7%D8%AF%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1/ButtonMaker/index.html">إضغط هــنا</a><br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a class="iframe" href="https://dl.dropboxusercontent.com/u/80212138/%D8%A3%D9%83%D9%88%D8%A7%D8%AF%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1/ButtonMaker/index.html"><img alt="css-icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis5mg1qgL8nvXJ7Gq6NQMPW_nfFxM7DkDSf1yOPR2UJtfuUNUyqj-nPPIcTqICLZ5M4WO3PmyIPwFTHhTu1t-qCFAhaEq-TAQaRCiYnXvPOzA3DzkCUxXKM-eOW8vhbjck6ObdYa3qr88/s1600/css-icon.png" title="css-icon" /></a></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/10899493323126052743noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-58425167574196892852013-07-24T15:26:00.003-07:002013-07-24T15:47:51.842-07:00تطبيقات الفوتوشوب للهواتف الذكية والأندرويد<div dir="rtl" style="text-align: right;" trbidi="on">
<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>
<div style="text-align: justify;">
كثير من المصممين يحتاجون إلى برامج التصميم تكون برفقتهم بأى مكان وخصوصًا برنامج الفوتوشوب لذلك فى هذا الموضوع نستعرض تطبيقات الفوتوشوب لمعرفة إمكانياتها.</div>
<h2 style="text-align: justify;">
<span style="color: #cc0000;">1. تطبيق شركة أدوبى Adope photoshop touch </span> </h2>
<div style="text-align: justify;">
أطلقت شركة Adope تطبيق الفوتوشوب للهواتف الذكية التى تعمل بنظام<a href="http://www.web-colour.com/search/label/%D8%A3%D9%86%D8%AF%D8%B1%D9%88%D9%8A%D8%AF" target="_blank"> الأندرويد</a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXAn5h4rihFq_YmKkxM-BnPxTS74RCoMvMNewdVgCuS3gXUmqEzdWnL8prF5caAPeRESwHao0BmZnl-p2Wx_hm3tBnP4xjnpm3BHny6Vxa9rb6Gp8Eke7lm-1xE2s-JzubbG2XQtVEuAk/s1600/ps.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXAn5h4rihFq_YmKkxM-BnPxTS74RCoMvMNewdVgCuS3gXUmqEzdWnL8prF5caAPeRESwHao0BmZnl-p2Wx_hm3tBnP4xjnpm3BHny6Vxa9rb6Gp8Eke7lm-1xE2s-JzubbG2XQtVEuAk/s1600/ps.jpg" /></a></div>
<br />
وهذا التطبيق يتميز بالعديد من الإمكانيات التى يحتاجها المصمم وهى: </div>
<div style="text-align: justify;">
1.خاصية الطبقات التى تميز برنامج الفوتوشوب Layer control</div>
<div style="text-align: justify;">
2.به أدوات المزج والخط Blending Modes</div>
3. التحكم بالإنحناءات Curves Adjustment<br />
4.إمكانية إستخدام الكاميرا للدمج بين الصور<br />
5.مساحة تخزين سحابية 2G ـ creative storage<br />
<br />
هذا التطبيق غير مجانى وسعره 4.99$ ويمكن شراؤه من متجر تطبيقات الاندرويد App store <a href="https://play.google.com/store/apps/details?id=air.com.adobe.pstouchphone" rel="nofollow" target="_blank">من هــنا</a><br />
<br />
<h2 style="text-align: right;">
<span style="font-weight: normal;"><span style="color: #cc0000;">2.تطبيق الفوتوشوب المجانىAdobe Photoshop Express</span></span></h2>
<div style="text-align: right;">
<span style="font-weight: normal;"> تطبيق مجانى يستخدم للتعديل البسيط على الصور للهواتف والأجهزة التى تعمل بنظام الاندرويد </span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img alt="android-psd" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTekyb39mHAzUvwbqyXzKz-LPF4fUTWUoYDt3JLi30uIyD0Ws5qNN6aufQU4rxmVoaGCHCv3v1Vdl9TmarcOTkcTMkY3hN18uu3g2oZqYUCe2DdnoAIRXAUmDV-3Q6Zhba7E7H_jFW6Rc/s1600/photoshop-express-icon-150x150.png" title="android-psd" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
من مميزات هذا التطبيق: </div>
<div class="separator" style="clear: both; text-align: justify;">
1.امكانية التعديل على الصور وإضافة التأثيرات إليها</div>
<div class="separator" style="clear: both; text-align: justify;">
2. يتميز بواجهة بسيطة وسهلة التحكم بها</div>
<div class="separator" style="clear: both; text-align: justify;">
3.التحكم بألوان الصور ودرجات التباين</div>
<div class="separator" style="clear: both; text-align: justify;">
4.إمكانية نشر الصور ومشاركتها مع الأصدقاء</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://play.google.com/store/apps/details?id=com.adobe.psmobile" rel="nofollow" target="_blank">تحميل التطبيق </a></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><span style="color: red;"><b>قد يهمك أيضًا:<a href="http://www.web-colour.com/search/label/%D8%A3%D9%86%D8%AF%D8%B1%D9%88%D9%8A%D8%AF" target="_blank"> أسرار وخفايا الاندرويد</a></b></span></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/10899493323126052743noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-5664902533025857562013-07-21T21:32:00.000-07:002013-07-25T17:07:44.843-07:00تسجيل كافة المكالمات على هاتفك الاندرويد<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
بسم الله الرحمن الرحيم </div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwF2kPNEP3JHAnjSlcMW06gtXl6Gb9FXs9cuylrCDhMT6c47_FaPrDZidtr7PJOcU_BH_aY5kHvDzV_rbJMgRfTLzJQXmDhccL_cGFWOf1o5Uw5riwt8BMw9i7PGcAZoLxtCIJFcLbZfo/s1600/free+apps+to+record+calls+on+Android+..png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="تسجيل المكالمات" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwF2kPNEP3JHAnjSlcMW06gtXl6Gb9FXs9cuylrCDhMT6c47_FaPrDZidtr7PJOcU_BH_aY5kHvDzV_rbJMgRfTLzJQXmDhccL_cGFWOf1o5Uw5riwt8BMw9i7PGcAZoLxtCIJFcLbZfo/s1600/free+apps+to+record+calls+on+Android+..png" height="193" title="call record" width="400" /></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
يعتبر تسجيل المكالمات امر يستخدمة البعض منا فى حياتنا اليومية لان كثر يتعرض لمضايقات والمعكسات المزعجة وويعتبر التسجيل دليل فى بعض الاحيان </div>
<div style="text-align: right;">
اقدم لكم فى هذا الموضوع افضل البرامج التى من خلالها تستطيع تتحكم فى كافة تسجيل مكالماتك اليومية </div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
برنامج : <a href="https://play.google.com/store/apps/details?id=polis.app.callrecorder&feature=related_apps" rel="nofollow" target="_blank"><span style="color: red;"><b>Call Recorder</b></span></a> </div>
<div style="text-align: right;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdTSkoJFgDeg5iphzb9avCKChoZjx8iDPj0fhJOH_mfIPiRnXTMu73DGgcege0_19CLv6Wb7dcNXybM1nHO1OKmEHG_YSvuRo7gINYK0ksgS-8yS50JirhKSv2A5SrXx1jr4ylxfKLbq4/s1600/o9uouoiu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="call record1" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdTSkoJFgDeg5iphzb9avCKChoZjx8iDPj0fhJOH_mfIPiRnXTMu73DGgcege0_19CLv6Wb7dcNXybM1nHO1OKmEHG_YSvuRo7gINYK0ksgS-8yS50JirhKSv2A5SrXx1jr4ylxfKLbq4/s1600/o9uouoiu.jpg" height="320" title="call record1" width="182" /></a></div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
برنامج : <a href="https://play.google.com/store/apps/details?id=com.appstar.callrecorder&hl=en" rel="nofollow" target="_blank"><span style="color: red;"><b>Automatic Call Recorder</b></span></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTVRxcA4fEbCv0z0WPjDiQ7GbRtTQ1zspd4jFPQxwuuEHtmPtNvVWxj7_EPOFh1oEDi6Zeoi-ygruYkG4cx7SbkYdrspMaA9YqiGyDYqxth7mj2VVTUW3YNw71y79QFucwsd7_LraT60Q/s1600/tutu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="call record2" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTVRxcA4fEbCv0z0WPjDiQ7GbRtTQ1zspd4jFPQxwuuEHtmPtNvVWxj7_EPOFh1oEDi6Zeoi-ygruYkG4cx7SbkYdrspMaA9YqiGyDYqxth7mj2VVTUW3YNw71y79QFucwsd7_LraT60Q/s1600/tutu.jpg" height="320" title="call record2" width="179" /></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
برنامج : <a href="https://play.google.com/store/apps/details?id=com.record.my.call&hl=en" rel="nofollow" target="_blank"><span style="color: red;"><b>Record My Call: Call Recorder</b></span></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi90HqSnS4tjFGopr567PBFC_GwxXANIIcXYHNwqc2RU4AMRKQ292lBcoiHHFAv_iGXhdNLH98IYt6oCxAXAFmUrhyphenhyphenC5ytjAYGFAH9_IYqulTjq1rzBp9rRkBcyIuwirq75CQ81Nh2FSbc/s1600/dgry.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="call record3" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi90HqSnS4tjFGopr567PBFC_GwxXANIIcXYHNwqc2RU4AMRKQ292lBcoiHHFAv_iGXhdNLH98IYt6oCxAXAFmUrhyphenhyphenC5ytjAYGFAH9_IYqulTjq1rzBp9rRkBcyIuwirq75CQ81Nh2FSbc/s1600/dgry.jpg" height="320" title="call record3" width="192" /></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
تعتبر البرامج المعروضة افضل البرامج على الاطلاق فى تسجيل المكالمات ويوجد </div>
<div style="text-align: right;">
مميزات فى كل برنامج عن الاخر يمكنك التحكم بتسجيل اى من المكالمات الواردة اليك </div>
<div style="text-align: right;">
ان كانت من ارقام غريبة عنك او كل ارقامك او ارقام معينة </div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
لتحميل اى من البرامج المعروضة اضغط على اسمها </div>
<div style="text-align: right;">
</div>
<div style="text-align: center;">
نتمنى ينال الموضوع اعجابكم </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-7999920680328129922013-07-21T20:26:00.000-07:002013-07-21T20:30:37.610-07:00كيف تعرف تفاصيل هاتفك الاندرويد<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
بسم الله الرحمن الرحيم</div>
<br />
<span id="goog_119978347"></span><span id="goog_119978348"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6IHwcrScNlv31RK31j1_DTdV8Ml200FhnNSp3_7X41Ko53cBzpGKmyFRpe9fBY0EQmXwfCg5QIn_4y92jSu3tY0Qoyuv4bQlI1O_VgEAwVU2PDodmYqphlv2Tnp2fA7_Qs5TZffq5_Jg/s1600/jhu;h.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="android-options" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6IHwcrScNlv31RK31j1_DTdV8Ml200FhnNSp3_7X41Ko53cBzpGKmyFRpe9fBY0EQmXwfCg5QIn_4y92jSu3tY0Qoyuv4bQlI1O_VgEAwVU2PDodmYqphlv2Tnp2fA7_Qs5TZffq5_Jg/s1600/jhu;h.jpg" height="440" title="android-options" width="640" /></a></div>
<br />
<br />
كثير منا يريدون معرفة تفاصيل الهاتف وامكانياتة قبل شرائة ( حجم الرامات - البروسيسور - الشاشة - البطارية - الاستشعار)<br />
فى هذا الموضوع سوف استعرض عليكم افضل البرامج التى من خلالها تستطيع معرفة كل خصائص هاتفك الانرويد<br />
<br />
اسم البرنامج : <a href="https://play.google.com/store/apps/details?id=com.cpuid.cpu_z" target="_blank"><span style="color: red;"><b>CPU - Z</b></span></a><br />
<br />
يعتبر هذا البرنامج من افضل البرامج لمعرفة خصائص هاتفك فهو يعرض لك كل شى كما موضح فى الصورة<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTwrEQmc9Vlt16KsfslMcO6DrZHnYv2jElVjQIE5fF9uOiEvEY7RYxgYBhtrlaLEf3JojHjSCA0hAwqVZjKQW2acFh92FLtkDo2vlje1ZVH1RagjR0Qj0duRHbFWqBfvGNfCuCjRgo6L0/s1600/12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="android-options1" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTwrEQmc9Vlt16KsfslMcO6DrZHnYv2jElVjQIE5fF9uOiEvEY7RYxgYBhtrlaLEf3JojHjSCA0hAwqVZjKQW2acFh92FLtkDo2vlje1ZVH1RagjR0Qj0duRHbFWqBfvGNfCuCjRgo6L0/s1600/12.jpg" height="320" title="android-options1" width="180" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOwRFoPJ5yw5HqLwPCFAfJ8wchcYhN1LcqUOjF4K-TOSeINM9Hi9wM0hm3P3Vx0yawfuaIANXBsyzkb6bXuy2KpGWMYs6ifbAmUx_EDTy6OFjbgVxUrryPVzjbupLnGRbteJ_h5LOVTMU/s1600/13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="android-options2" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOwRFoPJ5yw5HqLwPCFAfJ8wchcYhN1LcqUOjF4K-TOSeINM9Hi9wM0hm3P3Vx0yawfuaIANXBsyzkb6bXuy2KpGWMYs6ifbAmUx_EDTy6OFjbgVxUrryPVzjbupLnGRbteJ_h5LOVTMU/s1600/13.jpg" height="320" title="android-options2" width="180" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBwhM2CqG5pxMGgiNnHpQMlW5aPYTuH1H_thO_xkBB6mL24h-4vB0jyUkgHqZmQ4rjnRoObbzXs8-vYcQyy4dTgR9MtZ1jJpVkS-OFOYkkybVKPFzM5XrqS0kBgZ7EuJzvOMqTs-EddLY/s1600/14.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="android-options3" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBwhM2CqG5pxMGgiNnHpQMlW5aPYTuH1H_thO_xkBB6mL24h-4vB0jyUkgHqZmQ4rjnRoObbzXs8-vYcQyy4dTgR9MtZ1jJpVkS-OFOYkkybVKPFzM5XrqS0kBgZ7EuJzvOMqTs-EddLY/s1600/14.jpg" height="320" title="android-options3" width="178" /></a></div>
<br />
اسم البرنامج : <a href="https://play.google.com/store/apps/details?id=com.bigeyes0x0.trickstermod" target="_blank"><span style="color: red;"><b>Trickster MOD Kernel Settings</b></span></a><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF2ti35Ddks71RPCV609onTeVQ1IDOiYHX0-tABr1dxPvfx63UDoGfYvjo7VGtGZkghchmH6P14UPjhpmS0Z2mFeNVSKYNNLb2KSk_r1XPGn1fmRc9M1J2m3gDJoPA5GvGwquNfkndRFQ/s1600/50.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="android-options4" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF2ti35Ddks71RPCV609onTeVQ1IDOiYHX0-tABr1dxPvfx63UDoGfYvjo7VGtGZkghchmH6P14UPjhpmS0Z2mFeNVSKYNNLb2KSk_r1XPGn1fmRc9M1J2m3gDJoPA5GvGwquNfkndRFQ/s1600/50.jpg" height="320" title="android-options4" width="177" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcNPcdwYZi7fwCQMG2bHu63Twu5BgMKaRn2C_CTGQggquhh1B1sJzOwMdz_7-aJAyw-SpCRCYycChyphenhyphenCHR3BSsQFNZw9iNcCnP1Btih-wydnQM4Sb0FyUo_Y65PVSrXViQEakKPBSS5pzE/s1600/52.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="android-options5" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcNPcdwYZi7fwCQMG2bHu63Twu5BgMKaRn2C_CTGQggquhh1B1sJzOwMdz_7-aJAyw-SpCRCYycChyphenhyphenCHR3BSsQFNZw9iNcCnP1Btih-wydnQM4Sb0FyUo_Y65PVSrXViQEakKPBSS5pzE/s1600/52.jpg" height="320" title="android-options5" width="179" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9SN18IQk08fLigZrkTo5vx_f4tpXa0GyUMC5fOsgoDdROUZObpccn-8hNPxVmvmlBhg6A7gC1iHG18z5iXGAAsb67kBxXQzDo7bJfV2-WqJ_PvDr81iDTbjZZDF2sNsPngn49pAZWOks/s1600/53.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="android-options6" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9SN18IQk08fLigZrkTo5vx_f4tpXa0GyUMC5fOsgoDdROUZObpccn-8hNPxVmvmlBhg6A7gC1iHG18z5iXGAAsb67kBxXQzDo7bJfV2-WqJ_PvDr81iDTbjZZDF2sNsPngn49pAZWOks/s1600/53.jpg" height="320" title="android-options6" width="201" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf3q6zBsfDmZcH8fG2lwXnCiFXlTrlVgO21hrfK3itqjUEkPQ1SDnkJS47JkPaJpRSFW1tnwURujsESzV937z1AsHWjEn0s2q7Dv8hn_pY34RxhNaq_1RzGCOdTA8xQDAri9eQajepP30/s1600/54.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="android-options7" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf3q6zBsfDmZcH8fG2lwXnCiFXlTrlVgO21hrfK3itqjUEkPQ1SDnkJS47JkPaJpRSFW1tnwURujsESzV937z1AsHWjEn0s2q7Dv8hn_pY34RxhNaq_1RzGCOdTA8xQDAri9eQajepP30/s1600/54.jpg" height="320" title="android-options7" width="200" /></a></div>
<br />
<div style="text-align: center;">
نرجوا ان يكون نال الموضوع اعجابكم </div>
<br />
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-17165566115295847962013-07-18T14:36:00.000-07:002013-07-18T14:54:24.441-07:00دورة تعلم لغة css من البداية حتى الإحتراف<div dir="rtl" style="text-align: right;" trbidi="on">
بسم الله الرحمن الرحيم<br />
<br />
السلام عليكم ورحمة الله وبركاته<br />
<br />
<div style="text-align: justify;">
عند تعلم برمجة الويب فلابد من تعلم لغة الأكواد الأساسية <a href="http://www.web-colour.com/search/label/HTML#.UehQ9KwUrp8" target="_blank">Html </a>وقد عرضنا فى موضوعات سابقة <a href="http://www.web-colour.com/search/label/HTML#.UehQ9KwUrp8" target="_blank">دروس للمبتدئين</a> فى هذا المجال ولكن لكى تصل إلى درجة أكثر إحترافية فى عالم تصميم المواقع فلابد من تعلم هذه التقنية لمواكبة التطور السريع فى علم تصميم المواقع. </div>
<h2 style="text-align: right;">
<span style="color: #cc0000;">ماذا تعنى لغة Css؟ </span></h2>
<div style="text-align: right;">
Css هى إختصار لكلمة Cascading Style Sheets أى صفحات الأنماط الإنسيابية ، وقد تم إختراعها عام 1995 ثم تطورت إلى عدة إصدارات وهى Css1,Css2,Css3</div>
<br />
<div style="text-align: justify;">
فهى بإختصار تعمل على تحديد تنسيق وشكل صفحة الويب (مثل نوع الخط ، الخلفيات ، الألوان،.......) وحفظه فى صفحة واحدة مستقلة ، ثم تطبيق هذا التنسيق على عدد لانهائى من صفحات Html .</div>
<div style="text-align: justify;">
فملفات Css تعمل على فصل محتويات الموقع عن التصميم فإذا إحتجنا إلى تغيير التنسيق فيكون الأمر بسيطًا عندما يتم التعديل على ملف CSS فيتم تطبيق التعديل على جميع صفحات HTML مرة واحدة .</div>
<div class="separator" style="clear: both; text-align: center;">
<span id="goog_384741190"></span><img alt="css-icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig6MMH9eo5ZFjCOXmbMs0D6NMx-9s33ZIigsh1r97k66O1uy8KCCNmhBkwoqFnJoChpXavTy0JSp9LAILwtSJrycQRJrOiTR-XRwfXPKziDaiITx1u_5IsL9oLL2B-8dFFmdPEqYkoz0Q/s1600/css3.jpg" title="css-icon" /><span id="goog_384741191"></span></div>
<h2 style="text-align: right;">
<span style="color: #cc0000;">لماذا يجب إستخدام لغة CSS؟</span></h2>
<h4 style="text-align: right;">
<span style="color: blue;">1. سهولة التحكم فى مظهر الموقع:</span></h4>
<div style="text-align: right;">
<span style="color: blue;"><span style="color: black;"> فيمكن تغيير أنماط الخطوط وألوان الخلفيات وغير ذلك من التنسيقات فى جميع صفحات الموقع من خلال التعديل فى ملف واحد بإمتداد Css</span></span></div>
<div style="text-align: right;">
<br /></div>
<h4 style="text-align: right;">
<span style="color: blue;">2. إمكانية تغيير طريقة العرض: </span></h4>
<div style="text-align: right;">
<span style="color: blue;"><span style="color: black;">فمحتويات صفحة الويب تختلف فى عرضها فى المتصفحات أو جهاز الكمبيوتر أو عرضها للطباعة ، فإذا كنت تستهدف طريقة معينة للعرض فمن السهولة أن تغير طريقة العرض بدلا من تغيير محتويات صفحات Html.</span></span></div>
<div style="text-align: right;">
<br /></div>
<h4 style="text-align: right;">
<span style="color: blue;">3.تقليل مساحة الملفات وسرعة تحميلها:</span></h4>
<div style="text-align: right;">
<span style="color: blue;"><span style="color: black;">إذا إعتمدت فقط على أكواد Html فى تنسيق صفحات الويب من أنماط الخط والجداول والصور والخلفيات فإنك ستحتاج إلى إستخدام أكواد كثيرة جدا ، ولكن يمكن تقليل حجم الملفات بإستخدام ملف واحد بإمتداد CSS وبالتالى يؤدى إلى تسريع تحميل صفحات الموقع.</span></span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<h4 style="text-align: right;">
<span style="color: blue;">4. سهولة تنسيق النصوص:</span></h4>
</div>
<div style="text-align: justify;">
<span style="color: blue;"><span style="color: black;"> يمكن التحكم بتنسيق النصوص بشكل أكثر إحترافية من خلال ملفات CSS كأنماط الخطوط وحجمها وألوانها وأيضًا التحكم بالفراغات بين السطور والحروف والكلمات </span></span></div>
<div style="text-align: right;">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/10899493323126052743noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-17159149356289685522013-07-15T08:51:00.001-07:002013-07-15T19:39:50.322-07:00اسرار وخفايا الاندرويد واكواد لمعرفة خصائص الهاتف <div dir="rtl" style="text-align: right;" trbidi="on">
<div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
بسم الله الرحمن الرحيم </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5QeJnCCZj8rzG9T7puUsJpf822pgj4oyQuq9s0HpwqniXYWg6mhRRo5SGvvF1glo77rSvkQ_y27g_BhebaVvbequmsr2Ma-PpBqyyach_wVUnWYfy1s31aW6ZEZTloBkPDH7ByOo6GQU/s1600/nnklkjl.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="code-android" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5QeJnCCZj8rzG9T7puUsJpf822pgj4oyQuq9s0HpwqniXYWg6mhRRo5SGvvF1glo77rSvkQ_y27g_BhebaVvbequmsr2Ma-PpBqyyach_wVUnWYfy1s31aW6ZEZTloBkPDH7ByOo6GQU/s1600/nnklkjl.jpg" height="300" title="code-android" width="400" /></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
ما يلي هو عبارة عن مجموعة من بعض رموز سرية مشتركة لمنصة أندرويد. يمكن إدخال كل هذه من خلال طلب الهاتف (لكلمة فقط في التسلسل كما هو مبين). وبما أن معظم القوائم المخفية هي الشركة المصنعة محددة، وليس هناك ضمان بأن أنها سوف تعمل عبر جميع الهواتف الذكية ، ولكن يمكنك محاولة لاخراجها مع ذلك على جهاز سامسونج، HTC، موتورولا، سوني وغيرها من الأجهزة ملحوظة: لا تلعب مع شيء أن كنت لا تفهمة تماما.</div>
<div style="text-align: right;">
<span style="color: red;"><b>ادخل الاكواد من اليسار الى اليمين</b></span></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiFGOGLljZBp0yq6kWOEz6sFndWJ0Hiy6lp6Yj4nlICzU9jy5m_vA3JMjdW2kWGb445FGsDtTlfrpVvmMeXZYDqynUeN_hZJeE0VPMNqaNM5eOQM0EOreB7edLdOy1FCS5MQjvutFXuic/s1600/1331218402921+(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="code-android1" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiFGOGLljZBp0yq6kWOEz6sFndWJ0Hiy6lp6Yj4nlICzU9jy5m_vA3JMjdW2kWGb445FGsDtTlfrpVvmMeXZYDqynUeN_hZJeE0VPMNqaNM5eOQM0EOreB7edLdOy1FCS5MQjvutFXuic/s1600/1331218402921+(1).png" height="640" title="code-android1" width="556" /></a></div>
<span style="color: blue;"><span style="color: red;"></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYnKyRz8liQNrFzfnL0L_4OAY3xuPNU-L1CSFeNQ2K-XYlX04muwecXuKfbAi2IhnEiFDtQCii107dyz8u9kZ1BFpibsGSB8PMSLZO3-W3IQE_jTJ-LIAwKNWtsXdc4UdleNcPyDJKlS8/s1600/qatarw.com_1869907694.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="code-android2" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYnKyRz8liQNrFzfnL0L_4OAY3xuPNU-L1CSFeNQ2K-XYlX04muwecXuKfbAi2IhnEiFDtQCii107dyz8u9kZ1BFpibsGSB8PMSLZO3-W3IQE_jTJ-LIAwKNWtsXdc4UdleNcPyDJKlS8/s1600/qatarw.com_1869907694.png" height="640" title="code-android2" width="606" /></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: center;">
<span style="color: red;"><span style="font-size: large;"><b>اكواد اخرى مميزة جدا </b></span></span><br />
<br />
<br />
<div style="text-align: right;">
هذا الصور تحتوى على مجموعة كبيرة من أكواد الإختصارات و الشفرات لجميع أنواع
أجهزة المحمول و الموبايلات التى تعمل بنظام تشغيل اندرويد تسهل عليك
التعامل مع الموبايل.</div>
<br /></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv54qGAqqmKefhRs9D3bHhOTroCUNwnselDgl4G64Cz0-hdsycawIlc-IEiX-cJB0SZiY7gFdVZajQ_JtivDb5jyPP_8RBmcLQV1e_zM_m3DhY7r5ZbQPBQf3i2S4EpfbZh2suHttwBEA/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="code-android3" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv54qGAqqmKefhRs9D3bHhOTroCUNwnselDgl4G64Cz0-hdsycawIlc-IEiX-cJB0SZiY7gFdVZajQ_JtivDb5jyPP_8RBmcLQV1e_zM_m3DhY7r5ZbQPBQf3i2S4EpfbZh2suHttwBEA/s1600/1.jpg" height="320" title="code-android3" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCvtMSyhjovnsjowXAiZ9lHnuyIHDLBVn441QMHJ7C7brAIvbASqEb9Q-WujqgfWlr0NegZv4q2MjnokGRjlBUaE3NMaMrpb3rQ2O3h33zxBUIygbOIGA3cTmC2YWczU-4i55xiy0BMAo/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCvtMSyhjovnsjowXAiZ9lHnuyIHDLBVn441QMHJ7C7brAIvbASqEb9Q-WujqgfWlr0NegZv4q2MjnokGRjlBUaE3NMaMrpb3rQ2O3h33zxBUIygbOIGA3cTmC2YWczU-4i55xiy0BMAo/s1600/2.jpg" height="216" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ3Drl_NqXbB6rAIja-Ai7ZPmDXXbGUJGGOdp0Pq-RHixEJF4FFPH5VHk1m9MUN7qx1cZAg3oUnjLc7ebK2pVBrWlzgCu9KNUtebbpXvkz-XRwddUnHUqST3zI8oCRT0qAuop-FXiJ1FI/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="code android 4" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ3Drl_NqXbB6rAIja-Ai7ZPmDXXbGUJGGOdp0Pq-RHixEJF4FFPH5VHk1m9MUN7qx1cZAg3oUnjLc7ebK2pVBrWlzgCu9KNUtebbpXvkz-XRwddUnHUqST3zI8oCRT0qAuop-FXiJ1FI/s1600/3.jpg" height="312" title="code android 4" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihbKEwsKLdftFCe6yoTClnDi2pume-cHGZazCmxKJTtYMc7bn1vI3kAaXaejyJgP93gfLNRrm5Vfa1n1aHixd_xNR6mPZaxTqpcaW_krLNuEP7mTjALM1amxh0ldNcyLLthyphenhyphenItO8hmZgg/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="code android 5" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihbKEwsKLdftFCe6yoTClnDi2pume-cHGZazCmxKJTtYMc7bn1vI3kAaXaejyJgP93gfLNRrm5Vfa1n1aHixd_xNR6mPZaxTqpcaW_krLNuEP7mTjALM1amxh0ldNcyLLthyphenhyphenItO8hmZgg/s1600/4.jpg" height="213" title="code android 5" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfyvhkiDE9CbTM2w5gJbMojBo5yWW-KoSCl6nbVOfbme8exxlE0ER4ZkT-Ysr05OnUAyhdTdklq38SbWQFKdgbsGEA76sdcI5R-W0Kx-Qtt6cqjBhWIv_XHFto6nsqBnpSsTADqQY3ys0/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="code android 6" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfyvhkiDE9CbTM2w5gJbMojBo5yWW-KoSCl6nbVOfbme8exxlE0ER4ZkT-Ysr05OnUAyhdTdklq38SbWQFKdgbsGEA76sdcI5R-W0Kx-Qtt6cqjBhWIv_XHFto6nsqBnpSsTADqQY3ys0/s1600/5.jpg" height="287" title="code android 6" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
</div>
<div style="text-align: center;">
نرجوا ان يكون نال الموضوع اعجابكم </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-21690112614922298302013-07-13T21:03:00.002-07:002013-07-25T17:06:30.121-07:00افضل مواقع العاب الاندرويد <div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
بسم الله الرحمن الرحيم </div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="android" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Lq3L4HH8XegM2fOIBHHROWpDZ3Q8VPyyYaoti3ynWAFjI5ZUggIt-qZjJUoPKfck2VogwLpRSTAByeaR9Yvh79Js9Ekc4oOftHsMu5-gLo-tXHR8Dci9qaFPKTaJQXC91d91XScWd40/s1600/Android.jpg" height="355" style="cursor: move;" title="android" width="400" /></div>
<br />
<br />
<br />
<div style="text-align: justify;">
كثير منا يستخدم فى تنزيل الالعاب الخاصة بالهواتف التى تعمل بنظام الاندرويد Play store<br />
لتنزيل الالعاب من خلالة ولكن توجد العاب كثيرة فى غاية الجمال والروعة<br />
تكون غير مرئية عن اعيننا ولا نستطيع الوصول لها من خلال Play store</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
فى هذا الموضوع استعرض عليكم افضل مواقع على الاطلاق لتنزيل العاب<br />
الهواتف التى تدعم الاندرويد والميزة فى تلك المواقع سهولة تحميل الالعاب منها </div>
<br />
<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://www.androidgame365.com/" rel="nofollow" target="_blank">http://www.androidgame365.com</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://www.androidgamesroom.com/" rel="nofollow" target="_blank">http://www.androidgamesroom.com</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://www.androidshock.com/" rel="nofollow" target="_blank">http://www.androidshock.com</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://www.ea.com/android" rel="nofollow" target="_blank">http://www.ea.com/android</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://android.mob.org/" rel="nofollow" target="_blank">http://android.mob.org</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://www.tegrazone.com/" rel="nofollow" target="_blank">http://www.tegrazone.com</a></div>
<br />
<div style="text-align: center;">
<a href="http://1mobile.com/" rel="nofollow" target="_blank">http://1mobile.com</a></div>
</div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-88829388255301486082013-07-11T20:57:00.001-07:002013-07-25T17:09:05.714-07:00تعليم كيفيه تصميم موقع بلغه (HTML) الدرس الثانى<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: x-large;"><span style="font-size: small;">بسم الله الرحمن الرحيم</span></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsNEqNecuxUfeR209QtS8C9-mBF4OUQ366B5Y4xpFB5_zIn5oMIXqaesDv6ipo_HVzRtwSLmlSom2oVCIQAwNvXDGxLlBSjr_2WZkhSqJMYtLvHd1-7jiDVisVn-Ig7UkoUu3SwQ3zv0M/s1600/webdesign.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-web" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsNEqNecuxUfeR209QtS8C9-mBF4OUQ366B5Y4xpFB5_zIn5oMIXqaesDv6ipo_HVzRtwSLmlSom2oVCIQAwNvXDGxLlBSjr_2WZkhSqJMYtLvHd1-7jiDVisVn-Ig7UkoUu3SwQ3zv0M/s1600/webdesign.jpg" height="300" title="design-web" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;">قمنا فى <a href="http://www.web-colour.com/2013/07/design-web.html" target="_blank"><span style="color: red;"><b>الدرس الاول</b></span></a> بشرح كيف تنشأ صفحة ويب عن طريق لغة HTML فى هذا الدرس سوف استعرض عليكم كيفية </span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;">ادراج الالوان وكتابة النصوص وتغير احجام الخطوط</span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><br /></span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;">اولا: نبدا بحجم الخطوط الكود الخاص بها لتغير احجام الخطوط </span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><br /></span></span></div>
<div style="text-align: right;">
<span style="color: blue;"><span style="font-size: large;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: blue;"><span style="font-size: large;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: blue;"><span style="font-size: large;"><html><br /><head><br /><title><br />صفحتي الأولى<br /></title><br /><head/><br /><body><br /><center><br /><h1/> ھذا ھو خط 1 <h1><br /><h2/> ھذا ھو خط 2 <h2><br /><h3/> ھذا ھو خط 3 <h3><br /><h4/> ھذا ھو خط 4 <h4><br /><h5/> ھذا ھو خط 5 <h5><br /><h6/> ھذا ھو خط 6 <h6><br /><center/><br /><body/><br /><html/></span></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: right;">
<br />
<span style="color: blue;"><span style="font-size: large;"><h1/> هنا اكتب ما تشاء على حسب الحجم الذى تريدة <h1></span></span></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-large;"><span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1E59-fbgjkXGZdfnhLEM-Qvyeme81K2JZS06IlenRrSJlEDzIYrbegCC92obmGQ7cSuqE3P8O6X2w4OiHKKAohy6418iVuG3kh66-onSzxvWlcHfyQkvR00YokZ1V_aDGtNvEt5WGJig/s1600/6787989797.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-web1" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1E59-fbgjkXGZdfnhLEM-Qvyeme81K2JZS06IlenRrSJlEDzIYrbegCC92obmGQ7cSuqE3P8O6X2w4OiHKKAohy6418iVuG3kh66-onSzxvWlcHfyQkvR00YokZ1V_aDGtNvEt5WGJig/s1600/6787989797.jpg" height="203" title="design-web1" width="640" /></a></span></span></div>
<br />
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"> ثانيا : كتابة النصوص </span></span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;">يدخل بها خصائص عديدة فا الكود الخاص بكتابة النص هو <b><span style="color: blue;"><p/></span></b> هنا يكتب النص <b><span style="color: blue;"><p></span></b></span></span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><span style="color: blue;"><span style="color: black;">اذا كنت تريد ان تكتب نص بخط مائل فا الكود الخاص به هو <b><span style="color: blue;"><em/></span></b> الكلام يصبح مائل <span style="color: blue;"><b><em> </b><span style="color: black;">وهناك كود اخر </span></span></span></span></span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;">يقوم بميل الخطوط وهو <span style="color: blue;"><b><i/> </b> <span style="color: black;">كود اخر يصبح من خلالة الكلام مائل</span><b><span style="color: black;"> </span> <i></b></span> </span></span></span></span></span></span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;"> اذا كنت تريد ان يوجد اسفل الكلام خط فا الكود الخاص بة هو <b><span style="color: blue;"><strike/></span></b> يصبح اسفل الكلام خط <span style="color: blue;"><b><strike</b><b>> </b></span></span></span></span></span></span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;">ويوجد كود اخر وهو <span style="color: blue;"><b><U/></b></span> اسفل الكلام خط <span style="color: blue;"><b><U></b></span></span><b> </b></span> </span></span></span></span></span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><b> </b></span></span></span><b><span style="color: blue;"> </span></b></span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;">اذا كنت تريد ان يوجد كلمة مميزة غامقة اللون فا الكود الخاص بها هو<span style="color: blue;"><b> </b></span></span></span><span style="font-size: x-large;"><span style="font-size: small;"><span style="color: blue;"><b><span style="font-size: x-large;"><span style="font-size: small;"><span style="color: blue;"><b><b/></b></span></span></span> </b><span style="color: black;"><b></b>تصبح الكلمة غامقة الون</span><b> <b> </b><span style="color: black;">ويوجد كود</span></span></span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><span style="color: blue;"><span style="color: black;">اخر لتغميق الون وهو <b><span style="color: blue;"><strong> </span></b><span style="color: blue;"><span style="color: black;">يصبح لون الكلمة اغمق</span></span><b><span style="color: blue;"><span style="color: black;"> </span> </strong></span></b></span></span></span></span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><span style="color: blue;"><span style="color: black;"><b><span style="color: blue;"> </span></b><span style="color: blue;"><span style="color: black;">هيا نستعرض الخطوات السابقة ونرها على الطبيعة </span></span></span></span></span></span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: left;">
<span style="color: blue;"><br /><span style="font-size: x-large;"><span style="font-size: small;"><b> <html><br /><head><br /><title><br />صفحتي الأولى<br /><title/><br /><head/><br /><body><br /><center><br /><h/> السلام علیكم ورحمة الله وبركاته <h4><br />أھلا وسھلا بكم في موقعي الوان الويب <br /><br><br /><em/> تصميم <em><br /><p/> یمكنك في ھذا الموقع ان تجد كل ما هو جديد فى عالم التصميم والابداع <p><br /> <u/> فوتوشوب <u> </b></span></span></span><span style="font-size: x-large;"><span style="font-size: small;"><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><b><center/><br /><body/><br /><html/></b></span></span></span></span></span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-large;"><span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiICR8IrxQiM-2V1COhW2sZsVmcFlaQmzhKoyb-tsnd9x0reVaw-AZ6EoTfUXMaJ_MtMew8d_ZFXoDoS7B4znAEyLCZw5vPNRs0VlwgzhSTKO5vxna7oNw9oCiaMR-ePEEpeH63FBLp_ms/s1600/yufifyuiouy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-web2" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiICR8IrxQiM-2V1COhW2sZsVmcFlaQmzhKoyb-tsnd9x0reVaw-AZ6EoTfUXMaJ_MtMew8d_ZFXoDoS7B4znAEyLCZw5vPNRs0VlwgzhSTKO5vxna7oNw9oCiaMR-ePEEpeH63FBLp_ms/s1600/yufifyuiouy.jpg" height="408" title="design-web2" width="640" /></a></span></span></div>
<br />
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"> ثالثا : <span style="color: red;"><b><a href="http://www.web-colour.com/2013/06/color-picker.html" target="_blank">ادخال الوان</a></b> </span>على النصوص وعلى خلفية الصفحة </span></span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;">بالنسبة للون الصفحة فهيا تكتب مع الامر </span></span><span style="font-size: x-large;"><span style="font-size: small;"><span style="color: blue;"><span style="font-size: x-large;"><span style="font-size: small;"><b><body></b></span></span></span> فى اول التصميم للصفحة. كتابة الون تاخذ شكلان اما بالارقام او باسم اللون </span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;">يكون الامر </span></span></div>
<div dir="ltr" style="text-align: left;">
<tt><body bgcolor="</tt><tt>اسم أو رمز اللون"></tt></div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
<br />
<br />
<span style="font-size: x-large;"><span style="font-size: small;"> </span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><br /></span></span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: left;">
<span style="font-size: x-large;"><span style="font-size: small;"> </span></span><span style="color: blue;"><br /><span style="font-size: x-large;"><span style="font-size: small;"><b> <html><br /><head><br /><title><br />صفحتي الأولى<br /><title/><br /><head/></b></span></span></span></div>
<div dir="ltr" style="text-align: left;">
<span style="font-size: large;"><span style="color: blue;"><tt><body bgcolor="</tt><tt>#990000"></tt></span></span></div>
<div style="text-align: left;">
<span style="color: blue;"><span style="font-size: x-large;"><span style="font-size: small;"><b><center><br /><h4/> السلام علیكم ورحمة الله وبركاته <h4><br />أھلا وسھلا بكم في موقعي الوان الويب <br /><br><br /><em/> تصميم <em><br /><p/> یمكنك في ھذا الموقع ان تجد كل ما هو جديد فى عالم التصميم والابداع <p><br /> <u/> فوتوشوب <u> </b></span></span></span><span style="font-size: x-large;"><span style="font-size: small;"><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><b><center/><br /><body/><br /><html/></b></span></span></span></span></span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"> بعد التجربة العملية تظهر الصفحة بهذا الشكل و يمكن كتابة الكود بدلا من الارقام بالغة الانجليزية يعطى نفس النتيجة </span></span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div dir="ltr" style="text-align: left;">
<span style="font-size: large;"><span style="color: blue;"><tt><body bgcolor="</tt><tt>red"></tt></span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><br /></span></span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-large;"><span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgja6iE-u38pyLgFphVtQDIGFSvGsyLivCMpkMGJq4WFJX79BhEIdEKL8G17u1SlRq3pRCHhhlBrwVcYgZSCz-Dr7Kuv1lKsqIyKlZaDu5wJBF2EvyjqaHYFvSen4I-WZVvl3UEsl6t8h4/s1600/%D9%8A%D8%B3%D9%84%D8%B3%D9%84%D9%82.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-web3" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgja6iE-u38pyLgFphVtQDIGFSvGsyLivCMpkMGJq4WFJX79BhEIdEKL8G17u1SlRq3pRCHhhlBrwVcYgZSCz-Dr7Kuv1lKsqIyKlZaDu5wJBF2EvyjqaHYFvSen4I-WZVvl3UEsl6t8h4/s1600/%D9%8A%D8%B3%D9%84%D8%B3%D9%84%D9%82.jpg" height="280" title="design-web3" width="400" /></a></span></span></div>
<br />
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><br /></span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><br /></span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><br /></span></span></div>
<div style="text-align: right;">
<br />
لتغيير لون أو حجم أو نوع الخط , نستخدم الأمر font( والذي له وسمين للبداية
والنهاية ) وذلك من خلال الأوامر:<br />
color .. للون<br />
size .. للحجم<br />
face ..
لنوع الخط<br />
وهذه الأوامر الثلاثة تكون <u>داخل</u> وسم البداية للأمر font </div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: left;">
<span style="color: blue;"><html><br /><head><br /><title><br />صفحتي الأولى<br /><title/><br /><head/><br /><body><br /><center><br /><span style="color: black;"><b> <font face="andalus" color="#EB0202" size="6"></b></span><br />السلام علیكم ورحمة الله وبركاته<br /><font/><br /><br> <br />أھلا وسھلا بكم في موقعي الوان الويب<br /><br><br /><em/> تصميم <em><br /><p/> یمكنك في ھذا الموقع ان تجد كل ما هو جديد فى عالم التصميم والابداع <p><br /> <u/> فوتوشوب <u><br /><center/><br /><body/><br /><html/></span> </div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMwwjv8TUddd7A_-zmu3QR8223D4-FgVOKeTwSR-pYpf0usTtgoMvP4kyYNOoblTWvVmKtiJSVdEgIXY9t-1SMGsToYe9KiFtd1XucoC5nr0C4P0l4vpeZi_x84VxUAyiolIS42FxnhM4/s1600/%D8%A6%D9%8A%D9%84%D9%8A%D8%B3%D8%BA%D9%84%D8%AB%D8%B3%D9%82%D8%BA.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-web4" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMwwjv8TUddd7A_-zmu3QR8223D4-FgVOKeTwSR-pYpf0usTtgoMvP4kyYNOoblTWvVmKtiJSVdEgIXY9t-1SMGsToYe9KiFtd1XucoC5nr0C4P0l4vpeZi_x84VxUAyiolIS42FxnhM4/s1600/%D8%A6%D9%8A%D9%84%D9%8A%D8%B3%D8%BA%D9%84%D8%AB%D8%B3%D9%82%D8%BA.jpg" height="246" title="design-web4" width="400" /></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<tt> ملحوطة عند اختيار الخط لابد فى تصميم موقعك اختار خط يكون شائع لانك اذا قمت باختيار نوع خط غريب عن الجمهور فلا يظهر عند احد متصفحى موقعك لان لا يوجد عندهم هذا الخط مثلك</tt></div>
<div style="text-align: right;">
<tt><br /></tt></div>
<div style="text-align: right;">
<tt><br /></tt></div>
<div style="text-align: left;">
<tt><br /></tt></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><br /></span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><br /></span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><br /></span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><br /></span></span></div>
<div style="text-align: right;">
<span style="font-size: x-large;"><span style="font-size: small;"><br /></span></span></div>
<div style="text-align: right;">
</div>
</div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-90042360988255310942013-07-09T19:00:00.000-07:002013-07-25T17:09:36.256-07:00تعلم كيفية إظهار زوار مدونتك وبلد كل زائر اون لاين <div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
بسم الله الرحمن الرحيم </div>
<br />
<br />
يشغل الكثير من اصحاب المدونات عدد الزيارات اليومية للمدونة وعدد الزوار المتواجدة اون لاين سوف استعرض عليكم فى هذا<br />
الموضوع ان تشاهد كم عدد المتواجدون حاليا فى مدونتك وما هى بلادهم من خلال حركة فلاشية فى غالية الروعة<br />
<br />
<br />
<br />
<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/AVvXsEjc8zDLRJ8d6Cuyg8zDxH-wM8-kbnWfL0vzMgCRnsk5MM4n6dtmJ1FcZwlg01N53N4jI0EchHj2Gy97bej3Eobu6bN3bIDdY9Bbh0YpUrPPIbzzlnAun3TG6XF_URNIcTcYpfDBSa9H964/s1600/pppppppp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="who-online" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc8zDLRJ8d6Cuyg8zDxH-wM8-kbnWfL0vzMgCRnsk5MM4n6dtmJ1FcZwlg01N53N4jI0EchHj2Gy97bej3Eobu6bN3bIDdY9Bbh0YpUrPPIbzzlnAun3TG6XF_URNIcTcYpfDBSa9H964/s1600/pppppppp.jpg" height="209" title="who-online" width="320" /></a></div>
<br />
اولا :- قم بالدخول الى هذا الموقع <a href="http://www.99counters.com/" rel="nofollow" target="_blank">http://www.99counters.com</a><br />
<br />
قم بالاشتراك فى الموقع بالاميل الخاص بيك من Log In<br />
بعد الدخول بالميل الخاص بك قم باختيار البلد التى انت منها كما مبين فى الصورة<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFyZNSMMerkqZQmuQL4fSJMB6KmR9AfJ7zhYCtMSMcOerCXcUafGPdmcvTVGl19i4v8ndWD7rktsG5AWG2crmpaCDmSdDVVzAPNArNWrkhvFd8bi9PSCo1fTcfMuNyKNKEBXI4qAfIfHw/s1600/4u6yuyr.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="who-online1" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFyZNSMMerkqZQmuQL4fSJMB6KmR9AfJ7zhYCtMSMcOerCXcUafGPdmcvTVGl19i4v8ndWD7rktsG5AWG2crmpaCDmSdDVVzAPNArNWrkhvFd8bi9PSCo1fTcfMuNyKNKEBXI4qAfIfHw/s1600/4u6yuyr.jpg" height="329" title="who-online1" width="640" /></a></div>
<br />
<br />
بعد الدخول الى Create Counter سوف يظهر لك هذه القائمة كما مبين فى الصورة اختر من theme الوان الذى تفضلة<br />
ثم اكتب اسم بلد ثم تبدا بالعمل عندما يكون كم عدد الزوار المتواجدون ثم وقت البلد<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRmSiQcudmY-R6NaVvn4kMXEDjvMeRwOLezJvQq9cGhP0ASujeEmN9yTyXg22djY6BCD9J0QvJt7glQbXCVkgG2HiCszhx4olwLtU4u3BXeUbNoycgcRnzg36MJmT7XurPvJZRYlEf6uE/s1600/iuouuo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="who-online2" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRmSiQcudmY-R6NaVvn4kMXEDjvMeRwOLezJvQq9cGhP0ASujeEmN9yTyXg22djY6BCD9J0QvJt7glQbXCVkgG2HiCszhx4olwLtU4u3BXeUbNoycgcRnzg36MJmT7XurPvJZRYlEf6uE/s1600/iuouuo.jpg" height="361" title="who-online2" width="640" /></a></div>
<br />
<br />
<br />
يوجد فى الاعلى كلمة My Themes لو كنت ترغب فى تصميم الموضوع بطريقتك والتحكم فى المقاسات ولون الخط<br />
والاطار الخارجى <br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs28cwX3mzPMZ5D-Px3r_zpaT6B4QGKDY3eJSyXlNxtfxHJgzhq14_DtL2YU4rvCSMFV1Aa0Te8ZliF1Wtvt1nPJBcFwMiLmcMP_ZJpbiZU-wgHpZkIFvdVmTqm1Q44xnhAQ3oLsP84UQ/s1600/%5Bo%5Bp%5Biio.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="who-online3" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs28cwX3mzPMZ5D-Px3r_zpaT6B4QGKDY3eJSyXlNxtfxHJgzhq14_DtL2YU4rvCSMFV1Aa0Te8ZliF1Wtvt1nPJBcFwMiLmcMP_ZJpbiZU-wgHpZkIFvdVmTqm1Q44xnhAQ3oLsP84UQ/s1600/%5Bo%5Bp%5Biio.jpg" height="410" title="who-online3" width="640" /></a></div>
<br />
<br />
بعد الانتهاء من التصميم ارجع لكلمة My Counters ثم ادخل على كلمة Theme سوف تجد الاسم الذى قمت تسجيل<br />
العمل بة موجود اضغط علية وتاكد باكتمال البيانات اسم البلد والوقت ثم اضغط Save سوف يظهر لك كود <br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyij8FGzKcO9XUqakQABQl8jjsCLO8KfTawkqjttEgaxhUPnkZ0fI5zkLdX_LWiSX6rly5XQDFzsGFQTzmjoeLjkZMKoH-mEVOK4JPz-11DmBqgch2PTpvHwPITidEOBkxFTMSN9lLKpQ/s1600/%D9%82%D8%AB%D9%84%D8%A7%D8%AB%D9%82%D9%84%D8%A7%D8%AB.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="who-online4" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyij8FGzKcO9XUqakQABQl8jjsCLO8KfTawkqjttEgaxhUPnkZ0fI5zkLdX_LWiSX6rly5XQDFzsGFQTzmjoeLjkZMKoH-mEVOK4JPz-11DmBqgch2PTpvHwPITidEOBkxFTMSN9lLKpQ/s1600/%D9%82%D8%AB%D9%84%D8%A7%D8%AB%D9%82%D9%84%D8%A7%D8%AB.jpg" height="320" title="who-online4" width="640" /></a></div>
<br />
ثم ادخل الى المدونة الخاصة بك اذهب الى كلمة تخطيط ثم اختر أداة لابد من ان تكون الأداة HTML/JAVASCRIPT<br />
ثم قم بتنزيل الكود بداخل الأداة واذهب الى مدونتك وشاهد عدد زوار الصفحة ومن اين بلادهم اونلاين<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
نسال الله ان يكون نال الموضوع اعجابكم وشكرا لمتابعتكم لنا </div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-68776743812388691142013-07-06T18:54:00.000-07:002013-07-07T14:17:44.957-07:00اصنع من صور بروفايلك انت واصدقائك فديو على الفيس بوك <div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: large;">بسم الله الرحمن الرحيم </span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://web-colors.blogspot.com/search/label/%D9%81%D9%8A%D8%B3%20%D8%A8%D9%88%D9%83" target="_blank">للفيس بوك</a> خدع وخفايا يجهلها كثير منا معنا فى مدونة <b><span style="color: red;">"<a href="http://web-colors.blogspot.com/" target="_blank">الوان الويب</a>"</span></b> سوف نقوم بشرح تفصيلى لكل خفايا وخدع الفيس بوك .</div>
<div style="text-align: center;">
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBao7tvhiqojbPKHG0zdPQQspHhrBhKJGEfo7ENFIPSJ2jphQWUU0XaZlbI3zZ8xSu_04oxHX3WpEsxDr-lpZS_Vjm0cpDgLv6gNQ5Lnv37Oq1KCWbuThYRnTZpl9eeS37pKYiXi7RRLQ/s1600/fb.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="photo-fb" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBao7tvhiqojbPKHG0zdPQQspHhrBhKJGEfo7ENFIPSJ2jphQWUU0XaZlbI3zZ8xSu_04oxHX3WpEsxDr-lpZS_Vjm0cpDgLv6gNQ5Lnv37Oq1KCWbuThYRnTZpl9eeS37pKYiXi7RRLQ/s1600/fb.png" height="318" title="photo-fb" width="320" /></a></div>
<br />
<br />
<br />
<div style="text-align: right;">
يعد تبادل الصور بين الاصدقاء على الفيسبوك من الامور المستحبة بين الاصدقاء وبعضها الموقع التالى :- <a href="http://www.pixable.com/">http://www.pixable.com</a> </div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
يتيح لك ان تصنع من صورك انت واصدقائك فديو بطريقة جميلة يمكن من خلالة استعراض صور متعددة على هيئة فديو.</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ9_9DAKcOqIJch-aqGNPTxFkMKjvt8IcWHo-XR-rZjKL7OFxJSCtmW21IXtNribKZSPctGfbda5Goi8JOfZia5k5UpHdTD8IfiPUWUQHZRY8eOJpA3kv-PycEM5qO5OqkBljleWb7RKs/s1600/6586535.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="photo-fb1" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ9_9DAKcOqIJch-aqGNPTxFkMKjvt8IcWHo-XR-rZjKL7OFxJSCtmW21IXtNribKZSPctGfbda5Goi8JOfZia5k5UpHdTD8IfiPUWUQHZRY8eOJpA3kv-PycEM5qO5OqkBljleWb7RKs/s1600/6586535.jpg" height="302" title="photo-fb1" width="640" /></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
وايضا يتيح لك الموقع استعراض كافة صور اصدقائك بدون الدخول لبروفايل كل منهم على حد</div>
<div style="text-align: right;">
فالصور تظهر من الموقع منسدلة اسفل بعضها </div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0QyW4_3Iv8ZnBmfpaBj4JsUiIBJt3CAERniD3xiasUYauBNO_fYnQiUrTLm1PO-NHl8voAvrGjzNf9rpfnKN6Mx3qf3liucnKpVEQu2zKaxiV2LT_U9Sv5xiYD3udQu0mHDQd-jtjpVc/s1600/pop1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="photo-fb2" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0QyW4_3Iv8ZnBmfpaBj4JsUiIBJt3CAERniD3xiasUYauBNO_fYnQiUrTLm1PO-NHl8voAvrGjzNf9rpfnKN6Mx3qf3liucnKpVEQu2zKaxiV2LT_U9Sv5xiYD3udQu0mHDQd-jtjpVc/s1600/pop1.jpg" height="307" title="photo-fb2" width="640" /></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
الاشتراك فى الموقع يستحق التجربة لان يوجد بة تقسيمات لك فترات الصور والفديو الخاصة بك انتا واصدقائك وامور اخرى كثيرة </div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-87434813168541994962013-07-06T16:39:00.000-07:002013-07-06T16:46:31.706-07:00كيفية ادراج فلاش فى صفحة ويب Html<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: justify;">
بسم الله الرحمن الرحيم</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
السلام عليكم ورحمة الله وبركاته</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
إستكمالا لدورة تعلم تصميم المواقع بلغة Html ،فى هذا الدرس سنتعرف على كيفية إضافة فلاش على صفحة ويب أو على المواقع التى تعمل بلغة Html مثل بلوجر و الورد بريس.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLOfSIUK9q3gTOLv3P2IAkGW7Y6QfuxIxRkJl6FYLz5Bq2W6WKQ73Z-3rMZCoxWrrEbOzPUdoFLu3CH3ZqzACY9y3BcjGR-KbZHghnM2bVu7zLfCP5hEadtO-OVop2RbBnSXUnKkUYf5M/s1600/fl.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="flash-icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLOfSIUK9q3gTOLv3P2IAkGW7Y6QfuxIxRkJl6FYLz5Bq2W6WKQ73Z-3rMZCoxWrrEbOzPUdoFLu3CH3ZqzACY9y3BcjGR-KbZHghnM2bVu7zLfCP5hEadtO-OVop2RbBnSXUnKkUYf5M/s1600/fl.jpg" title="flash-icon" /></a></div>
<span style="font-size: small;"><span style="color: red;"><b>يمكن متابعة الدروس السابقة :</b></span></span><br />
<a href="http://web-colors.blogspot.com/2013/06/web-design.html" target="_blank">1.كيف أبدأ تعلم التصميم على الإنترنت</a><br />
<a href="http://web-colors.blogspot.com/2013/06/html-lesson-.html" target="_blank">2.مقدمة عن أكواد Html وفائدتها</a><br />
<a href="http://web-colors.blogspot.com/2013/07/design-web.html" target="_blank">3. كيفية تصميم موقع بلغة Html</a><br />
<br />
<div style="text-align: justify;">
فالفلاش يستعين به كثير من أصحاب المواقع كهيدر فلاشى أو إضافة ألعاب الفلاش ولكن يفضل التقليل من الإضافات الفلاشية فى الصفحة حتى تكون سريعة التحميل. </div>
<div style="text-align: justify;">
<span style="color: red;"><u><b>الخطوة الأولى:</b></u></span></div>
<div style="text-align: justify;">
صنع ملف فلاش بإستخدام البرامج المخصصة لذلك مثل برنامج Adobe Flash
Studio أو Flash Banner Maker أو برنامج <span class="st">adobe <i>flash</i> professional أو برنامج Swishmax ,............... وغيرها من البرامج الكثيرة المهم أن يكون الملف بصيغة SWF</span></div>
<div style="text-align: justify;">
<span class="st"><br /></span>
<span class="st"><u><span style="color: red;"><b>الخطوة الثانية:</b></span></u></span></div>
<div style="text-align: justify;">
<span class="st">رفع الفلاش على شبكة الإنترنت على أى موقع إستضافة برابط مباشر بمعنى ينتهى الرابط بإمتداد الملف الفلاشى SWf</span></div>
<div style="text-align: justify;">
<span class="st">إذا كنت لا تمتلك موقع إستضافة يمكن إستخدام الدروبوكس <a href="http://db.tt/SuApzntP" rel="nofollow" target="_blank">Dropbox </a> فى حفظ الملفات والحصول على رابط مباشر.</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span class="st"><span style="color: red;"><u><b>الخطوة الثالثة: </b></u></span></span></div>
<div style="text-align: justify;">
<span class="st">بعد الحصول على الرابط المباشر للفلاش يمكن إستبداله بالرابط الملون باللون الأزرق بالكود التالى ثم نسخ الكود إلى صفحة الويب </span></div>
<br />
<center>
</center>
<center>
</center>
<center>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 100px; margin: 0px; overflow: auto; padding: 6px; width: 500px;"><span style="color: #ff8000;"><embed src="<b><span style="color: blue;">https://dl.dropboxusercontent.com/u/80212138/%D9%85%D8%AF%D9%88%D9%86%D8%A9%20%D9%83%D9%86%20%D8%AF%D8%A7%D8%B9%D9%8A%D8%A7%20%D9%84%D9%84%D8%AE%D9%8A%D8%B1/demo/%D8%A3%D9%84%D9%88%D8%A7%D9%86%20%D8%A7%D9%84%D9%88%D9%8A%D8%A8.swf</span></b>"
quality="high" allowscriptaccess="always"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"
align="middle" height="<span style="color: red;">150</span>"
width="<span style="color: red;">150</span>"></embed>
</span></pre>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
</div>
</center>
<br />
أما إذا كنت تريد إضافة الفلاش مع خلفية شفافة فيمكن إستخدام هذا الكود<br />
<center>
</center>
<center>
</center>
<center>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 100px; margin: 0px; overflow: auto; padding: 6px; width: 500px;"><span style="color: #ff8000;"><br />
<center>
<embed height="<b><span style="color: #38761d;">150</span></b>" src="<b><span style="color: blue;">https://dl.dropboxusercontent.com/u/80212138/%D9%85%D8%AF%D9%88%D9%86%D8%A9%20%D9%83%D9%86%20%D8%AF%D8%A7%D8%B9%D9%8A%D8%A7%20%D9%84%D9%84%D8%AE%D9%8A%D8%B1/demo/%D8%A3%D9%84%D9%88%D8%A7%D9%86%20%D8%A7%D9%84%D9%88%D9%8A%D8%A8.swf</span></b>" type="application/x-shockwave-flash" width="<b><span style="color: #38761d;">150</span></b>" <b><span style="color: purple;">wmode="transparent</span></b>"></embed>
<center>
</span></pre>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
</div>
</center>
يمكن التحكم فى طول وعرض الفلاش بتغيير قيم الطول والعرض بالكود width ,height<br />
<br />
<h2 style="text-align: right;">
<span style="color: red; font-size: large;">إستخدام محرر Html للإضافة فلاش إلى صفحات الويب:</span></h2>
<h3 style="text-align: right;">
<span style="color: red;"><span style="color: black;"><span style="font-weight: normal;"><span style="font-size: small;">يمكن بإستخدام البرامج ومحررات أكواد Html الحصول على الكود المناسب لإضافة الفلاش بصفحة الويب وضبط الإعدادات المناسبة لذلك وهذا مثال بسيط:</span></span></span></span></h3>
<h3 style="text-align: right;">
<span style="color: red;"><span style="color: black;"><span style="font-weight: normal;"><span style="font-size: small;">إذهب إلى <a href="http://web-colors.blogspot.com/2013/06/html-editor.html#.UdiWl6xq-nA" target="_blank">محرر أكواد Html</a> </span></span></span></span></h3>
<h3 style="text-align: right;">
<span style="color: red;"><span style="font-size: small;"><span style="color: black;"><span style="font-weight: normal;"> ثم إضغط على أيقونة الفلاش الموجودة بشريط الأدوات</span></span></span></span></h3>
<h3 style="text-align: right;">
<span style="color: red;"><span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLnTKlZxz5aEhdQxXCakCDOpvCg9UCLsSh2b2dAT_irH9qZ2l1PK88dQqiw4hBWak3eCTMfhEfZmkmSz1ZqIqSRyZPC3fNyDBYbETbvfXeK8AXPfIew0a-6t56y717oJArM9uyHFHsjjQ/s1600/156.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="html-editor" border="0" height="347" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLnTKlZxz5aEhdQxXCakCDOpvCg9UCLsSh2b2dAT_irH9qZ2l1PK88dQqiw4hBWak3eCTMfhEfZmkmSz1ZqIqSRyZPC3fNyDBYbETbvfXeK8AXPfIew0a-6t56y717oJArM9uyHFHsjjQ/s640/156.jpg" title="html-editor" width="640" /></a></span></span></h3>
<h3 style="text-align: right;">
<span style="color: red;"><span style="font-size: small;"><span style="color: black;"><span style="font-weight: normal;"> ثم كتابة رابط الفلاش المباشر بالجدول الخاص بإعدادات الفلاش وضبط الطول والعرض بتبويب general<br /> ولضبط المحاذاة والشفافية والجودة من تبويب properties</span></span></span></span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2CPyFbANrVLXP77_vfrQD4gO5S_bGr3J4mmrVDb-tXws30Y0AtjP_eFMwSgh_xV0q3LlXJW0nH0cemgGOV3TchNXPow9Z89caCdcgW8Hm51v2G25Jpn2lEDFwRirLZ8X8Rk5dDOqoRI/s1600/1455.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="html-codes" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2CPyFbANrVLXP77_vfrQD4gO5S_bGr3J4mmrVDb-tXws30Y0AtjP_eFMwSgh_xV0q3LlXJW0nH0cemgGOV3TchNXPow9Z89caCdcgW8Hm51v2G25Jpn2lEDFwRirLZ8X8Rk5dDOqoRI/s1600/1455.jpg" title="html-codes" /></a></div>
<h3 style="text-align: right;">
<span style="color: red;"><span style="font-size: small;"><span style="color: black;"><span style="font-weight: normal;">وللحصول على الكود إضغط علىsource أعلى شريط الأدوات بالمحرر <br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJpfQo8vipkpIty7vgxqhgLePilWNsan8SqPIspb6tjvu0a62YVLbXprqKFx0Sysn6NZ6RY4HeR8BNXk_Cpuaz4bnaD4mL_ZmDkc39BEWGvBc4GFMttBBE4-DnfFWaQLCkueO4_skUhN4/s1600/256.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJpfQo8vipkpIty7vgxqhgLePilWNsan8SqPIspb6tjvu0a62YVLbXprqKFx0Sysn6NZ6RY4HeR8BNXk_Cpuaz4bnaD4mL_ZmDkc39BEWGvBc4GFMttBBE4-DnfFWaQLCkueO4_skUhN4/s1600/256.jpg" /></a></div>
ثم إنسخ الكود داخل أى صفحة Html أو داخل موضوع بمدونة بلوجر أو وورد بريس</span></span></span></span></h3>
<h3 style="text-align: center;">
<span style="color: red;"><span style="font-size: small;"><span style="color: black;"><span style="font-weight: normal;"><span style="font-size: medium;"><span style="background-color: yellow;"><span style="color: red;"><b>الرجاء عدم نسخ الموضوع بدون ذكر مصدره ورابط المدونة </b></span></span></span></span></span></span></span></h3>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
</div>
</div>
Anonymoushttp://www.blogger.com/profile/10899493323126052743noreply@blogger.com1tag:blogger.com,1999:blog-3295639588751214901.post-63256402590873233652013-07-05T19:34:00.001-07:002013-07-06T15:05:30.552-07:00خدعة جديدة من الفيسبوك تعين اى شى من المنتجات العالمية على منشوراتك <div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: large;">بسم الله الرحمن الرحيم </span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://web-colors.blogspot.com/search/label/%D9%81%D9%8A%D8%B3%20%D8%A8%D9%88%D9%83" target="_blank">للفيس بوك</a> خدع وخفايا يجهلها كثير منا معنا فى مدونة <b><span style="color: red;">"<a href="http://web-colors.blogspot.com/" target="_blank">الوان الويب</a>"</span></b> سوف نقوم بشرح تفصيلى لكل خفايا وخدع الفيس بوك .</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
سوف استعرض عليكم موقع تقدر وانتا بتنزل اى حاجة على الفيسبوك تقدر تنسبها الى جميع انواع شركات المحمول فى العالم وجميع </div>
<div style="text-align: right;">
المنتجات العالمية كانك منزلها من جوة الشركة </div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<span style="color: red;"><span style="font-size: large;">اولا: <span style="color: black;"><span style="font-size: small;">عليك بالدخول للرابط التالى </span></span></span></span>:</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
www.fbstatusvia.com</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_-S6edIQ3Br5J65Hb0ROfpQwj9HqCrs-wjYBHDXGzdazFlnri4ZyhEyKWuS2DXXDEL-SofMGDT5YxYWFcEH5Q2qcvl_beAQbNiqlVRV9j7I_X1QeDhhsX40Pv0grWTQvKwmDa-jDF4zA/s1600/ytjky.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="fb-fake" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_-S6edIQ3Br5J65Hb0ROfpQwj9HqCrs-wjYBHDXGzdazFlnri4ZyhEyKWuS2DXXDEL-SofMGDT5YxYWFcEH5Q2qcvl_beAQbNiqlVRV9j7I_X1QeDhhsX40Pv0grWTQvKwmDa-jDF4zA/s400/ytjky.jpg" title="fb-fake" width="375" /></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
الموقع يوجد بداخلة اغلب شركات الهاتف وشركات البرامج وضامم اشياء عدة قم بالضغط على اى اسم من القائمة سوف تظهر </div>
<div style="text-align: right;">
هذة النافذة </div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXKKZlurAH4vNb7yk3LOA54WjsYbQAW2_sl3o38CI40U0w4uCb6gbaEi_C5J8MLv7MuTOoAt3S3Uu2qRWDoqwWn7dXWa8zbvom5bs6A2lXcRUVi8_7r_msyY6ewTNZlHlheyemSUQtvQk/s1600/9798.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="fb-fake1" border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXKKZlurAH4vNb7yk3LOA54WjsYbQAW2_sl3o38CI40U0w4uCb6gbaEi_C5J8MLv7MuTOoAt3S3Uu2qRWDoqwWn7dXWa8zbvom5bs6A2lXcRUVi8_7r_msyY6ewTNZlHlheyemSUQtvQk/s400/9798.jpg" title="fb-fake1" width="400" /></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
قم بادخال البوست الذى تريد نشره ثم اضغط shere </div>
<div style="text-align: right;">
اذا كنت تمتلك هاتف محمول نوكيا مثلا وتريد ان يظهر انك ترسل البوست من هاتف سامسونج s4</div>
<div style="text-align: right;">
اختار من القائمة سامسونجs4 وضع البوست الذى تريدة يظهر لك انك قمت من هاتف سامسونج s4 كما مبين فى الصورة </div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH-vxHR6NP2enMADL7xUH3RcKcYQojPBa1Rjc4n2Prr_7Y4NiMM5n6-97fEn20OLoWJBTrK22FvauO0ydEzCR6y-A6YBBPbM6XN3jfEdU8SZTN6lE1NQNgn8px4fvbJ1fRiokXVZg833U/s1600/fhtrh.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="fb-fake2" border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH-vxHR6NP2enMADL7xUH3RcKcYQojPBa1Rjc4n2Prr_7Y4NiMM5n6-97fEn20OLoWJBTrK22FvauO0ydEzCR6y-A6YBBPbM6XN3jfEdU8SZTN6lE1NQNgn8px4fvbJ1fRiokXVZg833U/s400/fhtrh.jpg" title="fb-fake2" width="400" /></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: center;">
<span style="font-size: large;">شكرا لمتابعتكم لنا </span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-21379300780994483802013-07-02T23:48:00.002-07:002013-07-05T13:41:37.921-07:00تعليم كيفيه تصميم موقع بلغه (HTML) الدرس الاول <div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<br />
<div style="text-align: center;">
<span style="font-size: x-large;"><span style="font-size: small;">بسم الله الرحمن الرحيم</span> </span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3attAEgxbeKJ3PxhclnFbeow6OAebNr96jgo07WO0XM1kapt_WjwUIINZJSBdUF0GXwf1Wri7kr49t5wLFTRs5mrv779iPa3Okw72ICpHjJNIdO1SQ4LJyw1vneuqCzW3TAoLtaaq-5s/s800/webdesign.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-web1" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3attAEgxbeKJ3PxhclnFbeow6OAebNr96jgo07WO0XM1kapt_WjwUIINZJSBdUF0GXwf1Wri7kr49t5wLFTRs5mrv779iPa3Okw72ICpHjJNIdO1SQ4LJyw1vneuqCzW3TAoLtaaq-5s/s800/webdesign.jpg" height="300" title="design-web1" width="400" /></a></div>
<br />
<span style="font-size: x-large;"> </span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
<span style="color: red; font-size: small;">مقدمة</span><span style="font-size: small;"> :- ان تعلم تصمیم و برمجة المواقع لیس بالامر الصعب و انما یحتاج فقط لبعض الجھد و المثابرة ، ولذلك انصحك عزیزي القارئ ان تقوم بتنفیذ الامثلة الموجودة في ھذا الموضوع بشكل عملي لكي تتعلم من الاخطاء و لكي ترى بنفسك مدى سھولة الامر .</span></div>
<div style="text-align: justify;">
<span style="font-size: small;">بدایة استطیع القول ان الاسلوب المناسب في شرح مثل ھذه المواضیع ھوالتركیزعلى الجانب العملي وضرب الامثلة وھذا ھو الاسلوب الذي ساحاول ان اتبعھا في الشرح.</span></div>
<div style="text-align: justify;">
<span style="font-size: small;">اولا:- عليك عزيزى المصمم بتواجد برنامج لتحریر النصوص ولذلك یمكنك استخدام <span style="color: blue;">Notepad</span> الذي ینزل تلقائیا عند تنزیل الویندوز وھناك برامج اخرى مثل </span><br />
<span style="color: blue; font-size: small;">Text pad</span><span style="font-size: small;">بكونھا یعمل على تلوین العناصر الاساسیة للغة الھتمل والذي یمتاز عن <span style="color: blue;">Notepad</span> و بالتالي يمكن اكتشاف الاخطاء الاملائیة حال حدوثھا و یمكن تنزیل البرنامج من الموقع التالي: <a href="http://www.textpad.com/" rel="nofollow" target="_blank">www.textpad.com</a></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">نبدأ اولا: بالوسوم يتم كتابة أوامر اللغة <span style="color: blue;">HTML</span> على شكل ما يعرف ب " الوسوم ".</span><br />
<span style="font-size: small;"><br /></span>
<span style="color: black; font-size: small;">الوسوم هي أقواس ذات شكل خاص .. لها الشكل التالي..</span><br />
<span style="font-size: small;"><br /></span>
<br />
<table align="center" border="0" cellpadding="7" style="color: black;">
<tbody>
<tr>
<td><span style="font-size: small;"><b><tt><الأمر></tt></b></span></td></tr>
</tbody></table>
<span style="color: black; font-size: small;">
</span>
<br />
<div dir="rtl" style="color: black;">
<span style="font-size: small;">حيث يتم وضع الأمر بين القوسين.</span><br />
<span style="font-size: small;">وهناك نوعان من الوسوم لكل
أمر..</span><br />
<span style="font-size: small;">وسم بداية أو فتح مثل:</span></div>
<span style="color: black; font-size: small;">
</span>
<br />
<table align="center" border="0" cellpadding="7" style="color: black;">
<tbody>
<tr>
<td><span style="font-size: small;"><b><tt><الأمر></tt></b></span></td></tr>
</tbody></table>
<span style="color: black; font-size: small;">
</span>
<br />
<div dir="rtl" style="color: black;">
<span style="font-size: small;">ووسم نهاية أو غلق مثل:</span></div>
<span style="color: black; font-size: small;">
</span>
<br />
<table align="center" border="0" cellpadding="7" style="color: black;">
<tbody>
<tr>
<td><div dir="rtl">
<span style="font-size: small;"><b><tt><الأمر/></tt></b></span></div>
</td></tr>
</tbody></table>
<span style="color: black; font-size: small;">
</span>
<br />
<div dir="rtl" style="color: black;">
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">وهناك بعض الأوامر التي ليس لها سوى وسم بداية (فتح) فقط.</span></div>
<span style="font-size: small;"><br style="color: black;" /></span>
<span style="font-size: small;"><br /></span>
<span style="color: black; font-size: small;"> </span><span style="color: #4e0968; font-family: arabic transparent; font-size: small;"><span style="color: black;">هناك أربعة وسوم رئيسة
ستجدها تقريبا في كل صفحة وهي:</span><br /><br />
<table align="center" border="1" cellpadding="7" cellspacing="0">
<tbody>
<tr bgcolor="#99FF00">
<td><b><tt>وسم البداية</tt></b></td>
<td><b><tt>وسم النهاية</tt></b></td>
<td><b>وظيفة الأمر</b></td></tr>
<tr>
<td align="center"><b><tt><html></tt></b></td>
<td align="center"><b><tt><html/></tt></b></td>
<td><b>يستخدم هذا الأمر في كل صفحة كوسيلة للتعريف
باللغة</b></td></tr>
<tr>
<td align="center"><b><tt><head></tt></b></td>
<td align="center"><b><tt><head/></tt></b></td>
<td><b>هذا الأمر يختص بإحداث تغييرات في شريط
العنوان</b></td></tr>
<tr>
<td align="center"><b><tt><title></tt></b></td>
<td align="center"><b><tt><title/></tt></b></td>
<td><b>هذا الأمر لتغيير عنوان الصفحة العلوي في شريط
العنوان</b></td></tr>
<tr>
<td align="center"><b><tt><body></tt></b></td>
<td align="center"><b><tt><body/></tt></b></td>
<td><b>هذا الأمر يختص بتغيير شكل الصفحة ومحتوياتها من نصوص
وصور</b></td></tr>
</tbody></table>
</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">قم بفتح برنامج <span style="color: blue;">notepad</span> وسوف استعرض عليكم بعض الاكواد لتجربتها ولمعرفة</span><br />
<span style="font-size: small;">استخدام كل كود وماذا يفعل ولابد بتجريب الاوامر بطريقة عملية عليها لمعرفة استخدام كل منها وفيما يستخدم هذا الوسم ولابد بعمل <span style="color: blue;">save as</span> لصفحة <span style="color: blue;">notepad</span> وكتابة الامتداد باسم الموقع ثم <span style="color: blue;">html.</span></span> <br />
<span style="font-size: small;">مثال : الصورة توضح طريقة حفظ العمل ينتهى اسم الموقع بى <span style="color: blue;">html.</span></span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJaMIjhyphenhyphenbgADcREyWs-2OAJ-PXOHNycYd99ej-la72WRHOPhqUBgv9gMylB6VszDqNwjSYY4JVOyfcDEoKqdzm2wq0-LBxxoi-dAbBvIs2vLAcsI0Q7TXqh48cEtBMVsWLaknkoGihvLk/s975/Untitled.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="save.web" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJaMIjhyphenhyphenbgADcREyWs-2OAJ-PXOHNycYd99ej-la72WRHOPhqUBgv9gMylB6VszDqNwjSYY4JVOyfcDEoKqdzm2wq0-LBxxoi-dAbBvIs2vLAcsI0Q7TXqh48cEtBMVsWLaknkoGihvLk/s975/Untitled.jpg" height="315" title="save.web" width="640" /></a></span></div>
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">عليك عزيزى المصمم برسم الموقع فى عقلك وكم عدد الصفحات والعناوين التى سوف يحتوى عليها لتسهيل عملية التصميم . تصميم الموقع هو ليس بامر معقد الكثير يعتقد ذلك ولكن هو عبارة عن بعض الاكواد البسيطة تستخدمها لعمل الموقع </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"><br /></span>
<br />
<div style="text-align: center;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: left;">
<span style="color: blue;"><html><br /><head><br /><title><br />صفحتي الأولى<br /></title><br /></head><br /><body><br /><center><br />أھلا وسھلا بكم<br /><br><br />في موقعي<br /></center><br /></body><br /></html></span></div>
</div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">شرح استخدام كل كود </span><br />
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"><br /></span>
<br />
<center>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 82px; margin: 0px; overflow: auto; padding: 6px; width: 550px;"><span style="font-size: small;"><html>~~~~~~~~~~~~~~~~~~~~~~ </html>
HTML یمثل كود </html> وبین ال <html> ما بین</span></pre>
</center>
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<center>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 82px; margin: 0px; overflow: auto; padding: 6px; width: 550px;"><span style="font-size: small;"><head>~~~~~~~~~~~~~~~~~~~~~~</head>
(head) یمثل ما سیكون في جزء الراس </head> و بین ال <head> ما بین</span></pre>
</center>
</div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<center>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 82px; margin: 0px; overflow: auto; padding: 6px; width: 550px;"><span style="font-size: small;"><title>~~~~~~~~~~~~~~~~~~~~~~~~~~ </title>
یمثل العنوان و الذي سوف یكون في الراس وفي مثالنا سوف نطبع" صفحتي </title> و بین ال <title> ما بین
الاولى"</span></pre>
</center>
</div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<center>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 82px; margin: 0px; overflow: auto; padding: 6px; width: 550px;"><span style="font-size: small;"><body>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</body>
(body) یمثل ما ھو موجود في جزء الجسم </body> و بین ال <body> ما بین</span></pre>
</center>
</div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<center>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 82px; margin: 0px; overflow: auto; padding: 6px; width: 550px;"><span style="font-size: small;"><center>~~~~~~~~~~~~~~~~~~~~~~~~~~</center>
یتم لھ عملیة توسیط </center> وبین <center> ما بین
وھنا لاحظ ان العبارتین" أھلا وسھلا بكم " و عبارة" في موقعي" تم طباعتھن في منتصف الصفحة</span></pre>
</center>
<span style="font-size: small;"><br /></span>
<br />
<center>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 200px; margin: 0px; overflow: auto; padding: 6px; width: 550px;"><span style="font-size: small;"><br>
او
<br />
(Enter وذلك للنزول الى السطر التالي ( اي تعمل عمل ال
السؤال الان : ماذا لو كتبنا الكود كما یلي
أھلا وسھلا بكم
في موقعي
ھل سیطبع" أھلا وسھلا بكم" ثم ینزل سطر الى الاسفل لیطبع "في موقعي" ؟ <br> دون استخدام
بالاضافة <br> الجواب: للاسف لا سوف یقوم بطباعة الجملتین في نفس السطر و لذلك نحن نقوم باستخدام
الى طرق اخرى سوف یتم ذكرھا</span></pre>
</center>
<center>
<span style="font-size: small;"><b><br />
</b></span></center>
<div style="text-align: right;">
<span style="font-size: small;"><b>قم باخذ الاكواد الموجود بالاعلى لتجربتها بنفسك فتصميم المواقع اهم شى فيه هو العمل على كل شئ وتجربتها لتتعرف على خصائص كل كود وماذا يفعل </b></span></div>
<div style="text-align: right;">
<b>وبعد فتح <span style="color: blue;">notepad</span> ووضع الاكواد لا تنسوا ان تحفظ ويوضع بعد اسم الموقع </b></div>
<div style="text-align: right;">
<span style="font-size: small;"><b><span style="color: blue;">html.</span> </b></span></div>
<div style="text-align: right;">
<span style="font-size: small;"><b>يظهر العمل بهذا الشكل ولقدت نجحت عزيزى المصمم فى تصميم اول صفحة لك على الانترنت </b></span></div>
<div style="text-align: right;">
<span style="font-size: small;"><b><br />
</b></span></div>
<div style="text-align: right;">
<span style="font-size: small;"><b><br />
</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrs-T9_8PGxp-TmhPCbH27Puk5tW5GemHJDmROFT0qJlxA_g5v7tpHCl3Or0yI40Mun_aSaT1-Y6PRysu_Vhc7e1jT-9bZ7UkXopqXHyIhp_TTvu-MfUI_Kxo6PFEH_JolbUNaw8F9kZ4/s1333/my+wep.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="my-web" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrs-T9_8PGxp-TmhPCbH27Puk5tW5GemHJDmROFT0qJlxA_g5v7tpHCl3Or0yI40Mun_aSaT1-Y6PRysu_Vhc7e1jT-9bZ7UkXopqXHyIhp_TTvu-MfUI_Kxo6PFEH_JolbUNaw8F9kZ4/s1333/my+wep.jpg" height="350" title="my-web" width="640" /></a></span></div>
<div style="text-align: right;">
<span style="font-size: small;"><b><br />
</b></span></div>
<center>
<span style="font-size: small;"><br /></span>
</center>
<div style="text-align: right;">
<span style="font-size: small;">
الدرس القادم سوف نستعرض فية طريقة كتابة النصوص وكيفية ادراج الالوان عليها وطريقة عمل الجداول .</span></div>
<div style="text-align: center;">
<span style="color: red; font-size: small;">نتمنى ان يكون نال الشرح اعجابكم </span></div>
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com1tag:blogger.com,1999:blog-3295639588751214901.post-33973025084463243222013-06-28T11:42:00.000-07:002013-07-12T18:40:54.193-07:00اكواد الالوان Html للمصممين<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<h2>
أكواد الألوان Html </h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJnNkTXhAUkaV5uu7_lqdvvXuBL1E5ew4BCmKkyMt2fhxJplgAXR9sC6u8jOlrH9gucrrQe_AOhV-ctmnxO3NUXrvIzeTjmLxcbqTh-C5PZDDneZku1mMvGCgml7Tkla4mOYhPeGY5M5U/s240/88.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJnNkTXhAUkaV5uu7_lqdvvXuBL1E5ew4BCmKkyMt2fhxJplgAXR9sC6u8jOlrH9gucrrQe_AOhV-ctmnxO3NUXrvIzeTjmLxcbqTh-C5PZDDneZku1mMvGCgml7Tkla4mOYhPeGY5M5U/s200/88.jpeg" height="175" width="200" /></a></div>
<h2>
</h2>
</div>
قم بإختيار اللون المناسب ثم إنسخ الكود الخاص باللون<br />
<div style="text-align: center;">
<center>
<object2 border="1" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"><embed height="485" name="obj2" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://download.mrkzy.com/u/1213_b81a273699a61.swf" type="application/x-shockwave-flash" width="485"></embed></object2></center>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/10899493323126052743noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-7148272947765548212013-06-27T20:15:00.000-07:002013-07-25T17:10:56.970-07:00تحميل خطوط عربية وانجليزية لمحبى التصاميم روووووووووعة <div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: large;"><b>بسم الله الرحمن الرحيم</b> </span></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">نظر لطلب بعض اعضاء المدونة لتحميل خطوط عربية قمت بتجميع افضل الخطوط عربية وانجليزية لمحبى التصاميم على الفوتوشوب. ويمكن ان تستخدم ايضا فى برنامج Word بكافة اصداراته والصورة تبين بعض من انواع الخطوط الموجوده </span></div>
<div style="text-align: justify;">
<span style="font-size: large;">لتحميل الخطوط العربية اضغط <a href="https://docs.google.com/file/d/0B7vptGxcLcnEc1o0LUpFOC1aaEk/edit?usp=sharing" rel="nofollow" target="">هنا</a> </span></div>
<div style="text-align: right;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: right;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi87H0VHtImuKZY6WHdQCNxQM-gfT9pN64JDKEISWawyBzXbbbBMWI3KC9NkoknNf6GTevfMz2hpthfCKCREsBX0xetiplSpOGwYXANSPMbCvhWGrv3YbFJNagQzywb2p9OABzv-tnY00I/s787/%D8%B5%D9%88%D8%B1%D8%A9+%D9%84%D9%84%D8%AE%D8%B7%D9%88%D8%B7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="fonts-arabic" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi87H0VHtImuKZY6WHdQCNxQM-gfT9pN64JDKEISWawyBzXbbbBMWI3KC9NkoknNf6GTevfMz2hpthfCKCREsBX0xetiplSpOGwYXANSPMbCvhWGrv3YbFJNagQzywb2p9OABzv-tnY00I/s787/%D8%B5%D9%88%D8%B1%D8%A9+%D9%84%D9%84%D8%AE%D8%B7%D9%88%D8%B7.jpg" height="480" title="fonts-arabic" width="640" /></a></div>
<div style="text-align: right;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: right;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: right;">
<span style="font-size: large;">لتحميل الخطوط الانجليزية اضغط <a href="https://docs.google.com/file/d/0B7vptGxcLcnEeEpzZkV6QUJwV3M/edit?usp=sharing" rel="nofollow" target="_blank">هنا </a></span></div>
<div style="text-align: right;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpB2AEGRcF19wAJXQbejEZjbmSoYxeV56VptR-ScqF0nYMPntUrm_TFiDifJxUmEpOuQS1tR7vnQLbtCOtFpVdxwm66aW_A8nHNKegn4REWb4TFnh5q14o9QZ6sBhDgvIWbq9c8l0Gdy4/s787/%D8%AE%D8%B7%D9%88%D8%B7+%D8%A7%D9%86%D8%AC%D9%84%D9%8A%D8%B2%D9%89.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="fonts-english" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpB2AEGRcF19wAJXQbejEZjbmSoYxeV56VptR-ScqF0nYMPntUrm_TFiDifJxUmEpOuQS1tR7vnQLbtCOtFpVdxwm66aW_A8nHNKegn4REWb4TFnh5q14o9QZ6sBhDgvIWbq9c8l0Gdy4/s787/%D8%AE%D8%B7%D9%88%D8%B7+%D8%A7%D9%86%D8%AC%D9%84%D9%8A%D8%B2%D9%89.jpg" height="480" title="fonts-english" width="640" /></a></div>
<div style="text-align: right;">
<span style="font-size: large;"><br /></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com1tag:blogger.com,1999:blog-3295639588751214901.post-73230197981402451202013-06-25T19:11:00.000-07:002013-06-28T12:00:13.731-07:00مخطوطات رمضانية بمناسبة شهر رمضان الكريم فى غاية الروعة <div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: large;"><b>بسم الله الرحمن الرحيم</b> </span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
<span style="font-size: large;">تنفرد مدونة <b><span style="color: red;">"الوان الويب"</span></b> بتقديم مخطوطات رمضانية فى غاية الروعة تستخدم لعدة استخدامات فى تصاميم رمضان ( المجموعة الاولى )</span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwvnZKTxTo0jxnHaQgIefM7agILutccHVS8u18nm1_H8W4ceg4uOyLR2ppIXD_QS7yKJDzbslwSB4gAaI86orFsDSZS_BLw4TShAOfRhguIvRuRg-ltEyKBe8QF-aHetj3jintseCKfq0/s1600/68563.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwvnZKTxTo0jxnHaQgIefM7agILutccHVS8u18nm1_H8W4ceg4uOyLR2ppIXD_QS7yKJDzbslwSB4gAaI86orFsDSZS_BLw4TShAOfRhguIvRuRg-ltEyKBe8QF-aHetj3jintseCKfq0/s1600/68563.jpg" width="161" /></a></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="color: red; font-size: large;"> كل عام وانتم بخير بمناسبة الشهر الكريم ونسال الله تعالى ان يتقبل منا صيامنا </span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaggWIAM5pgfehp6m08ScfSnYhUVK4A-zDudzhGtvXu2ZfJrhXKzbqUaQLukPT8qoxgfLbh4gEFiXBjZkNl6xFa6VeELoMKN64iXqUWv3bKPLZfRb_2xoYjj6Y1gzZdTTJBx-EBSpJYOA/s1600/1.jpg" imageanchor="1" rel="images" style="margin-left: 1em; margin-right: 1em;"><img alt="ramadan" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaggWIAM5pgfehp6m08ScfSnYhUVK4A-zDudzhGtvXu2ZfJrhXKzbqUaQLukPT8qoxgfLbh4gEFiXBjZkNl6xFa6VeELoMKN64iXqUWv3bKPLZfRb_2xoYjj6Y1gzZdTTJBx-EBSpJYOA/s1600/1.jpg" title="ramadan" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh84EY0CaKOam4rBv6YfDCpbH0YZgxndJv1TpaxqP8JNC2G9AVVzTtd5yiAj1q8Voa0FTb3yblplMa-lxA0EyOIYwEsJHssCkJZ36sYjTFOlMxIPCGiMDdvQwcr0ldUJEcoFXipiF3I9Wc/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ramadan1" border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh84EY0CaKOam4rBv6YfDCpbH0YZgxndJv1TpaxqP8JNC2G9AVVzTtd5yiAj1q8Voa0FTb3yblplMa-lxA0EyOIYwEsJHssCkJZ36sYjTFOlMxIPCGiMDdvQwcr0ldUJEcoFXipiF3I9Wc/s1600/2.jpg" title="ramadan1" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9rP8sjNKuabTf6VA8vQydrCYx2zzsxgUji365kDyFrsyJCrxfsKL15dIDF3-ywEVTnQTy_zzSo-0WiapWx8VBAKCUvPrx6I3QWpB6iBvEcrRugPn-DeieuGVJN4MkctzyYqSWRozjErQ/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ramadan2" border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9rP8sjNKuabTf6VA8vQydrCYx2zzsxgUji365kDyFrsyJCrxfsKL15dIDF3-ywEVTnQTy_zzSo-0WiapWx8VBAKCUvPrx6I3QWpB6iBvEcrRugPn-DeieuGVJN4MkctzyYqSWRozjErQ/s1600/3.jpg" title="ramadan2" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZViFQ9yFQekBAxDqznmprmpuQkhie8h-D_dklzxhqiizMBzp7P3vDjsN9U5RballiNhIBmAgJvPlQBm7zhsVnZ8dUZ1WaF2mDboGPEe5tjWO1_2dTr5__5_woAxvRqI2z886cLsDQ7Zc/s1600/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ramadan3" border="0" height="96" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZViFQ9yFQekBAxDqznmprmpuQkhie8h-D_dklzxhqiizMBzp7P3vDjsN9U5RballiNhIBmAgJvPlQBm7zhsVnZ8dUZ1WaF2mDboGPEe5tjWO1_2dTr5__5_woAxvRqI2z886cLsDQ7Zc/s1600/6.jpg" title="ramadan3" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd41c537FlgwF2p9EZuqWVj7PBVxd8JqJ6RSM29DoHG9QAmIO5-Ig8hkJniZD35l26eKIa1RLZxYU9uQhkLHosf0sgv10HAu0Nf7OSFuFbNmJpf7d14oVnXQk6oABt3XrKTJkuD0bhgdM/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ramadan4" border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd41c537FlgwF2p9EZuqWVj7PBVxd8JqJ6RSM29DoHG9QAmIO5-Ig8hkJniZD35l26eKIa1RLZxYU9uQhkLHosf0sgv10HAu0Nf7OSFuFbNmJpf7d14oVnXQk6oABt3XrKTJkuD0bhgdM/s1600/5.jpg" title="ramadan4" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF4PfFmS3ebmYXupMvGtgOa3XFH5imPKyVupJcn0GDx5phwkFJjhBM0Gzm-O4NxpNckeEu8hp2Eh17f5OcrMWFjSVPdJU5y9ob6dXOptwVw3cyCziNChk7wDqC8Uq2gsu2tevOafJ6BiY/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ramadan6" border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF4PfFmS3ebmYXupMvGtgOa3XFH5imPKyVupJcn0GDx5phwkFJjhBM0Gzm-O4NxpNckeEu8hp2Eh17f5OcrMWFjSVPdJU5y9ob6dXOptwVw3cyCziNChk7wDqC8Uq2gsu2tevOafJ6BiY/s1600/4.jpg" title="ramadan6" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUC671tAqgarjcsv6a4yLAS9rc0fudNEfspfLiu_oYDpaVuIeQaXdEZGG-JaIKosrPo5IX5O6EpQbV2W0VZh5Q12Tjb5VYfDVxVvB3MOfulTYN8ej0ehJ4a6ffA_HxhHb18vMu8AgHNzI/s1600/7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUC671tAqgarjcsv6a4yLAS9rc0fudNEfspfLiu_oYDpaVuIeQaXdEZGG-JaIKosrPo5IX5O6EpQbV2W0VZh5Q12Tjb5VYfDVxVvB3MOfulTYN8ej0ehJ4a6ffA_HxhHb18vMu8AgHNzI/s1600/7.jpg" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7j9_tPNVlahrIjsMfGmxJ6U25nRKNfVIf0uj_cT1gCmznfIZsQ4YMGLzxgY8kBVUMsrZmZ4LFYG53-priryOsZUk7EJLO83YgJzva75cY4PA-_lmB4Xh_k0Ip1-C64AKRuUqmvt-BgI/s1600/8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7j9_tPNVlahrIjsMfGmxJ6U25nRKNfVIf0uj_cT1gCmznfIZsQ4YMGLzxgY8kBVUMsrZmZ4LFYG53-priryOsZUk7EJLO83YgJzva75cY4PA-_lmB4Xh_k0Ip1-C64AKRuUqmvt-BgI/s1600/8.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNEp7A5SvRsPcn6zxHw80D0P-9cOQUu0UBwnv2nUO3JshUe74DFezRZZm7kC3XvIUSUeVmddIcW3AA3k-j-qXhbOPuncpD6deNMCuHDvbNhG_wlMheL3nbco35C_YGaGsENrlxmLpA-cA/s1600/9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="259" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNEp7A5SvRsPcn6zxHw80D0P-9cOQUu0UBwnv2nUO3JshUe74DFezRZZm7kC3XvIUSUeVmddIcW3AA3k-j-qXhbOPuncpD6deNMCuHDvbNhG_wlMheL3nbco35C_YGaGsENrlxmLpA-cA/s1600/9.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgURc7s_lzsCaxRtm2u4wgddPQ3BC5u7zl5b8W0TdQcYvhSmpNAIrng8XeAGnl276vmItVQy1akC8Jt3cYt-E1KjRtEVhQNDCRlvnM7IJJ9fZ_2fwjGtk1XV15prWqFGgtLL4wz0Cdr2gs/s1600/12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgURc7s_lzsCaxRtm2u4wgddPQ3BC5u7zl5b8W0TdQcYvhSmpNAIrng8XeAGnl276vmItVQy1akC8Jt3cYt-E1KjRtEVhQNDCRlvnM7IJJ9fZ_2fwjGtk1XV15prWqFGgtLL4wz0Cdr2gs/s1600/12.jpg" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl6Z5m9fWQst3Wl9LKOpuWgfpCLtwKclQotm2PapaPBq0o7Z8hr0ANFoyT2wXzuSugCy086VYpIe28VgcZUY8phkKsGZfYXCm7ctZRh9nwrr8tHL4dgYYUdfW27Fhp8eoMzby1_IhJbRA/s1600/11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl6Z5m9fWQst3Wl9LKOpuWgfpCLtwKclQotm2PapaPBq0o7Z8hr0ANFoyT2wXzuSugCy086VYpIe28VgcZUY8phkKsGZfYXCm7ctZRh9nwrr8tHL4dgYYUdfW27Fhp8eoMzby1_IhJbRA/s1600/11.jpg" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpGKmtXfFq0tQeDVqypdB-MjHRZOO3tZvI2_nbE4wwVsMY3hdmZYrF-bmXMA__bu__lOmcUZzGzoeVbHaCrl1FODjGdOJgC5DQjJJQ9H5_eR2tLS98k3QnVoMy00_68xH98kxgsp6j-nY/s1600/10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpGKmtXfFq0tQeDVqypdB-MjHRZOO3tZvI2_nbE4wwVsMY3hdmZYrF-bmXMA__bu__lOmcUZzGzoeVbHaCrl1FODjGdOJgC5DQjJJQ9H5_eR2tLS98k3QnVoMy00_68xH98kxgsp6j-nY/s1600/10.jpg" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVg833X7252Pxa1NL6Ud_5L8YkxqEFPuku3w6FxdJMDjeKzoXTbjEOq0I1cvf2nNqLn3Bz4o3cAdgO0CAzQqFbPZ94ICnNkkiTFpnvMPwZB83KgQ4BByvs5focb1wDu737VWtFO9gwOdA/s1600/13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVg833X7252Pxa1NL6Ud_5L8YkxqEFPuku3w6FxdJMDjeKzoXTbjEOq0I1cvf2nNqLn3Bz4o3cAdgO0CAzQqFbPZ94ICnNkkiTFpnvMPwZB83KgQ4BByvs5focb1wDu737VWtFO9gwOdA/s1600/13.jpg" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj47ylB-1EOKDpZ5wGnepsL9HT9LKSiE9jqs8udbYo3FukBGX70CTfv2d05fY5UorLmATFtFf0_RoEqP-CPbvHWDlDEj_4wfDcWo_a6GSDcxw2XJFI9ac617DnMI7HaGMb_j3Gk2Iyxnn4/s1600/14.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj47ylB-1EOKDpZ5wGnepsL9HT9LKSiE9jqs8udbYo3FukBGX70CTfv2d05fY5UorLmATFtFf0_RoEqP-CPbvHWDlDEj_4wfDcWo_a6GSDcxw2XJFI9ac617DnMI7HaGMb_j3Gk2Iyxnn4/s1600/14.jpg" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5-P3PalCbI-EUCembQ_I2juajaf7vOSv47gSXMELpHvgQjUzsDC0aB1DsnLVa6BNQthoQy35DamLaBAmpps8C8TCB0QQir8qHcyMsp68jxiq7KNr8OOOamQr-n7ahWdEIEH-kVaRGjEI/s1600/15.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5-P3PalCbI-EUCembQ_I2juajaf7vOSv47gSXMELpHvgQjUzsDC0aB1DsnLVa6BNQthoQy35DamLaBAmpps8C8TCB0QQir8qHcyMsp68jxiq7KNr8OOOamQr-n7ahWdEIEH-kVaRGjEI/s1600/15.jpg" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZexjC8CgxVUh5QRszb-XeTYKp4KLhRBtkRr0K1jttnfuCKSY9hrvrO7cQIOPewqm4G2RDRwLn3_oNglbMJkEKGYegnR27V2N7ehfyJ3PGjvWNhMm9enlWv6iDjhQVnN4mGo763SkQCpc/s1600/16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZexjC8CgxVUh5QRszb-XeTYKp4KLhRBtkRr0K1jttnfuCKSY9hrvrO7cQIOPewqm4G2RDRwLn3_oNglbMJkEKGYegnR27V2N7ehfyJ3PGjvWNhMm9enlWv6iDjhQVnN4mGo763SkQCpc/s1600/16.jpg" width="193" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwix389d4oShIxOYSpPTGNj8LqabtkTsO9EgYOroxVhx2FGcfbJmUxRvLV1Mzg058zNou7DgiWL2wavteD0npl4PiL7r_mN67WSeJV0n_PDwAXgnY6GvYyR4xpFCSKsHKbdFJ4Tnz_PnE/s1600/17.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwix389d4oShIxOYSpPTGNj8LqabtkTsO9EgYOroxVhx2FGcfbJmUxRvLV1Mzg058zNou7DgiWL2wavteD0npl4PiL7r_mN67WSeJV0n_PDwAXgnY6GvYyR4xpFCSKsHKbdFJ4Tnz_PnE/s1600/17.jpg" width="196" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxYvpxb0d77EZMEak6Fmn4uaQoMRvUppKtYBdtVbwSLQyMPEHggukq9NlkK7uU0w4GL_4pkoDR2VaChpXZSL8qyDOI6SMzfMgMzOkQQyLy6qYt5zYIpXnDebl_03Otuvo5aWq2c-v17VM/s1600/18.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxYvpxb0d77EZMEak6Fmn4uaQoMRvUppKtYBdtVbwSLQyMPEHggukq9NlkK7uU0w4GL_4pkoDR2VaChpXZSL8qyDOI6SMzfMgMzOkQQyLy6qYt5zYIpXnDebl_03Otuvo5aWq2c-v17VM/s1600/18.jpg" width="195" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggvGOJjRTpRvFgSetoUWPuOsjOROTgnNVlKb3xBpLS-XP4ZuWOwZoxhV3WKsJwfK1-p0REIrzbGNSc5uOoGO13yAFV_zL3Kz-lH3UGnJ5Hg8JrU8wgfzUIqx5FtvvmV2LlhDAAp15NyTk/s1600/19.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="59" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggvGOJjRTpRvFgSetoUWPuOsjOROTgnNVlKb3xBpLS-XP4ZuWOwZoxhV3WKsJwfK1-p0REIrzbGNSc5uOoGO13yAFV_zL3Kz-lH3UGnJ5Hg8JrU8wgfzUIqx5FtvvmV2LlhDAAp15NyTk/s1600/19.jpg" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
عند تحميل المخطوطات يوجد بداخلها اكثر من 70 شكل بطريقة فى غاية الروعة لاصحاب التصاميم <br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
لتحميل كل المخطوطات اضغط <a href="https://docs.google.com/file/d/0B7vptGxcLcnEbFdJcWVqeDc5a3c/edit?usp=sharing" rel="nofollow" target="_blank">هنا </a><br />
<br />
<br />
<br />
<div style="text-align: center;">
نسال الله عز وجل ان يكون الموضوع نال اعجابكم وشكرا لمتباعتكم لنا </div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: right;">
</div>
</div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-80973598627079452262013-06-25T11:51:00.000-07:002013-06-25T14:29:51.163-07:00كيف تصمم شعار او لوجو من الحروف <div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
بسم الله الرحمن الرحيم </div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
كثير منا يحتاج الى تصميم شعار او لوجو خاص له . وفى الغالب ان الشركات الكبرى تعمل على اخذ اول حرفين لها وعمل </div>
<div style="text-align: right;">
شكل مميز بطريقة احترافية . معنا فى مدونة <b><span style="color: red;">"الوان الويب"</span></b> سوف نقوم بشرح طريقة عمل شعار او لوجو عن طريق </div>
<div style="text-align: right;">
برنامج الفوتوشوب </div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
سوف نستعرض مثال بسيط لشركات كبرى تستخدم الحروف كالوجو خاص بها يميزها .</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMFKuuqxtLHIIqk2pH4URWCDOSRRE44Wh6zwNOz4Zf0ktBN6NjspyHdV5QW0KTEe12RcjhPOEhIbJQHInfDAL51Vp9-tTepUWcmj2XuV6Uhhe2UWPJviHMXRv7O3OfeukED7b12WPiHmo/s1600/%D8%A7%D9%81titled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-logo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMFKuuqxtLHIIqk2pH4URWCDOSRRE44Wh6zwNOz4Zf0ktBN6NjspyHdV5QW0KTEe12RcjhPOEhIbJQHInfDAL51Vp9-tTepUWcmj2XuV6Uhhe2UWPJviHMXRv7O3OfeukED7b12WPiHmo/s1600/%D8%A7%D9%81titled-1.jpg" height="266" title="design-logo" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
اولا بعد التفكير جيد فى الاسم الذى ترغب فيه عليك ان تختار اسم يتماشى مع الاستخدام . اذا كان محل او شركة او منتج غذائى </div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br />
سوف استعرض معكم طريقة بسيطة وسهلة لعمل الحروف على شكل لوجو :-</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
1- قم بفتح برنامج الفوتوشوب واختار المقاسات كما مبين فى الصورة </div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2zwr5eCwSkYvjeu24zRAKfZTe8pi9Lqtl_4kajeu8MSkUjj4-n0_crDOj5ceIGB8wFuPbGnDvDsAvT_zNIaaY7jMKFSA71m1L0uOpzzlZXbX3cwK3PPUB2I2HxScARhtRO7kOd_rJrX8/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-logo1" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2zwr5eCwSkYvjeu24zRAKfZTe8pi9Lqtl_4kajeu8MSkUjj4-n0_crDOj5ceIGB8wFuPbGnDvDsAvT_zNIaaY7jMKFSA71m1L0uOpzzlZXbX3cwK3PPUB2I2HxScARhtRO7kOd_rJrX8/s1600/2.jpg" height="238" title="design-logo1" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
2- سوف استعرض معكم طريقة لعمل اسم مدونة <b><span style="color: red;">"الوان الويب"</span></b> بطريقتى الخاصة بعد اختيار مقاس الصفحة<br />
اختر font لعمل الاسم الخاص بالمدونة يكون بمظهر مختلف وجذاب اسم المدونة Colors Wep سوف تبداء بحرف C<br />
اذا علينا اختيار font يجعل من حرف C شكل جذاب لقد قمت بكتابة الحرف C لتحمل الفونت من <a href="https://docs.google.com/file/d/0B7vptGxcLcnETlJhNUE2UG9pa3c/edit?usp=sharing" target="_blank">هنا </a><br />
بعد تحميل الفونت افتح الكنترول بانل سوف تجد كلمة fonts ضع الفونت بداخلها<br />
سوف يظهر حرف C بهذا الشكل قم بتكبير الحرف<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYe2fmxhEk81ILb2qnkHHfYdKSP2qSV1qgKmHBdBSJ71tejuqg634QpT8kmGHCXd7JoA48koKarVgfADVo3d4OUpgnd1ZNMWF9idSTdaS34Qizi6qRHJCZpql8IYTSRnnaUb2VFA9UeHU/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-logo2" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYe2fmxhEk81ILb2qnkHHfYdKSP2qSV1qgKmHBdBSJ71tejuqg634QpT8kmGHCXd7JoA48koKarVgfADVo3d4OUpgnd1ZNMWF9idSTdaS34Qizi6qRHJCZpql8IYTSRnnaUb2VFA9UeHU/s1600/3.jpg" height="215" title="design-logo2" width="320" /></a></div>
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
ثم اختار اللون المناسب لك من Gradient <br />
ثم من قائمة Bevel and Emboss هذه القائمة تقوم بوضع تأثير على الاشكال من اطرافها <br />
ثم من قائمة Stroke اختار اللون الاسمر حتى تعطيك اللون الموجود على اطراف حرف C <br />
بهذا نكون قد انتهينا من حرف C وجعلنا شكلة مناسب <br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw0s7aDIij5K0wv5242xkJcxVb8rjlI5RbwRE11k2OFLXyTI8ReohMW8o6c9HRKVE-jlYPeeGjbpEPqcwOH5P6w6XHiKmg0AiyoIWvRjVSVS8Z4S3tLhKQt8pJpAHeOh3rBZP7q-hVs1w/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-logo3" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw0s7aDIij5K0wv5242xkJcxVb8rjlI5RbwRE11k2OFLXyTI8ReohMW8o6c9HRKVE-jlYPeeGjbpEPqcwOH5P6w6XHiKmg0AiyoIWvRjVSVS8Z4S3tLhKQt8pJpAHeOh3rBZP7q-hVs1w/s1600/4.jpg" height="222" title="design-logo3" width="400" /></a></div>
</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
ثم ناتى الى حرف W هذا ثانى حرف من كلمة Colors Wep لابد ان يكون له شكل مختلف باسلوب مختلف<br />
حتى يعطى شكل مناسب لابد من اختيار فونت مختلف للحرف حتى يعطى شكل فية ابداع<br />
ولقد قمت بتغير الفونت لحرف W لتحميل الفونت اضغط <a href="https://docs.google.com/file/d/0B7vptGxcLcnERWRnTW1xUElPYTQ/edit?usp=sharing" rel="nofollow" target="_blank">هنا </a><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMcZ75QYZt1aQQFuipWrK0C5mtz4mI9260N7XVfqH5vBYQNFA2dsYEopNRCt7jNQUnx6qSe5oW4UjgZfb-ECP7pNKfLmR_z7wwFuadklJ3zPEVWOiBtXz_10yeaSrBGexmiXvL-Z_inzY/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-logo4" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMcZ75QYZt1aQQFuipWrK0C5mtz4mI9260N7XVfqH5vBYQNFA2dsYEopNRCt7jNQUnx6qSe5oW4UjgZfb-ECP7pNKfLmR_z7wwFuadklJ3zPEVWOiBtXz_10yeaSrBGexmiXvL-Z_inzY/s1600/5.jpg" height="228" title="design-logo4" width="320" /></a></div>
<br />
<br />
بعد كتابة حرف W اختر لون اخر للحرف وقم بعمل Stroke لتحديدها بالون الاسود<br />
<br />
ناتى الى حرف ep حتى ننتهى من كلمة Wep لقد استخدمت الفونت بتاع حرف C وقمت بنسخ الخصائص التى<br />
فعلتها فى حرف C على حرف ep من خلال copy layer style ثم الذها الى اللير الخاص بكلمة ep ثم ضعها<br />
past layer style <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0bG2z-uZqEKgSWRkKR3UScIQpYzjUzyx2vHGm7LjjrUGR_T3snOv0ADs_g4f0mU5hOaOiZDZbj4RPdZRz_1OX1QR52QUyBh0Wq1trKVqrlQRyqEOme6hVDzdX7BEydvrFPDdWOaXjOSA/s1600/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-logo5" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0bG2z-uZqEKgSWRkKR3UScIQpYzjUzyx2vHGm7LjjrUGR_T3snOv0ADs_g4f0mU5hOaOiZDZbj4RPdZRz_1OX1QR52QUyBh0Wq1trKVqrlQRyqEOme6hVDzdX7BEydvrFPDdWOaXjOSA/s1600/6.jpg" height="230" title="design-logo5" width="320" /></a></div>
<br />
وبعد ذلك قمت بتحويل حرف ep الى صورة . اضغط كلك يمين ثم اختار Rasterize type حتى يمكن التحكم فى تغير اللوان لك حرف بسهولة<br />
ويمكن تغير اللوان لكل حرف على حدا ولكن هذه الطريقة سريعة فى الوقت <br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkJmRlLu79JM1nLQHQb3CLk4xu01ZfgkngLVqbaV5BvAX6U-4TzFfB5Pk7lgrq1Y0WY9lwZPh5oMcqsutoP-WG0uwIbpA5sf5HceUnyoqqwpH9hmfNW3krvWWdoCijJiHj089jLcZeSeE/s1600/7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-logo6" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkJmRlLu79JM1nLQHQb3CLk4xu01ZfgkngLVqbaV5BvAX6U-4TzFfB5Pk7lgrq1Y0WY9lwZPh5oMcqsutoP-WG0uwIbpA5sf5HceUnyoqqwpH9hmfNW3krvWWdoCijJiHj089jLcZeSeE/s1600/7.jpg" height="400" title="design-logo6" width="207" /></a></div>
<br />
<br />
ناتى الى باقى كلمة Colors وهى olors لقد قمت بتغير الفونت لباقى هذه الكلمة ولكن لابد من تناسق الخطوط مع بعضها <br />
حتى تظهر الكلمة بشكل لائق <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid9G6Ac0uFhuKaT2YjU15CFaVDvrdQ6lSm_-yt53Pa24EaKZeCm6ahKUkufp4idREV84Fsh0cgUnWq5pucEnL0AFvSq_4bPWguWWKSqenW5UemLp8xlrtW0Q51UzQG-ICqNhhlWWflX-8/s1600/8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-logo6" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid9G6Ac0uFhuKaT2YjU15CFaVDvrdQ6lSm_-yt53Pa24EaKZeCm6ahKUkufp4idREV84Fsh0cgUnWq5pucEnL0AFvSq_4bPWguWWKSqenW5UemLp8xlrtW0Q51UzQG-ICqNhhlWWflX-8/s1600/8.jpg" height="231" title="design-logo6" width="320" /></a></div>
<br />
<br />
<br />
لقد قمت بكتابة olors فى layer اخر وقمت بعمل stroke اوختيار اللون الاسود للكلمة حتى تظهر من الخارج باللون الاسود<br />
ثم قمت بعمل Bevel and Emboss حتى تعطى تأثير بارز بعض الشى للكلمة <br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG0jFcZ3ZLbWX0MZK9yHzWVg2zPYBJPV6E1Rls8TYOH8WbAQSXjgb1ghP9ifoLLTmfI8pQ8oUZxOLHGRR_66YAWdU2yErYqKb6IvQ0EKfCzNZSl4lWc84wMGVFgLhOC46omasNtXwDOcw/s1600/9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-logo7" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG0jFcZ3ZLbWX0MZK9yHzWVg2zPYBJPV6E1Rls8TYOH8WbAQSXjgb1ghP9ifoLLTmfI8pQ8oUZxOLHGRR_66YAWdU2yErYqKb6IvQ0EKfCzNZSl4lWc84wMGVFgLhOC46omasNtXwDOcw/s1600/9.jpg" height="305" title="design-logo7" width="400" /></a></div>
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br />
ثم قم بتحويل layer الى صورة حتى تسطيع التحكم فى تغير اللوان الكلمة بسهولة من Rasterize type ثم قم بتحديد كل حرف<br />
تريد تغير لونة كما مبين فى الصورة بعد فتح لير جديد واختيار اللون قم بتلوين الجزء المحدد هذه الطريقة لتسريع عملية تغير<br />
الالوان <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGgp0Da8smOkDmsnXG7g7yuxjkVFqjjr87A-eawEYhzaU7tY1mSQq0ZuCXDBtF9tYcJ_9DlzrSI85lVyYWWtWkcLUFc465kwvnf1IXb5QTja6Bl48BifSitZbuVD9SOTToq8cfzFPQHxM/s1600/rhtrj.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-logo8" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGgp0Da8smOkDmsnXG7g7yuxjkVFqjjr87A-eawEYhzaU7tY1mSQq0ZuCXDBtF9tYcJ_9DlzrSI85lVyYWWtWkcLUFc465kwvnf1IXb5QTja6Bl48BifSitZbuVD9SOTToq8cfzFPQHxM/s1600/rhtrj.jpg" height="300" title="design-logo8" width="400" /></a></div>
<br />
<br />
لابد من تناسق كل فونت مع الاخر حتى يصبح العمل لائق ولابد من تناسق الالوان مع بعضها ختى يظهر فى الشكل<br />
النهائى باسلوب مميز وجذاب<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg5OsS7BP8n5oe8yH-FIBKBABupQAUV_rFDwt-RZFlbYReFjIFdjyhw7Fd1HukVp0RPGHWxHvUm28OrwIYJV_JxLQyObizzSu-nNa5lAlbRj3BNRKUtssTnmeO45r196TEVtbif66fXyQ/s1600/8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="design-logo0" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg5OsS7BP8n5oe8yH-FIBKBABupQAUV_rFDwt-RZFlbYReFjIFdjyhw7Fd1HukVp0RPGHWxHvUm28OrwIYJV_JxLQyObizzSu-nNa5lAlbRj3BNRKUtssTnmeO45r196TEVtbif66fXyQ/s1600/8.jpg" height="288" title="design-logo0" width="400" /></a></div>
ولكل منا ذوقة المختلف عن الاخر ولكن لابد من تناسق الالوان وحجم الكتابة حتى تبهر الناظر لها <br />
<br />
<div style="text-align: center;">
نسال الله ان نكون قد افدناكم بهذا الدرس </div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-50225647311831099432013-06-24T09:51:00.003-07:002013-06-24T09:52:24.888-07:00كود فانوس رمضان اضافة جديدة للمواقع والمدونات<div dir="rtl" style="text-align: right;" trbidi="on">
بسم الله الرحمن الرحيم<br />
<br />
السلام عليكم ورحمة الله وبركاته<br />
<br />
كل عام وانتم بخير بمناسبة قرب شهر رمضان الكريم لهذا العام وأقدم لكم بهذه المناسبة إضافة رائعة تضاف للمواقع والمدونات لتهنئة زوار موقعك أو مدونتك بالشهر الكريم وهى فانوس رمضان.<br />
من مميزات هذه الإضافة انها خفيفة وسريعة التحميل بعكس بعض الإضافات الفلاشية. <br />
إختر الشكل المناسب الذى يناسب هيدر مدونتك أو موقعك ثم إنسخ الكود الخاص بالإضافة فى موقعك.<br />
طريقة تركيب الإضافة على مدونات بلوجر:<br />
<ol style="text-align: right;">
<li>إذهب إلى لوحة التحكم بالمدونة.</li>
<li>إختر تخطيط</li>
<li>إختر أضف أداة</li>
<li>إختر من الأدوات Html/javascript</li>
<li>إنسخ الكود الخاص بالفانوس المناسب فى الأداة ثم حفظ </li>
</ol>
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjdHTIk0MVsoMQcwrlfuq_e7EYfgPvh-m-0KnDMRo9eJr8AV3CNz4D5wf2l4J06Wd-TmcTMG_81P3fDEp12ricUHQiRzlaAruExEYOyErlscuXFanLiu6nWGxMpbn6fYzbTNhh8azL2tA/s1600/fan-3.png" style="margin-left: 1em; margin-right: 1em;"><img alt="ramadan" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjdHTIk0MVsoMQcwrlfuq_e7EYfgPvh-m-0KnDMRo9eJr8AV3CNz4D5wf2l4J06Wd-TmcTMG_81P3fDEp12ricUHQiRzlaAruExEYOyErlscuXFanLiu6nWGxMpbn6fYzbTNhh8azL2tA/s1600/fan-3.png" height="320" title="ramadan" width="103" /></a> </div>
<br />
<center>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 82px; margin: 0px; overflow: auto; padding: 6px; width: 550px;"><div style="float:top left; position:absolute; overflow:visible; left:130px; top:0px; height:116px; width:116px;">
<a href="http://web-colors.blogspot.com/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjdHTIk0MVsoMQcwrlfuq_e7EYfgPvh-m-0KnDMRo9eJr8AV3CNz4D5wf2l4J06Wd-TmcTMG_81P3fDEp12ricUHQiRzlaAruExEYOyErlscuXFanLiu6nWGxMpbn6fYzbTNhh8azL2tA/s1600/fan-3.png" width="<span style="color: red;"><b>50</b></span>,height="<span style="color: red;"><b>100</b></span>" alt="رمضان كريم" title="احصل على هذه الإضافة" border="0"/>
</a></div></pre>
</center>
<div style="text-align: center;">
<br /></div>
مع تغيير القيم المكتوبة باللون الأحمر بالكود إلى الطول والعرض المناسبين لهيدر المدونة.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3EEGvB2X39FzXYO46hvnkJR5Jo-BiLCuC7-1aJrTMpDheyx7l6rAgUt2B99hGaD81uMh6ehK777pK6HJ4d8i_9Aqnzuk_ZMeGbrFamuxK0C_DVLowu0Go9PJ-F1sZa6picqomxpXab6g/s1600/fan-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="fanos-ramadan" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3EEGvB2X39FzXYO46hvnkJR5Jo-BiLCuC7-1aJrTMpDheyx7l6rAgUt2B99hGaD81uMh6ehK777pK6HJ4d8i_9Aqnzuk_ZMeGbrFamuxK0C_DVLowu0Go9PJ-F1sZa6picqomxpXab6g/s1600/fan-1.png" height="320" title="fanos-ramadan" width="177" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<center>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 82px; margin: 0px; overflow: auto; padding: 6px; width: 550px;"><div style="float:top left; position:absolute; overflow:visible; left:130px; top:0px; height:116px; width:116px;">
<a href="http://web-colors.blogspot.com/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3EEGvB2X39FzXYO46hvnkJR5Jo-BiLCuC7-1aJrTMpDheyx7l6rAgUt2B99hGaD81uMh6ehK777pK6HJ4d8i_9Aqnzuk_ZMeGbrFamuxK0C_DVLowu0Go9PJ-F1sZa6picqomxpXab6g/s1600/fan-1.png"width="<span style="color: red;"><b>100</b></span>,height="<span style="color: red;"><b>150</b></span>" alt="رمضان كريم" title="احصل على هذه الإضافة" border="0"/>
</a></div></pre>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
<br />
<div style="text-align: right;">
مع تغيير القيم المكتوبة باللون الأحمر بالكود إلى الطول والعرض المناسبين لهيدر المدونة</div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiD8iN9J0YU-_laDU9fCr4RHxMNWgHIGwon_1QYxJZCkY4pSuabN-tpUO0Yqau_Ab0RH67-JEwc668TUgAEYMkZ0wfdhH6SUq21xjdKDIziB5IJzgxqBMAvslf5Df931_4y38cGnieMwM/s1600/fan-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="islamic-lamb" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiD8iN9J0YU-_laDU9fCr4RHxMNWgHIGwon_1QYxJZCkY4pSuabN-tpUO0Yqau_Ab0RH67-JEwc668TUgAEYMkZ0wfdhH6SUq21xjdKDIziB5IJzgxqBMAvslf5Df931_4y38cGnieMwM/s1600/fan-2.png" title="islamic-lamb" /></a></div>
<br />
<center>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 82px; margin: 0px; overflow: auto; padding: 6px; width: 550px;"><div style="float:top left; position:absolute; overflow:visible; left:130px; top:0px; height:116px; width:116px;">
<a href="http://web-colors.blogspot.com/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiD8iN9J0YU-_laDU9fCr4RHxMNWgHIGwon_1QYxJZCkY4pSuabN-tpUO0Yqau_Ab0RH67-JEwc668TUgAEYMkZ0wfdhH6SUq21xjdKDIziB5IJzgxqBMAvslf5Df931_4y38cGnieMwM/s1600/fan-2.png" width="<span style="color: red;"><b>50</b></span>,height="<span style="color: red;"><b>100</b></span>" alt="رمضان كريم" title="احصل على هذه الإضافة" border="0"/>
</a></div></pre>
<br />
<div style="text-align: right;">
مع تغيير القيم المكتوبة باللون الأحمر بالكود إلى الطول والعرض المناسبين لهيدر المدونة.<br />
<br />
<div style="text-align: center;">
<span style="font-size: large;"><span style="background-color: yellow;"><span style="color: red;"><b>الرجاء عدم نسخ الموضوع بدون ذكر مصدره ورابط المدونة </b></span></span></span></div>
</div>
</center>
</div>
</center>
</div>
Anonymoushttp://www.blogger.com/profile/10899493323126052743noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-27038940286366762022013-06-23T00:39:00.000-07:002013-06-23T10:02:07.640-07:00ما هو الهاشتاج في الفيسبوك و كيف يستخدم<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
بسم الله الرحمن الرحيم </div>
<div style="text-align: center;">
<br /></div>
للفيس بوك خدع وخافيا يجهلها كثير منا معنا فى مدونة <b><span style="color: red;">"الوان الويب"</span></b> سوف نقوم بشرح تفصيلى لكل خفايا وخدع الفيس بوك .<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijJIuV-BYKp9S1oQMV0HXAmoVYEpO-1grzQ4wc_taUUeMzLG6FbyIN10vcE2qE3juSeqUcoU1F3x0PH55faiCPQUGn1JuQiFK3C0tUrBStToDKlUiU2Q6yFVyUN4yJ03oUMXTkB2DmISk/s1600/facebook-for-ios-upda%D9%84%D8%A7ted-cover-photos-0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="hashtag" border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijJIuV-BYKp9S1oQMV0HXAmoVYEpO-1grzQ4wc_taUUeMzLG6FbyIN10vcE2qE3juSeqUcoU1F3x0PH55faiCPQUGn1JuQiFK3C0tUrBStToDKlUiU2Q6yFVyUN4yJ03oUMXTkB2DmISk/s1600/facebook-for-ios-upda%D9%84%D8%A7ted-cover-photos-0.jpg" title="hashtag" width="320" /></a></div>
<br />
<br />
<div style="text-align: right;">
<span style="font-weight: normal;">تم
تفعيل الهاش تاغ منذ أيام قليلة على موقع التواصل الإجتماعي فيسبوك ، يعتبر
الهاشتاغ أمراً جديداً بالنسبة لبعض مستخدمي الفيسبوك إلا أنه معروف و
شائع لدى مستخدمي تويتر ، غوغل</span></div>
<div style="text-align: right;">
<span style="font-weight: normal;">الهاش
تاغ هو عبارة عن كلمة مسبوقة بالرمز # ، وهو يستخدم لتصنيف منشوراتك على
الفيسبوك ، فإذا أردت نشر تحديث يتعلق بمدونة <b><span style="color: red;">الوان الويب</span></b> مثلاً ، تكتب ضمن
التحديث #<b><b><span style="color: red;">الوان الويب</span></b></b></span></div>
<h3 style="text-align: right;">
<span style="font-weight: normal;"><br /> <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0UgAWKJdtu0LnJI2WKr_E3-4WZtUViv-28hxDv0iotoy9JfTac8a5lmpvOoIbbAQlgLOf_hyphenhyphenEIsZQKXDJCAjIUdi-QU5Rt7fTIHPDsP-nn19V-6X2U95F0SZUvn70XZZ4cC-eqzSObhE/s1600/79.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="hashtag2" border="0" height="465" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0UgAWKJdtu0LnJI2WKr_E3-4WZtUViv-28hxDv0iotoy9JfTac8a5lmpvOoIbbAQlgLOf_hyphenhyphenEIsZQKXDJCAjIUdi-QU5Rt7fTIHPDsP-nn19V-6X2U95F0SZUvn70XZZ4cC-eqzSObhE/s1600/79.jpg" title="hashtag2" width="640" /></a></div>
</span></h3>
<div style="text-align: right;">
<span style="font-weight: normal;"> هذة العلامة تتيح لك معرفة كل شئ يتعلق بهذا الاسم على الفيس بوك </span></div>
<div style="text-align: right;">
<span style="font-weight: normal;"> طريقة بسيطة للتعارف و التواصل بين الأشخاص اللذين يملكون اهتمامات مشتركة </span></div>
<div style="text-align: right;">
<span style="font-weight: normal;">وتقوم بتسهيل امور كثيرة فى معرفة اسماء لاشخاص او اماكن .... الخ </span></div>
<div style="text-align: right;">
<span style="font-weight: normal;"> </span></div>
<h3 style="text-align: right;">
<span style="font-weight: normal;"> </span></h3>
</div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-58782298344305182722013-06-22T17:24:00.000-07:002013-06-23T06:04:02.973-07:00كيف تحذف بروفايل فيسبوك مزور ينتحل هويتك <div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
بسم الله الرحمن الرحيم </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
للفيس بوك خدع وخافيا يجهلها كثير منا معنا فى مدونة <b><span style="color: red;">"الوان الويب"</span></b> سوف نقوم بشرح تفصيلى لكل خفايا وخدع الفيس بوك .<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUWowV7v1HQF4Gh1yZ5R2vLFU4yd-fiVsf65JXfhh6Z_FayVqHkucD8GtmRGO1qivhG8bWeNwyb0zEyYTJkrlCarhyZ90frFGs6zlJxmuifzlt9cB1GqLPhkXwLrvbl4Ru-Jqn3JWXda0/s1600/fake+fb.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="fake fb " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUWowV7v1HQF4Gh1yZ5R2vLFU4yd-fiVsf65JXfhh6Z_FayVqHkucD8GtmRGO1qivhG8bWeNwyb0zEyYTJkrlCarhyZ90frFGs6zlJxmuifzlt9cB1GqLPhkXwLrvbl4Ru-Jqn3JWXda0/s1600/fake+fb.jpg" height="203" title="fake fb" width="320" /></a></div>
<br />
<span style="background-color: white; color: #333333; display: inline ! important; float: none; font-family: Tahoma; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26px; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">لعلك عانيت من مشكلة بروفايل مزور لك على الفيسبوك ، او انك سمعت بصديق لك عانى هو كذلك من هذه المشكلة ، طبعا هذه البروفايلات الوهمية غرضها واضح وهو التشهير بصاحب البروفايل او الإسائة الى سمعته ، وهذا هو الملاحظ بكثرة في صنف البنات ، كون ان العديد من ضعاف النفوس يعملون على إنشاء بروفايلات مزورة بصور إبحاية لأسماء فتيات من اجل تلطيخ سمعتهن ، وهذا امر لايمكن لاحد منا ان ينكره .</span></div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
<span style="background-color: white; color: #333333; display: inline ! important; float: none; font-family: Tahoma; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26px; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"></span><b><span style="color: red;"><span style="color: black;"> سوف نقوم بشرح تفصيلى لحذف الاكونت المزور الذى ينتحل شخصيتك </span></span></b></div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
<b><span style="color: red;"><span style="color: black;"> 1- اذهب الى صفحة الشخص الذى ينتحل شخصيتك على الفيس بوك سوف تجد سهم اضغط عليه </span></span></b></div>
<div style="text-align: right;">
<b><span style="color: red;"><span style="color: black;">ثم اختار <span style="color: red;">Report/Block</span></span></span></b></div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeDaSdZA82olCp2cPtVId5RNCtB-s9-LTyDbdAhEtZIqs12K09fKSTGlZmNL5C3jTgVlhOepXGAORTJn8-is7Eyujb7pij4BL3CUCrMLJnNrqkXSSSuInRXBXfpiMbw0LpUPnUjtl7ABA/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="fake fb 1" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeDaSdZA82olCp2cPtVId5RNCtB-s9-LTyDbdAhEtZIqs12K09fKSTGlZmNL5C3jTgVlhOepXGAORTJn8-is7Eyujb7pij4BL3CUCrMLJnNrqkXSSSuInRXBXfpiMbw0LpUPnUjtl7ABA/s1600/1.jpg" title="fake fb 1" /></a></div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
2- ثم بعد تختار <b><span style="color: red;">Block</span></b> لاسم الشخص منتحل الشخصية </div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR9lIntfTF_SFlHcTypz0TgUhhLt_5FH1HA_-5uIXjsOqGqWlifE8lAvOawrOEyd7hyphenhyphenLh8zLZgJFzijGwjes_v6andAUTaQ_rfDJPceR8gOi48kxy2Im__X5pnWBJ5sBPq0ttJ1mzeoYU/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="fake fb 2" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR9lIntfTF_SFlHcTypz0TgUhhLt_5FH1HA_-5uIXjsOqGqWlifE8lAvOawrOEyd7hyphenhyphenLh8zLZgJFzijGwjes_v6andAUTaQ_rfDJPceR8gOi48kxy2Im__X5pnWBJ5sBPq0ttJ1mzeoYU/s1600/2.jpg" height="231" title="fake fb 2" width="320" /></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
3- ثم تختار كما فى الصورة ان هذا الشخص منتحل لشخصيتك . اضغط على <b><span style="color: red;">pretending to be me</span></b> </div>
<div style="text-align: right;">
ثم اضغط <b><span style="color: red;">continue</span></b></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg70BosJ8jobO3nXiaEgvxmlisJkefwjMdgvE0UIzrWONYffk1RkUTyif7S6UIqmD8Sdro7FYf8tdvlhmnpPPwrxFzSp2lUjJZcI-hdHxKmlasCckKtyN570GSwRis50YdA5I7ge4SmoE0/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="fake fb 3" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg70BosJ8jobO3nXiaEgvxmlisJkefwjMdgvE0UIzrWONYffk1RkUTyif7S6UIqmD8Sdro7FYf8tdvlhmnpPPwrxFzSp2lUjJZcI-hdHxKmlasCckKtyN570GSwRis50YdA5I7ge4SmoE0/s1600/3.jpg" height="253" title="fake fb 3" width="320" /></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
4- ثم تظهر هذه النافذة اضغط على <b><span style="color: red;">I confirm that this report is correct</span></b> ثم اضغط على <b><span style="color: red;">Confirm</span></b></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Z9fLsW-A1mldRtUoAiXiOQspDfK3NJuJX5S6DkiB01YDBTqQXAOivC3q8dcgs3ie0kBki1dQ-kehn0J6Bo9xRl4w-5Vgeuvn7zZKBwOCcGLIAIBiWHJw0N4oI-fDT1KOaSeRZt2IFiI/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="fake fb 4" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Z9fLsW-A1mldRtUoAiXiOQspDfK3NJuJX5S6DkiB01YDBTqQXAOivC3q8dcgs3ie0kBki1dQ-kehn0J6Bo9xRl4w-5Vgeuvn7zZKBwOCcGLIAIBiWHJw0N4oI-fDT1KOaSeRZt2IFiI/s1600/4.jpg" height="190" title="fake fb 4" width="320" /></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
5- ثم سوف تذهب لهذا الرابط <b><span style="color: red;">http://go.th3pf.com/datafbc</span></b></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
6- قم بتفعيل البيانات كما موضح بالصورة </div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiddlPgK22X8p14FfIuJDHJQW7ugq4DpPpigfYPJFMbdpdEGkf7Nr4jihyphenhyphenb6qhnFe5BVM2QN0sVhthVM7rPJ1-8fL6uYxW5Zn4Rm8zbH5OZz7xTG_FqW1_MFlD-kT9tWn4nVUVeO7HizLI/s1600/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="fake fb 5" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiddlPgK22X8p14FfIuJDHJQW7ugq4DpPpigfYPJFMbdpdEGkf7Nr4jihyphenhyphenb6qhnFe5BVM2QN0sVhthVM7rPJ1-8fL6uYxW5Zn4Rm8zbH5OZz7xTG_FqW1_MFlD-kT9tWn4nVUVeO7HizLI/s1600/6.jpg" height="522" title="fake fb 5" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
7- قم باخذ رابط الشخص منتحل شخصيتك وضعة فى المكان المشار اليه فى الصورة .</div>
<div style="text-align: right;">
ناتى الى اهم خطوة وهى ان تقوم باخد بطاقتك الشخصية وضعها على الاسكانر وضعها كا صورة ثم قم برفعها على </div>
<div style="text-align: right;">
على <b><span style="color: red;">Upload</span></b> الموجودة فى الصورة ومن خلال هذه الخطوة تتاكد ادارة الفيس بوك انك المالك الحقيقى لهذه الصفحة وان </div>
<div style="text-align: right;">
الشخص الاخر هو منتحل شخصيتك </div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMOPZhxqAE0RfeMIsR9GtNvilFM1iNFpe4VNPd7qkme_3Q7PfEYnDK7Q66_BrUXEgHyNFe-GKgVhiMN8xUctwZCdz1CsW0OcvTQOkGIYNYrPIGCdhINqlWMogGgQciOD1Rqx6r-mM56nk/s1600/fs7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="fake fb 6" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMOPZhxqAE0RfeMIsR9GtNvilFM1iNFpe4VNPd7qkme_3Q7PfEYnDK7Q66_BrUXEgHyNFe-GKgVhiMN8xUctwZCdz1CsW0OcvTQOkGIYNYrPIGCdhINqlWMogGgQciOD1Rqx6r-mM56nk/s1600/fs7.jpg" height="498" title="fake fb 6" width="640" /></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
وبهذه الطريقة تقضى تمام على بروفايل هذا الشخص منتحل شخصيتك </div>
<div style="text-align: right;">
</div>
<div style="text-align: center;">
<span style="font-size: large;"><b><span style="color: red;">ملحوظة </span></b></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
<span style="font-size: large;"> يحذف البروفايل بعد عمل هذه العملية خلال 48 ساعة من عملها</span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
</div>
</div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com0tag:blogger.com,1999:blog-3295639588751214901.post-70350293599605095632013-06-22T11:36:00.000-07:002013-06-23T06:04:14.960-07:00كيف تحمي صورة البروفايل على الفيسبوك من السرقة<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<br />
بسم الله الرحمن الرحيم </div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
للفيس بوك خدع وخافيا يجهلها كثير منا معنا فى مدونة <b><span style="color: red;">"الوان الويب"</span></b> سوف نقوم بشرح تفصيلى لكل خفايا وخدع الفيس بوك .</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMC4f3U-o0IbZBFnczKH87NgF4WUKCQGFT0HTNtCvqZiUyJ8UbmqMwlEWSExjKOTmxaGeEq8W5ZtSzPd9XFCFWh2DBlgZeY1hJfeKp_2qE4hPTqSZqwFgvLmrQSCjn7tw1mW9Z8TMRmeo/s1600/hkhkh.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Protect the image2 FB" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMC4f3U-o0IbZBFnczKH87NgF4WUKCQGFT0HTNtCvqZiUyJ8UbmqMwlEWSExjKOTmxaGeEq8W5ZtSzPd9XFCFWh2DBlgZeY1hJfeKp_2qE4hPTqSZqwFgvLmrQSCjn7tw1mW9Z8TMRmeo/s1600/hkhkh.jpg" height="203" title="Protect the image2 FB" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br /></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: right;">
<ol style="text-align: right;">
<li><h3 class="post-title entry-title" itemprop="name" style="-webkit-text-stroke-width: 0px; -webkit-transition: all 0.3s ease-in-out; background-color: white; color: #00b4ff; font-family: droidkufi-bold; font-size: 18px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px 0px 4px; orphans: auto; position: relative; text-align: start; text-indent: 0px; text-transform: none; transition: all 0.3s ease-in-out; white-space: normal; widows: auto; word-spacing: 0px;">
<span style="color: red;">كيف تحمي صورة البروفايل على الفيسبوك من السرقة</span></h3>
<h3 class="post-title entry-title" itemprop="name" style="background-color: white; color: #00b4ff; font-family: droidkufi-bold; font-size: 18px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px 0px 4px; position: relative; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="color: black; font-size: small;">هذا الموضوع مزعج لكثير منا وخاصة البنات فهم يخشون من عرض صورة لهم على الفيس بوك خوفا</span></h3>
<h3 class="post-title entry-title" itemprop="name" style="background-color: white; color: #00b4ff; font-family: droidkufi-bold; font-size: 18px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px 0px 4px; position: relative; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="color: black; font-size: small;"> بان يقوم احد باخذ الصورة وفعل امور غير مستحبة بها .</span></h3>
<h3 class="post-title entry-title" itemprop="name" style="background-color: white; color: #00b4ff; font-family: droidkufi-bold; font-size: 18px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px 0px 4px; position: relative; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<b>الخطوة الاولى :</b></h3>
<h3 class="post-title entry-title" itemprop="name" style="background-color: white; color: #00b4ff; font-family: droidkufi-bold; font-size: 18px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px 0px 4px; position: relative; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="font-size: small;"><b><span style="background-color: white; color: #333333; display: inline ! important; float: none; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26px; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">بعد تسجيل دخولك على الفيسبوك ، انقر على إسمك في اليسار المقابل للصورة .</span></b></span></h3>
<h3 class="post-title entry-title" itemprop="name" style="background-color: white; color: #00b4ff; font-family: droidkufi-bold; font-size: 18px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px 0px 4px; position: relative; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="background-color: white; display: inline ! important; float: none; font-family: Tahoma; font-size: 16px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 26px; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">الخطوة الثانية : </span></h3>
<h3 class="post-title entry-title" itemprop="name" style="background-color: white; color: #00b4ff; font-family: droidkufi-bold; font-size: 18px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px 0px 4px; position: relative; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="background-color: white; color: #333333; display: inline ! important; float: none; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26px; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">اضغط على الصورة التى ترغب بعدم اظهارها لاحد سوف تجد على الجانب الايمن اسفل اسمك سهم اضغط عليه ثم اضغط على كلمة <span style="color: red;">"<b>Only My</b>"</span> بهذه الطريقة قمت باخفاء صورتك وحمايتها من السرقة <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-w2MG2cE7VVmDqm_sPl5jyTlL-lVvkVzYzh3nLr670Vi2KNpzsME8X-DAEAkTQAGA93DPjr0o6DOwpLZKR48aA7o4HUpqpx-Uh8v4ij72HkkaKzdrDzmcuentjgDQC4uBx3rsFLUEK0I/s1600/Protect+the+image+FB.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Protect the image FB" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-w2MG2cE7VVmDqm_sPl5jyTlL-lVvkVzYzh3nLr670Vi2KNpzsME8X-DAEAkTQAGA93DPjr0o6DOwpLZKR48aA7o4HUpqpx-Uh8v4ij72HkkaKzdrDzmcuentjgDQC4uBx3rsFLUEK0I/s1600/Protect+the+image+FB.jpg" title="Protect the image FB" /></a><span style="background-color: white; color: #333333; display: inline ! important; float: none; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26px; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"> </span></div>
</span></h3>
<h3 class="post-title entry-title" itemprop="name" style="background-color: white; color: #00b4ff; font-family: droidkufi-bold; font-size: 18px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px 0px 4px; position: relative; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
</h3>
<span style="font-size: small;"><span style="background-color: white; color: #333333; display: inline ! important; float: none; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26px; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><span style="font-family: Arial,Helvetica,sans-serif;">الان قم بنفس العملية مع جميع صور البروفايل الاخرى على الفيسبوك وهكذا عندما سيضغط شخص غريب او صديق لك على صورة البروفايل لن يتمكن اولا من تكبيرها ثانيا سرقتها منك ، وهكذا ستكون قد إستطعت حماية صورة بروفايلك من السرقة بإمتياز.</span> </span></span></li>
</ol>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/09775176136594836184noreply@blogger.com1tag:blogger.com,1999:blog-3295639588751214901.post-58352426956548895252013-06-21T16:50:00.000-07:002013-06-22T10:32:34.921-07:00تعليم لغة اكواد Html وفائدتها الدرس الأول <div dir="rtl" style="text-align: right;" trbidi="on">
بسم الله الرحمن الرحيم<br />
<br />
السلام عليكم ورحمة الله وبركاته<br />
<br />
بداية تعلم تصميم المواقع لابد وأن تبدأ بتعلم لغة HTML وتعلم كيفية إستخدامها لأنها هى لغة الويب الأساسية وقد ذكرت بعض التلميحات عن كيفية تعلم تصميم المواقع على الإنترنت يمكن الإطلاع عليها من <a href="http://web-colors.blogspot.com/2013/06/web-design.html" target="_blank">هــناااااااا </a><br />
ولكن دعنا نتعرف أكثر عن لغة Html<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh42S7P9gqrkvRghqJ0skTRuDia5eNzw0aEmQigUN3gyC8uDLgdfWGRQKUEr88llIgH8FLhmX0PqmkyXF1Cik5-xBw8bGoDzTrjNx-WnA6CB65K9YBWWRE8EMWTG-QkPux7sxFbawkMBr8/s1600/HTML-icon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="html-icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh42S7P9gqrkvRghqJ0skTRuDia5eNzw0aEmQigUN3gyC8uDLgdfWGRQKUEr88llIgH8FLhmX0PqmkyXF1Cik5-xBw8bGoDzTrjNx-WnA6CB65K9YBWWRE8EMWTG-QkPux7sxFbawkMBr8/s1600/HTML-icon.png" height="320" title="html-icon" width="320" /></a></div>
<div style="text-align: justify;">
<span style="color: red;"><b>ما هى اكواد Html؟</b></span></div>
<div style="text-align: justify;">
Html هى اختصار لـ HyperText Mark-up Language وترجمتها لغة توصيف النص التشعبي وقام بإختراع هذه اللغة تيم بيرنرز لي .عام 1990 </div>
<div style="text-align: justify;">
وهى اللغة التى تسمح بعرض المعلومات على شبكة الإنترنت وهى أول لغة تم إستخدامها فى تصميم صفحات المواقع قد يعتقدها البعض معقدة ولكنها بسيطة جدا وسهلة ويمكن تعلمها خلال أيام قليلة .</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="color: red;"><b>ما فائدة لغة Html؟</b></span></div>
<div style="text-align: justify;">
بالرغم من توافر برامج تصميم المواقع مثل دريم ويفر وفرونت بيج و<a href="http://web-colors.blogspot.com/2013/06/html-editor.html" target="_blank">محررات الأكواد </a> فإن معرفتك للغة Html ولو بشكل بسيط ستساعدك على إنشاء مواقع أفضل.<br />
لايوجد صفحة ويب تخلو من اكواد html فهى تعتبر اللغة التى يقرأها أى متصفح انترنت فى العالم فعن طريق اكواد html يمكن انشاء موقع مكون من عدة صفحات مترابطة بشكل بسيط وتنسيقها بالشكل المناسب.<br />
<br />
<span style="color: red;"><b>كيف تنشئ صفحة ويب بإستخدام أكواد Html </b></span><br />
1. ممكن انشاء صفحة ويب عن طريق فتح Notepad الموجود على جهازك فى الويندوز ثم إنسخ به كود Html وليكن هذا الكود<br />
<br />
<center>
</center>
<center>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 100px; margin: 0px; overflow: auto; padding: 6px; width: 500px;"><span style="color: #ff8000;"><p>تعلم تصميم المواقع من البداية الى الاحتراف</p>
<p>فى<a href="http://web-colors.blogspot.com/"> ألوان الويب</a></p>
</span></pre>
</center>
<br />
ثم قم بحفظ الملف بأى إسم ولكن أضف إمتداد صفحة الويب وليكن بهذا الشكل file.htm<br />
سنجدتحول ايقونة الملف الى ايقونة المتصفح الذى يعمل على جهازك وبفتح الملف سيفتح كصفحة انترنت بها بعض المعلومات.<br />
لاحظ كيفية كتابة الكود وكيفية ظهور المعلومة. <br />
<br />
2. من الافضل إستخدام++ notpad كما وضحت سابقا فى <a href="http://web-colors.blogspot.com/2013/06/web-design.html" target="_blank">هذا الموضوع </a>لسهولة إستخدامه وتميز الأكواد بالألوان فهو يدعم العديد من لغات البرمجة ولحفظ صفحة الويب بلغة Html إحفظ الملف من قائمة File بأى إسم ثم إختر الإمتداد من القائمة save as type<br />
" Hyper text mark up"<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi70SZJ9_tub7CcwWgK9rH-laEfpWBPDvAi7Bdo_pR-gSXGHC35QyV2Cc_p3Ak4akY9MevyNoBHI6f5piylmN4T2aciTdRpmsCOqiIPcXGTo_UcJpGcOTzDD1ejQo_TwSora7mjiDKq1nM/s1600/gyh7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi70SZJ9_tub7CcwWgK9rH-laEfpWBPDvAi7Bdo_pR-gSXGHC35QyV2Cc_p3Ak4akY9MevyNoBHI6f5piylmN4T2aciTdRpmsCOqiIPcXGTo_UcJpGcOTzDD1ejQo_TwSora7mjiDKq1nM/s1600/gyh7.jpg" /></a></div>
ويمكن تجربة صفحة الويب مباشرة على مختلف المتصفحات من خلال برنامج++ notepad <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXoTOo-9EG8R7jETNDYG-kIKo3gSvZ0z3QRteBHGNXdAggsUi-WbOSoxo3Gq_-CyHxz74O7s8bqM_10tsmBQblIwIPmfgl7dOOKF3kxfgbbOdvRehnRWkLiEn_wl2kt4r07yalj0qQiyo/s1600/%D9%86%D8%AA%D8%A7%D8%AA%D8%A7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXoTOo-9EG8R7jETNDYG-kIKo3gSvZ0z3QRteBHGNXdAggsUi-WbOSoxo3Gq_-CyHxz74O7s8bqM_10tsmBQblIwIPmfgl7dOOKF3kxfgbbOdvRehnRWkLiEn_wl2kt4r07yalj0qQiyo/s1600/%D9%86%D8%AA%D8%A7%D8%AA%D8%A7.jpg" height="135" width="400" /></a></div>
<br />
من مميزات هذا البرنامج أيضا أنه يمكن فتح أكثر من ملف فى وقت واحد سواء ملف نصى أو برمجى والإنتقال بين هذه الملفات بسهولة ويسر بضغطة واحدة كما به<b> </b>خاصية التقريب والابعاد التى تسهل للمستخدم القراءة الافضل عن طريق تكبير حجم الخط.<br />
<br />
3. يمكن للمبتدئين الإستعانة ب<a href="http://web-colors.blogspot.com/2013/06/html-editor.html" target="_blank">محرر الأكواد أون لاين</a> ومحاولة صنع صفحة ويب بإستخدام أشرطة الأدوات الموجودة بالتطبيق فى كتابة النصوص وإضة الروابط والصور ثم الحصول على شفرة كود Html من خلال الضغط على source فى شريط الأدوات.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpkOi8ajEoj8LOiZA56uKODA_gFgLEeocbp97rIWgal3KktJaOMa5z-nEvgJLd2JmcommGsd6WbdEimvZm8_fr1h8OrQvmclMqtGkLmxoWuUMgzXZ4KCpaLTzIMvJ_SKO32fKQC32C2sM/s1600/884.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpkOi8ajEoj8LOiZA56uKODA_gFgLEeocbp97rIWgal3KktJaOMa5z-nEvgJLd2JmcommGsd6WbdEimvZm8_fr1h8OrQvmclMqtGkLmxoWuUMgzXZ4KCpaLTzIMvJ_SKO32fKQC32C2sM/s1600/884.jpg" height="231" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="color: red;"><b> كيف أتعرف على أكواد Html لأى صفحة ويب</b><b>؟</b></span><br />
لاتوجد صفحة ويب تخلو من أكواد Html لذلك ممكن معرفة أى أكواد صفحة ويب من خلال المتصفح<br />
بإستخدام متصفح فايرفوكس Firefox أو متصفح جوجل كروم google chrome<br />
بمجرد عمل كليك يمين على الصفحة ثم View page source تظهر الأكواد التى تحتوى عليها هذه الصفحة.<br />
<br />
وأخيرا أرجو أن يفيد هذا الدرس ولكن لابد من التطبيق حتى تترسخ المعلومة . </div>
</div>
Anonymoushttp://www.blogger.com/profile/10899493323126052743noreply@blogger.com0