التعليقات على: نموذج الصندوق في CSS http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/ مجتمع مطوري المواقع Wed, 07 Jan 2009 02:08:05 +0000 http://wordpress.org/?v=2.2.3 بواسطة: أفضل 20 إضافة للمتصفحات لتطوير الويب « ARAB LIBRARIANS http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-1527 أفضل 20 إضافة للمتصفحات لتطوير الويب « ARAB LIBRARIANS Thu, 01 Jan 2009 12:15:58 +0000 http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-1527 [...] وMRI XRAY يمكن استخدامه لفحص نموذج الصندق لأي عنصر في الصفحة، بينما يقوم MRI بفحص selectors في الصفحة، [...] […] وMRI XRAY يمكن استخدامه لفحص نموذج الصندق لأي عنصر في الصفحة، بينما يقوم MRI بفحص selectors في الصفحة، […]

]]> بواسطة: مشكلة في قالب ورد بريس عند تثبيت الخلفية.. - سوالف سوفت http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-1390 مشكلة في قالب ورد بريس عند تثبيت الخلفية.. - سوالف سوفت Sun, 24 Aug 2008 20:17:57 +0000 http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-1390 [...] box model الذى تستخدمه المتصفحات فى ترجمه CSS و رسم عناصر HTML المشروع - تطوير المواقع __________________ Keepondev | مدونه شديد التخصص فى الجافاسكربت [...] […] box model الذى تستخدمه المتصفحات فى ترجمه CSS و رسم عناصر HTML المشروع - تطوير المواقع __________________ Keepondev | مدونه شديد التخصص فى الجافاسكربت […]

]]> بواسطة: omarino14 http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-1301 omarino14 Wed, 11 Jun 2008 22:35:18 +0000 http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-1301 شكرا لك وننتضر المزيد من الدروس التطبيقية تحياتي شكرا لك وننتضر المزيد من الدروس التطبيقية
تحياتي

]]> بواسطة: عاشق الصداقه http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-1244 عاشق الصداقه Tue, 06 May 2008 05:58:39 +0000 http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-1244 درس رائع كالعاده تحيتى وتقديرى الشديدين :) درس رائع كالعاده
تحيتى وتقديرى الشديدين :)

]]> بواسطة: Ahmed http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-995 Ahmed Sat, 29 Dec 2007 17:04:21 +0000 http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-995 رائع رائع

]]> بواسطة: عبدالرحمن العتيبة http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-672 عبدالرحمن العتيبة Sat, 22 Sep 2007 02:14:06 +0000 http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-672 @judge0 في عالم تصميم مواقع الويب هناك عدة أنواع من التصاميم أو المخططات للصفحات، والنوعان المشهوران هما: <dl> <dt>Liquid layout</dt> <dd>وهي التصاميم التي تتمدد مع عرض وطول المتصفح وتتلائم مع عرض الشاشة ويكون عرض المحتويات بالنسبة المئوية</dd> <dt>Fixed layout</dt> <dd>هي التصاميم التي تكون ثابتة، مثال تصاميم 800 * 600، ويكون عرض المحتويات معرف بوحدة ثابتة كالبيكسل px</dd> </dl> @judge0
في عالم تصميم مواقع الويب هناك عدة أنواع من التصاميم أو المخططات للصفحات، والنوعان المشهوران هما:

Liquid layout
وهي التصاميم التي تتمدد مع عرض وطول المتصفح وتتلائم مع عرض الشاشة ويكون عرض المحتويات بالنسبة المئوية
Fixed layout
هي التصاميم التي تكون ثابتة، مثال تصاميم 800 * 600، ويكون عرض المحتويات معرف بوحدة ثابتة كالبيكسل px
]]> بواسطة: judge0 http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-667 judge0 Thu, 20 Sep 2007 13:45:24 +0000 http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-667 ممكن ما معنى مصطلح liquid layouts انا بحثت عليه ولكن الانجليزية عندى مش قوية فممكن المساعدة ممكن ما معنى مصطلح liquid layouts انا بحثت عليه ولكن الانجليزية عندى مش قوية فممكن المساعدة

]]> بواسطة: عبدالرحمن العتيبة http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-641 عبدالرحمن العتيبة Mon, 10 Sep 2007 13:39:52 +0000 http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-641 وعليكم السلام ورحمة الله وبركاته صادق الدرازي للأسف غير ممكن وضع صورتين كخلفيتين في div واحدة، على الأقل ليس في CSS 2.1، ولكن هناك مناقشات حول احتمالية وضع هذه الخاصية في CSS 3، في الوقت الحالي أنصحك باستخدام عنصرين div متحاذيين. أما بالنسبة للسؤال الثاني حول وضع #، فللأخ عبدالله المهيري بعض المقالات في هذا المجال، وسأقتبس منه التعريفات حول هذه النقطة من مقاله [<a href="http://www.almashroo.com/articles/easy-css-3/" rel="nofollow">تعلم CSS بسهولة (3)</a>]، وأنصحك بالرجوع إألى المقالات كاملة: <blockquote> الفئات (class) في css يتم تحديدها بوضع نقطة قبلها، والمعرفات كما شرحنا في الدرس الماضي يتم وضع علامة # قبلها، الفئات يمكن استخدامها أكثر من مرة في نفس الصفحة، بينما لا يجوز استخدام المعرفات في نفس الصفحة أكثر من مرة. </blockquote> وعليكم السلام ورحمة الله وبركاته
صادق الدرازي

