هل css تقنية مزعجة ومرهقة !!

[eg_arnous]

لسلام عليكم
أهلا بيكم أخواني علي الرغم من أيماني بأهمية تقنية css ودورها الفعال ولكنني أشعر بكابوس مزعج عند محاولاتي لتعديل ملف استايل مثلا لسكربيت معين وهو انني أعاني أشد المعانة من عدم تنفيذ أكواد الcssبشكل سليم علي الرقم من تأكدي من syntax للكود وسليمة
مثلا عند إعطاء كلاس معين (hus ) قيمة معينة لأشكال الروابط
.hu a:link, a:visited, a:active {color:#000; text-decoration:none; }
.hu a:hover {border-bottom:1px dashed gray;}
مفروض منطيقيا هذا الكود سليم ويتنفذ لهذه الكلاس فقط وما تحويه من روابط ولكن الصفحة بيها مجموعة كلاسات ..ولا يتنفذ الكود بشكل سليم مما يجعلني لا أفهم السبب منتظر التفاعلات ... لأن القسم لا يوجد بيه اي مشاركات ولا تفاعلات من زمن !!!!!!

والله الموفق ،،،،
ملحظوظة : بالمرفقات ملف الأستايل ..للتفاعل أكتر ورؤية المشكلة عن قرب منتظر تفاعلات

[محمد فؤاد]

عزيزي تكمن المشكلة في كتابة الاكواد بشكل صحيح 100% ولكن باسلوب خاطئ فلا تؤد الهدف منها
مثلا

.hu a:link, a:visited, a:active {color:#000; text-decoration:none; }

عند تطبيق هذا الكود ماذا سيحدث اولا سيتغير لون الروابط في كلاس hu ( .hu a:link ) اما بقية الخواص فلن تطبق على كلا hu فق ولكن على كل الروابط الصفحة والصياغة الصحيحه لهذا الكود هي بالشكل التالي

.hu a:link,.hu a:visited,.hu a:active {color:#000; text-decoration:none; }

لمزيد من المعلومات عن تخصيص عناصر معينه تبعا لكلاس معين تابع هذا الدرس

[eg_arnous]

السلام عليكم

مبدئيا أخي محمد فؤاد أشكرك ..علي دعمك السريع وردك .. جزاك الله خيراً ..وسبحان الله كنت أود أن أتعرف عليك من فترة لزيارتي لموقعك والمدونة الخاصة ..وتعجبني دروسك وأفكارك ..
وأشكرك علي تصحيح الكود ولكن أعتقدت أن كتابي وأختصاري shorthand لمجموعة خصائص سيفي بالغرض وأن هذه الطريقة سليمة ..سأعاود وأجرب طريقتك بالأعلي وكتابة أسم الكلاس ديماً ..ولنا رجعة أخري بعد التجربة ..وشكرا ليك وعلي الدرس الموجود وأنا ليا خبرة معقولة بـ css ولكن أحيانا تواجهني بمشاكل مثل هذه ، وكذلك الوراثة ، وأحيانا تقطيع التصاميم بشكل لا يعتمد علي الجداول ..يجب الأهتمام بمثل هذه النقاط التي تواجه اي مصمم ..شكـرا ليك
والسلام عليكم

[مروان]

من وجهة نظر شخصية

التعديل على تصميم CSS .. أصعب من أني أقوم بعمل تصميم مشابهة له من الصفر !!

يعني بعبارة أخرى .. من السهل علي عمل تصميم CSS مشابه تماماً لتصميم موقع معين .. و من الصعوبة علي التعديل على نفس التصميم CSS

[أحمد عبدالمنعم]

من وجهة نظر شخصية

التعديل على تصميم CSS .. أصعب من أني أقوم بعمل تصميم مشابهة له من الصفر !!

يعني بعبارة أخرى .. من السهل علي عمل تصميم CSS مشابه تماماً لتصميم موقع معين .. و من الصعوبة علي التعديل على نفس التصميم CSS

وجهه نظر سليمة ويتفق معك الكثير.. وقد واجهت تلك المشكلة أثناء التعديل على قالب مدونتي الإفتراضي من خلال css فقط، دون أي تدخل في كود html.

وللتغلب على المشكلة عليك أولاً مشاهدة وفهم طريقة بناء الصفحات جيداً وما هى الأوسمة المستخدمة وأسماء الفئات والمعرفات، بعدها هايسهل عليك التعديل من خلال css فقط، ونفس الحال مع أي نموذج آخر، وطبعاً هذا يتطلب منك وقت أطول عن لو قمت بالتنسيق أنت من الصفر.

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

[الثلج]

مع متعتها وخيالها وقوتها وجمالها الا اني احسها مزعجه

[مروان]

وجهه نظر سليمة ويتفق معك الكثير.. وقد واجهت تلك المشكلة أثناء التعديل على قالب مدونتي الإفتراضي من خلال css فقط، دون أي تدخل في كود html.

وللتغلب على المشكلة عليك أولاً مشاهدة وفهم طريقة بناء الصفحات جيداً وما هى الأوسمة المستخدمة وأسماء الفئات والمعرفات، بعدها هايسهل عليك التعديل من خلال css فقط، ونفس الحال مع أي نموذج آخر، وطبعاً هذا يتطلب منك وقت أطول عن لو قمت بالتنسيق أنت من الصفر.

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

كلامك سليم ..

لكل مصمم اسلوب معين في تطبيق التصميم، أنا كمصمم العديد من الأمور و الأوامر في CSS لا أستخدمها في الوقت الذي يستخدمها كثيرين .. و أيضاً مسألة توزيع التصميم و غيره كما ذكرت لكل مصمم أسلوب معين يختلف عن الكثيرين ..

فالوقت الذي تأخذه لفهم التصميم، تستطيع تعويضة بالبدء بتصميم مشابه له في نفس الوقت، و قد يكون وقت التصميم الذي تقوم به بنفسك أقصر من الوقت الذي تستغرقه لدراسة التصميم نفسه و فهمه بالضبط كما ذكرت

[محمد فؤاد]

هذا يرجع الى اسلوب المصمم الاصلي وكيفية تنسيقه للكود .. ايتخدام التعليقات يسهل عملية التعديل و فهم الاكواد

بالنسبة لي عند العمل على اي سكربت ( كوردبريس مثلا ) لا اقوم بالبناء على ملف css الخاص بالثيم بل اقوم ببناء ملف اخر من الصفر هذا يجعلني ملم بكل نقطة في العمل وبالتالي يكون التعديل في اي وقت سهل و سريع ..

[مروان]

بالنسبة لي عند العمل على اي سكربت ( كوردبريس مثلا ) لا اقوم بالبناء على ملف css الخاص بالثيم بل اقوم ببناء ملف اخر من الصفر هذا يجعلني ملم بكل نقطة في العمل وبالتالي يكون التعديل في اي وقت سهل و سريع ..

أغلب من يشتكي من صعوبة تعديل ثيم الوورد بريس .. سبب الشكوى هذه أنهم يقومون بالتعديل على الثيم الافتراضي .. أما مثل ما قلت عندما تبدأ التصميم من الصفر سيكون أسهل بكثير

[eg_arnous]

أشكركم أخواني علي التواصل
وبالفعل بناء استايل أو ثيم ..من الصفر أسهل من التعديل عليه لأنك فاهم كل نقطة ومسوي كل شئ بمنطقك الخاص ..ولكن أحب اطرح سؤال هل أنشاء ثيم وردبريس من الصفر أسهل ؟؟ وهل هناك دروس لتطويع الوردبريس بمرونة حسب طلبك ..
أم التعديل علي ثيم موجود فعليا ...........وجدت بعض الدروس في منتدي الوردبريس ونفسي أجرب التجربة وأحب أعرف أراء الخبراء مثل كتوم والمعاصر .....وغيرهم من المتخصصين هنا ..وشكرا علي حسن التواصل
وحليت مشكلة الـ css وفعلا عندما تواجهك مشكلة بشئ ولا تفهم السبب تشعر بجبال الدنيا علي قلبك ولكن إذا تحلت تشعر بسعادة بالغة ...والحمد لله تغلبت علي معظم المشاكل في الكود css والفضل لله ..وللخبراء

[محمد فؤاد]

.ولكن أحب اطرح سؤال هل أنشاء ثيم وردبريس من الصفر أسهل ؟؟

عزيزي هذا يرجع الى طبيعة الثيم الذي تقوم بتصميمه فمثلا اذا كان الثيم قريب من الثيم الاصلي فربما ببعض التعديلات تصل للنتيجة التي تريد اما اذا كان التصميم مختلف تماما و بطرق عرض اخرى فمن الافضل ان تقوم ببنائه من الصفر فهذا سيجعلك ملما بكل سطر في تصميمك ويكون التعديل فيما بعد اسهل و ابسط .

وهل هناك دروس لتطويع الوردبريس بمرونة حسب طلبك ..

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

[مروان]

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

كلام سليم

ميزة الوورد بريس، أنك تستطيع التعديل على الكثير من الأمور البرمجية ، دون العبث بملفات البرنامج الأساسية !! بحيث تكون تعديلاتك البرمجية على ملفات القالب فقط ..

هذه العديلات البرمجية فيها أمور و تفاصيل و مميزات جميلة جداً ، و التحكم فيه مفتوح بشكل كبير جداً و بمييزات جميلة، خذ لك نظرة على:
Main Page

و راح تتعلم الكثير مع التجربة

[eg_arnous]

اشكركم جميعا أخواني علي الرد وفعلا زي ما قال أخي المعاصر علي حسب الشكل والتصميم ..تقدر تحدد هل تصميم ثيم من الصفر أو التعديل علي واحد ..شكرا ليكم وأتمني ننهض بالقسم شوية ودروس css الأحترافية المتعمقة ..بفكر نعمل تراجم لدروس من مواقع أجنبية لو كل متخصص هنا ترجم درس واحد اسبوعيا أكيد بيزدحم القسم بالدروس الإحترافية ......شكرا ليكم