| Sitemap | Archive | Tag Could | |
|
 |  |  |
|  |  |
     | ||
مناقشة موضوع هل تعرف ماهو ال Position وخصائصة في تقنية CSS ؟ في دروس برمجة مواقع; هل تعرف ماهو الـ Position وخصائصة في تقنية CSS ؟ بسم الله الرحمن الرحيم .. Position_ هو أحد الأوامر المثيرة جدا في تقنية CSS فمن خلالها يمكنك تقسيم وتوزيع الموقع وتتحكم فيه كالوحة الشطرنج وسأقدم لكم فك ...
| |||||||
 |
| LinkBack | أدوات الموضوع | طرق مشاهدة الموضوع |
 09-21-2007, 07:37 مساءً | #1 (permalink) |
| .::+: Gulf Son :+::.   تاريخ التسجيل: May 2005 الدولة: بلاد الخليج المشاركات: 45,743 معدل تقييم المستوى: 53     | هل تعرف ماهو الـ Position وخصائصة في تقنية CSS ؟ هل تعرف ماهو الـ Position وخصائصة في تقنية CSS ؟ بسم الله الرحمن الرحيم .. Position_ هو أحد الأوامر المثيرة جدا في تقنية CSS فمن خلالها يمكنك تقسيم وتوزيع الموقع وتتحكم فيه كالوحة الشطرنج  وسأقدم لكم فكرة عامة عنه مع الأمثلة شاهد ( هذا المثال ) على متصفح قياسي وحاول أن تحرّك شريط التمرير الجانبي من المتصفح لترى العناصر الثابتة والعناصر الأخرى التى تتحرك ـ والصفحة عبارة عن مجموعه من الفقرات <p> تم التحكم فيها بشكل عشوائي عن طريق ذلك الأمر بوضع فئات class متعددة لكل منهم .. نتابع .. فالـ Position : وهو كما الأسم وظيفته تحديد الموضع لأي عنصر او صندوق موجود داخل صفحة العرض بنافذة المتصفح وهذا الأمر له 4 خصائص للتحكم في الموضع وكل خاصية فيهم لها إتجاهات أو إحداثيات ( أفقي ورأسي ) يتم تحديد بها مكان موضعها بالضبط! وتدخل القيم عن طريق الأرقام بوحدات قياس او النسب المئوية % هكذا فقط في إتجاهين كود: #box3 { position: absolute; top: 25%; left: 120px;} وتعرّف تلك الخواص كالتالي : في الصور المعروضة لشرح الخواص سنعتبر أن الخلفية البيضاء هى نافذة المتصفح وما داخلها صناديق static : وهو الوضع الإعتيادى ـ وفيه لا يمكن تحديد الموضع عن طريق الإحداثيات top left bottom right ولا تؤثر أو تشاهد تأثيرها في حالة وضعها relative : ويحدد فيه الموضع بالنسبه للعنصر الإعتيادي السابق ـ اى ان موضعه يُحَدَد نسبه الى الوضع الإعتيادي فهو تابع دائما ومتناسب مع أقرب العناصر له ويسمح بإستخدام إحداثيات التموضع. absolute : يقوم بتعيين موضع العنصر بشكل مستقل عن أي عنصر آخر. fixed : وهي نفس الخاصية السابقة absolute ولكن المضاف فيها إنها تكون ثابته في مكانها نسبه الى موضعها الذى حُدد ـ بمعنى لو حركت شريط التمرير بالمتصفح ستظل ثابته في مكانها مع تحرك العناصر الأخرى .. ( لا يدعمها متصفح Internet Explorer الا مع النسخه الأخيرة 7 ) الكل ..... ---------- Position_ له علاقة وثيقة ومتصل بالأمر clip مع الوضع الحر او المطلق "absolute" و clip وهو المقص ومنه تُحدد المجال أو المساحة المرئية من العنصر عن طريق تعين أربعه إحداثيات له بداية من أعلي الزاوية اليسرى.. ( لا يدعمة متصفح Internet Explorer ) وفي العادة يستخدم علاوة على إظهار جزء من العنصر ، إذا كان العنصر أكبر من عرض المنطقة المعروض فيها فأنت لست في حاجة الى قطع جوانبة وتقليل العرض إن كانت صورة كبيرة فقط إختر الجزء المراد ظهورة وحدد إحداثياته .. ويكتب بهذا الشكل .. كود: #box3 { position:absolute; clip:rect(0px,300px,339px,150px);} ( هذا مثال ) شاهدة على متصفح قياسي مثل Firefox أو Opera ولاحظ كيف ظهرت الصورة مقطوعه بعدها حاول ان تحفظ الصورة في جهازك لتشاهدها مكتملة .. ---------- Position_ له نفس العلاقة السابقة ومتصل مع الأمر z-index الخاص بالتحكم في ظهور وترتيب الصناديق للأعلي والأسفل وإن جاز التعبير العُمق فهو يتعامل مع الصناديق على هيئة طبقات ، ويتحكم في أي العناصر ستظهر أولا ومن بعدها الأخرى وهكذا ... ---------- Position_ يمكن أن تجده أيضا بشكل آخر ضمن خصائص الخلفية background وله تطبيقات كثيرة جدا ويكتب بهذا الشكل .. كود: #box3 { background-position: right bottom; /*OR*/ background-position: 25% 400px;} الخلفية البيضاء هنا هى خلفية الصندوق الموجود داخله الخلفية ووظيفته في هذه الحالة هو تحديد موضع الخلفية داخل الصناديق وتعين إحداثيات في إتجاهين ( أفقي ورأسي ) ويمكن أن تحدد بإتجاه واحد بالنسب المئوية أو الأرقام والكتابة المباشرة لوضعها في الزاوية ( أعلى، أسفل، يمين، يسار ) .... وهذا الأمر هام جدا في حالة وضع أكثر من خلفية داخل نفس الصندوق بالإستعانة بالوسم <span> أكثر من مرة والمثال المشهور على ذلك في حالة عمل الصناديق بالحواف الدائرية فانت تتحكم بكل صورة وتحدد موضعها بالزوايه داخل الصندوق كتب الدرس: ca2oom __________________ دليل مواقع ابن الخليج خدمة google page rank مقدمه من ابن الخليج خدمه اختصار الروابط الآن تستطيع جلب كل ستايلات المنتدى للمجلة ومن غير اي تدخل شخصي منك فقط بـ 120 ريال اطلب منتج بالضغط هنا "من هارون أمير المؤمنين إلى نقفور كلب الروم، قد قرأت كتابك يا ابن الكافرة، والجواب ما تراه دون أن تسمعه، والسلام" اين نحن من هذه الرساله؟ التعديل الأخير تم بواسطة : ADMIN بتاريخ 09-22-2007 الساعة 09:11 صباحاً. |
 |  |