للأسف غير ممكن وضع صورتين كخلفيتين في div واحدة، على الأقل ليس في CSS 2.1، ولكن هناك مناقشات حول احتمالية وضع هذه الخاصية في CSS 3، في الوقت الحالي أنصحك باستخدام عنصرين div متحاذيين.

أما بالنسبة للسؤال الثاني حول وضع #، فللأخ عبدالله المهيري بعض المقالات في هذا المجال، وسأقتبس منه التعريفات حول هذه النقطة من مقاله [تعلم CSS بسهولة (3)]، وأنصحك بالرجوع إألى المقالات كاملة:

الفئات (class) في css يتم تحديدها بوضع نقطة قبلها، والمعرفات كما شرحنا في الدرس الماضي يتم وضع علامة # قبلها، الفئات يمكن استخدامها أكثر من مرة في نفس الصفحة، بينما لا يجوز استخدام المعرفات في نفس الصفحة أكثر من مرة.

]]> بواسطة: صادق الدرازي http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-639 صادق الدرازي Mon, 10 Sep 2007 10:18:53 +0000 http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-639 السلام عليكم .. اخي الكريم .. شكرا لك على الشرح الحلو والمميز .. اخي الكريم .. هل من الممكن وضع خلفيتين الى div واحد ؟ يعني خلفية بها يمين و يسار .؟ ولماذا يتم وضع # , قبل اسماء الكودات ؟؟ شكرا لك السلام عليكم ..
اخي الكريم ..
شكرا لك على الشرح الحلو والمميز ..

اخي الكريم .. هل من الممكن وضع خلفيتين الى div واحد ؟ يعني خلفية بها يمين و يسار .؟

ولماذا يتم وضع # , قبل اسماء الكودات ؟؟

شكرا لك

]]> بواسطة: عبدالرحمن العتيبة http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-619 عبدالرحمن العتيبة Thu, 06 Sep 2007 22:57:38 +0000 http://www.almashroo.com/articles/%d9%86%d9%85%d9%88%d8%b0%d8%ac_%d8%a7%d9%84%d8%b5%d9%86%d8%af%d9%88%d9%82_%d9%81%d9%8a_css/#comment-619 أشكر جميع الأخوة على هذا الكلام الجميل وأتمنى من الله قد وفقت في توصيل المعلومة بالشكل الصحيح. أما بالنسبة لسؤال الأخ judge0 nested elements أو العناصر المتداخلة هي العناصر التي تكون داخل عناصر أخرى بحيث يتم تكوين شجرة عائلية من العناصر، مثال: [html] <tag> <- عنصر أب 2 <tag> <- عنصر أب 1 <tag> <- العنصر المحتوى </tag> </tag> </tag> [/html] أتمنى أن تكون الصورة قد وضحت، وﻻ تردد إذا كان لديك أي استفسار أو احتجت إلى توضيح أكثر. أشكر جميع الأخوة على هذا الكلام الجميل وأتمنى من الله قد وفقت في توصيل المعلومة بالشكل الصحيح.

أما بالنسبة لسؤال الأخ judge0
nested elements أو العناصر المتداخلة هي العناصر التي تكون داخل عناصر أخرى بحيث يتم تكوين شجرة عائلية من العناصر، مثال:
[html]
< - عنصر أب 2
< - عنصر أب 1
< - العنصر
المحتوى

[/html]
أتمنى أن تكون الصورة قد وضحت، وﻻ تردد إذا كان لديك أي استفسار أو احتجت إلى توضيح أكثر.

]]>