السلام عليكم،

ما هي ملفات الـ CSS الأساسية لتركيب أي موقع ؟

مثلا ملف خاص يتركيبة الصفحة :html، body، #container، #content، #right،#left، #footer

ملف خاص بوسوم الـ HTML :body, p, h1, h2, h3, h4, h5, h6, em, strong

ملف خاص بالكلاسات والمعرفات id

الخ ...

فهل من تصويب ومساعدة بالأمثلة رجاء ؟

شكراً.

لا يوجد ما يسمي بملفات css رئيسية لكل موقع
يمكن انشاء ملف باسم style.css
وضع به جميع التنسيقات لكل صفحات موقعك

__________________
تحاور مع العاقل بعقل .. اما ان يقتنع او تقتنع
وتحاور مع الجاهل بعقل .. اما يطقعش او تفرقش
وتلك الفاظ لا معنى لها كذلك كلماته

السلام عليكم

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

__________________
مدونة شخصية: عمر الدليمي
راسلني
أنصح بإستخدام "أوبونتو"

السلام عليكم،

شكرا لكل من الأخ سحايب وعمر على الرد.

أعلم أنه لا يوجد ملفات جاهزة كلية ولكن من منطلق تنظيم العمل بسهولة بملفات CSS في حالة التعديل، توزيع كل مجموعة خصائص مشتركة في ملفات واحدة.

1 - ملف الـ clean أو reset
2 - ملف تركيبة الصفحة (بتعريف الـ DIV )
3 - ملف الوسوم المعروفة كـ : الفقرات - span - em - blockquote .....
4 - ملفات النماذج Forms : كـ fieldset - legend - label - input - textarea
5 - الكلاسات العامة والخاصة بكل DIV

هناك أمثلة كثيرة على النت ولكنها تختلف من شخص لآخر

ثم أنه هناك ملفات تصحيح الخاصة بالمتصفح IE ... ؟؟؟

كيف أتعرف على هذه الأخطاء واتجنبها في هذا المتصفح أو غيره كـ firefox - opera - konkeror - safari - chrome .....

شكرا للإفادة والمساعدة مقدماً.

مثلا فيما يخص ملف reset

يتم التحدث كثيرا على النت على مرجع Meyer في تنظيف ملفات المتصفحات الافتراضية.

فهل يجب استعماله في كل المواقع او يجب التعديل عليه قبلا او لست مجبرا على استعماله أصلا ؟

فيما يخص ملف الكلاسات :

هل من العملي فصل الكلاسات عن حاوياتها الـ DIV ؟

أرجو المساعدة والنصح من أهل الخبرة.

شكراً.

بالنسبة الى ملف الReset فأنه ليس بالضرورة مطلقا استخدامه اذا لم تكن عندك اخطاء في التصميم او تستطيع حل هذه الاخطاء عن طريق طرق اخرى غير Reset كعمل ملف ie مثلا وتخصصه لتطبيقه على زوار متصفح ie6 .

اما بخصوص فصل كلاسات الخاصة بـdiv's فبالنسبة لي انا افضل وضع كل الستايلات في ملف واحد وبعدها اقوم بضغط الملف بأي اداه على الانترنت لتقليل حجمه واحتفظ بالنسخة الاصلية لي حتى يسهل عليي التعديل عليه لاحقا ولكن اقوم بترتيب الستايلات داخل هذا الملف حيث اني استخدم ال"تعليقات" بشكل كبير و اضع الستايلات العامه مثل html,h1,p,a,sub في بداية الملف وبعدها الستايلات الخاصة بالهيدر ويتبعها المحتوى وفي الاخير الفوتر . حتى تكون مسألة تعديل الستايلات سهلة وسريعة

__________________
ownersınnı
ALdiraZi BLoOoG | Contact Me | lt.tl - shorten your URL

والله الخطاء موجودة ولكن كيف أستطيع التعرف عليها ومن ثم كيف يتم تصحيحها.

مثلا كنت منذ أسابيع خلت قد صممت استايل على متصفح IE7 وبالأمس لما جربته على IE6 اضطررت الى إجراء عدة تغييرات عليه وحتما إذا جربته على متصفح Firefox فإنه ستظهر أخطاء أخرى ...

فما هي الأخطاء والفروق الشائعة على المتصفحات وما تصحيحاتها المقترحة من الخبراء ؟

ثم شكرا لك على طرح منهجيتك في عمل ملف واحد يضم كافة تنسيقات الصفحة

تبغى رأي الخبراء؟ إشتري لك كتاب CSS وتعلم كيفية التعامل مع جميع المتصفحات .
أو تدرب كثيراً وجرب بيدك أكثر وتعلم وأقرأ التدريبات الإنجليزية والعربية ولا تمل من ذلك.
بذلك تكتسب الخبرة الحقيقية. هناك طريق أسهل أن تستأجر أحد الأخوة هنا لعمل ذلك!

