اللهم لك الحمد ، ومنك الفرج ، واليك المشتكي ، وأنت المستعان ، ولا حول ولا قوة الا بك ..
 
  الصحيفة التقنية  | الصفحة الرئيسية  | مركز تحميل مطور  | استخدم ختم مطور  | قوِ موضوعك هام |  أعلن في مُطِّورْ   | شرح السي بانل جديد |  افحص البيج رانك  | دعم فني مجاني RSS Facebook twitter Youtube




العودة   مطور Mtwer > أقسام دورات و دروس مطور المتخصصة > قسم الدروس والدورات العام > إرشيف الدورات > دورة تصميم المجلات الإلكترونية


دورة تصميم المجلات الإلكترونية هذه الدورة لتعلم الطرق الصحيحة لتصميم المجلات الإلكترونية
ملقي الدورة: [vista-design]

عزيزي المطور ابتعد عن النقل، ولتكن مواضيعك جديدة وقيمة تعبر عن إبداعك وتميزك
موضوع مغلق
 
LinkBack أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 09-02-2009, 02:15 AM
الصورة الرمزية vista-design
:: + عضو شرف + ::
الرتبةالرتبةالرتبةالرتبة
 

vista-design يستحق التميز

بيانات موقعي :
اصدار المنتدى : لا أملك منتدى
[joomla5] شرح الcss الخاص بكل قالب وكيفية التعديل عليه





دعونا ننطلق فى هذا الدرس بالتكلم عن css بشىء بسيط

طبعا انا ماراح اعقد الموضوع واجعل الموضوع كله برمجة,لانى اعلم تماما

ان الcss حتى تفهمه لازم تكون فاهمه بفكرة برمجية وليس تصميم, لان هذا بيسهل مليون مره سرعة التعديل على اى قالب

اولا ما معنىcss:

الcss تعنى Cascading Style Sheets اى بالعامى العربى الشكل الجمالى للصفحة

واقصد بالشكل الجمالى(الوان-خطوط-حدود جداول-جداول وابعاد -خلفيات......الخ)

لن اتكلم كثير عن معناها والاكثار من الكلام النظرى لان اللى يهمنى انك تعرف شىء عملى


اولا: اى قالب عند تركيبه على جملة , عندما تذهب للtemplate manager وتختار اى قالب

راح تجد فوق على اليسار edit css

فلنفرض اننا راح اشتغل على قالب ja purity مثل السابق

وخلونا نروح نشوف خيارات الcss فيه

شوف....




الحين لما نفتح راح تجد هالخيارات

وما يهمنا هو template.css

لانه هو التعديل الرئيسى للقالب


الحين بعد ما نفتح راح يظهر لنا الكود الخاص بالقالب


وانا راح اتكلم على عدة نقط مهمة راح تخليك تفهم الcss


1-اى ملف css راح تجد بداخله انه مجزء لاجزاء, ويكون لها عنوان,وكل جزء يوجد كود الcss الخاص به

مثال: شوف الصورة:




راح تلاحظ انه فوق الخط المنقط يوجد عنوان اسمه header

ويقصد به انه هذا الجزء خاص بالتعديل على منطقه الهيدر الخاصة بالقالب





ثانيا: توجد مصطلحات مهمه فى اى ملف css راح تقابله

منها:

background=الخلفية
body=الجسم
border=حدود الجدول او البلوك
font-size=حجم الخط
font-family=نوعية الخط


نأخذ مثال:




ده كود الخلفية فى اول ملف template.css

والمنطقة الخاصة به

راح تجدها كالاتى:



ثالثا: عندما تريد تغيير لون اى منقطة, فأنها لكل لون رقم معين

ولتعرف الرقم يشير لاى لون

افتح الفوتوشوب

بعدين اضغط على علامة اللون على اليسار

وشوف..........






رابعا: اكواد الcss تقسم لاجزاء كثيرة

مثلا راح تجد ان اول القالب يبدأ بسورس الbody اى جسم القالب

[IMG][/IMG]


بعدين فيه header

بعدين فيه main navigation ويقصد به القوائم الرئيسية

بعدين footer


وهكذا...........



طبعا لازم تجرب مره واتنين وعشرة لحد ما تبدأ تأخذ على الموضوع وتتأقلم معاه


لانى زى ما قلت المفروص ان الcss تشرح بلغة برمجة, وليس بلغة تصميم

حتى تسهل عليك اكتر


أتمنى تكون وصلت الفكرة



المطلوب من الاعضاء: وضع صورة لاى جزء من القالب قمت بتغيير اللون الخاص به
سواء خلفية حدود جدول اى شىء........الخ


تحياتى
التوقيع :
عالم مطورى الويب لتعليم برمجة وتصميم المواقع
www.advphp.com

----------------
اول برمجياتى,اسكربت AraDown العملاق لاشهار المواقع وزيادة دخلك من ادسنس

http://aradown.info
قديم 17-03-2009, 10:24 PM   رقم المشاركة : [2]
مُطوِّرْ مسؤول
الرتبة الرتبة الرتبة الرتبة الرتبة الرتبة الرتبة الرتبة
الصورة الرمزية مطور
 

مطور يستحق التميز

بيانات موقعي :
إسم الموقع : مطور
اصدار المنتدى : لا أملك منتدى
اخ فيستا

وصلت الى ما قبل النهاية وهديت شد حيلك فالدورة هامة جدا جدا وتهم الكثيرين ونحن بانتظار انتهاءك من كامل الدروس لنجهز لها حملة تسويقية داخل وخارج مطور باذن الله

تقبل تحياتي


التوقيع:
‏مُطوِّرْ
خطوتك الأولى من مستخدم إلى مطور
مطور غير متواجد حالياً  
قديم 18-03-2009, 01:16 AM   رقم المشاركة : [3]
:: + عضو شرف + ::
الرتبةالرتبةالرتبةالرتبة
الصورة الرمزية vista-design
 

vista-design يستحق التميز

بيانات موقعي :
اصدار المنتدى : لا أملك منتدى
راح اكمل بقية الدروس بأذن الله

فى اسرع وقت

فانا كنت منشغل بافتتاح موقع الشركة عندى

والسمووحة


التوقيع:
عالم مطورى الويب لتعليم برمجة وتصميم المواقع
www.advphp.com

----------------
اول برمجياتى,اسكربت AraDown العملاق لاشهار المواقع وزيادة دخلك من ادسنس

http://aradown.info
vista-design متواجد حالياً  
موضوع مغلق

العلامات المرجعية

مواضيع جديدة في قسم دورة تصميم المجلات الإلكترونية

أدوات الموضوع
انواع عرض الموضوع

ضوابط المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا يمكنك اضافة مرفقات
لا يمكنك تعديل مشاركاتك

BB code متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
عندى هاك اريد التعديل عليه ما هى الطريقة محمد عبدالقادر دعم فني ، و صيانة المنتديات مجاناً 0 14-10-2010 03:37 PM
طلب التعديل على قالب postbit_legacy mazzo دعم فني ، و صيانة المنتديات مجاناً 20 08-08-2010 01:02 PM
طلب التعديل على قالب البوست ربيع التقوى دعم فني ، و صيانة المنتديات مجاناً 5 23-07-2010 09:58 PM




Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.5.2
new notificatio by 9adq_ala7sas
الحقوق محفوظة لكل المطورين والمواقع العربية

Security team


المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد مطور ولا نتحمل أي مسؤولية قانونية حيال ذلك ( ويتحمل كاتبها مسؤولية النشر )

جميع الأوقات بتوقيت GMT +3. الساعة الآن 08:29 AM.