| 10-24-2007, 06:48 صباحاً | #5 (permalink) |
| .::+: Gulf Son :+::. تاريخ التسجيل: May 2005 الدولة: بلاد الخليج المشاركات: 45,743 معدل تقييم المستوى: 53 | رد: هل تعرف ماهو الـ Position وخصائصة في تقنية CSS ؟ __________________ دليل مواقع ابن الخليج خدمة google page rank مقدمه من ابن الخليج خدمه اختصار الروابط الآن تستطيع جلب كل ستايلات المنتدى للمجلة ومن غير اي تدخل شخصي منك فقط بـ 120 ريال اطلب منتج بالضغط هنا "من هارون أمير المؤمنين إلى نقفور كلب الروم، قد قرأت كتابك يا ابن الكافرة، والجواب ما تراه دون أن تسمعه، والسلام" اين نحن من هذه الرساله؟ |
| | |
|
| العبارات الدلالية |
| تعرف |
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
| أدوات الموضوع | |
| طرق مشاهدة الموضوع | |
|
 المواضيع المتشابهه | ||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| كل ما تريد عن تاريخ الرياضيات | ADMIN | شخصية و تاريخ | 3 | 07-14-2008 02:33 مساءً |
| ماذا جرى في مدينة حلبجة الكردية عام 1988 ؟ | بـلال | حوارات ثقافية عامة | 11 | 05-05-2008 02:44 مساءً |
| مواضيع مكذوبة ?!! | الصعيدي المشاغب | حوارات ثقافية عامة | 6 | 12-25-2006 03:29 مساءً |
| تحريف القرآن | قلب الاسد | حوارات ثقافية عامة | 4 | 08-21-2006 08:28 مساءً |
| هداية الحيارى في جواز قتل الأسارى (دراسة وتحليل) | الهوى ماهو كلام | حوارات ثقافية عامة | 2 | 05-05-2006 07:24 مساءً |
  | Powered by vBulletin® Version 3.7.1, Copyright ©2000 - 2008, Jelsoft Enterprises Ltd |
العرض العادي