__________________
مدونة شخصية: عمر الدليمي
راسلني
أنصح بإستخدام "أوبونتو"

شئ واحد فقط هو الالتزام ب معاير القياسية (web2.0) اقصد هناك وسوم يجب ان لا تستخدمها
وهي غالبا الي تسبب المشكلات هذي



وبالتوفيق_

__________________
In both possibilities i will do the best

مدونتي بدران

شكرا على التوجيهات القيمة أخي عمر

مثل اي وسوم ؟

مثل استبدال <table> ب <div>
وهو ما يعرف xhtml لذلك اذا اردت ان يكون تصميمك خالي من الاخطاء استخدم برنامج التصميم Microsoft Expression Web 2 بدلا من الفرونت بيج
ادخل على هذا الرابط XHTML vs HTML وسيوضح لك كل شئ والاخطاء التي قد تقع بها غالبا وكيف تصلحها باتباع الويب 2


وبالتوفيق_

__________________
In both possibilities i will do the best

مدونتي بدران

شكرا لك أخي v.i.p_99

يمكن اضافة ملف واحد كما يمكنك اضافة اكثر من ملفين
print.css
reset.css
style.css
ie.css

.. الخ

__________________
cssguru

شكرا لك أخي cssguru على الرد.

عملية تقسيم النمط الى ملفات متعددة هو تقنية جيدة لتسهيل التعديل او الاضافة.

وجود اكثر من ملف له معنى
ملف ie خاص بمتصفح Internet Explorer
ملف print تكتب فيه اوامر للشكل الذي سيظهر بعد طبع الصفحة
reset.css تستطيع ان تستغني عنه بكتابة اكواد خاصة بك لكن من الضروري ان تكون في بداية ملف css

...

__________________
cssguru

أخي cssguru

لماذا لا يكون هناك ملف تصحيح موحد خاص بالـ Internet Explorer ؟

على النت كل موقع يستعمل ملف iefix.css مختلف عن الآخر ؟

ما سبب هذا الاختلاف وكلهم يصبون الى تصحيح أخطاء نفس المتصفح وهو الـ IE ؟

شكراً.

أنظر إلى الموضوع من زاوية مختلفة
لماذا كل موقع له ملف وطريقة css خاصة به؟؟
لأنه ببساطة يريد الحصول على واجهة ونكهة خاصة.
وبهذا ستحصل له مشاكل مع ie لذلك ينشيء ملف مستقل لمعالجة ما يواجه فقط فلا يهتم ب1000 مشكلة بل يعالج الخمسة أو العشرة التي تواجهه .

css ليست سحراً! إنما هي لغة تصميم وستايل يجب أن تتعلمها وتتقنها حالها حال أي لغة برمجة أو وصف أخرى .

__________________
مدونة شخصية: عمر الدليمي
راسلني
أنصح بإستخدام "أوبونتو"

نعم طبيعي ان تكون ملفات الترقيعات الخاصة ب IE6, IE7 مختلفة من موقع لآخر
لان كل موقع يستعمل كلاسات مختلفة، وطريقة تصميم مختلفة عن الآخر

لكن قد تجد بعض الترقيعات متشابهة مثل مشكلة الشفافية مع صور PNG

__________________
cssguru

شكرا على المعلومه

__________________
A.M.I.R
MSN: R7N@HoTMaIl.CoM

الأمر واضح الآن. شكرا لك

مشكلة الـ PNG حصلت معي مؤخراً.

فالصورة في وسم الـ li تظهر عادي في IE7 والفايرفوكس.

أما على IE6 فتظهر بخلفية رمادية.

فقررت للتخلص من هذا المشكل ان الغي هذه الصور ووضع list-style:square بدلها.

كان يمكنك البحث عن حل وستستمتع بادراح الايقونات في li
استعمل مكتبة IE7 من google code

واي ايقونة او صورة PNG اضف لها -trans

__________________
cssguru

المكتبة كبيرة نوعا ما ...

اخوي الغالي : cssguru ..
جربت مكتبة IE7 من google code .. على السيرفر محلي مع العلم النت شغال ...
لم تعمل الشفافيه على الاكسبلور 6 .. واضطررت الى تركيب هاك png fix للاكسبلور 6 .. وعملت بشكل ممتاز .
لكن واجهت مشكله مع التابز بالاجاكس فصار الانتقال لا يعمل اي اللنكات ..
مما اضطرني الى اعادة التصميم بدون استخدام الشفافيات ...
الاكسبلور عقده وهم