السلام عليكم ورحمة الله وبركاته

قبل ان ابداء معكم بطريقة عمل أي قالب من تصميمنا

1-علينا ان نبحث قالب يوافق مانريد تصميمه

2-رفع القالب على مدونتنا.

3-نذهب لتحرير قالب HTML من لوحة التحكم.

4-نبحث ع الصور إمتداد الصورة غالبا تجدونه رابط نهايته

JPG أو GIF أو PNG  كبتل سمول ماتفرق.

ونبحث بالقالب كله عن امتداد صور القالب

ونحفظها عندنا بالكمبيوتر انا مثلاً وجدت هذي:

5-نفتح برنامج الفتوشوب ونجمع أجزاء الصور للقالب نرتبها وننتبه

إنّا نرتبها بنفس الحجم لا ننقص ولا نزود صورة توضيحية بعد التجميع:

6- الأن نصمم أي تصميم مشابه له او يوافقه

هوإناّ اهم شي منطقة السيد بار ومنطقة الكتابة ماتتعدا

خارج التصميم الموجود.

7- الأن نجمع الأجزاء الي حفظنها بالبداية مرتبه

لكن بدون ماندمجها كل جزء على لير ونضيف أسفلهم

تصميمنا الي عملناه كامل .

8-نعمل تحديد للير صورة صورة أقصد الصور الي رتبنها بأول

الدرس وكلما نحدد لير وهو محدد ننزل للير الي أسفلو ونعمل قص 

ونلصقه بعمل جديد ونحفظه وهكذا إلى ان نكون قصصنا تصميمنا 

نفس التصميم الأصلي.

9-الأن نرفع صورنا على رابط مضمون كيف رابط مضمون؟؟

روحو كانكم تنشئو موضوع جديد وارفعو صور قالبكم

الي قصيتوها كلها وبعدين انتقلو لوضعيت الأكواد وانسخو الروابط

احتفظو فيها بمفكرة.

10-نذهب لتحرير قالب html ونرجع نبحث عن صور القالب 

ونلصق مكان كل رابط قديم الصورة الجديدة الي صممنها بالترتيب

نعمل معاينة إذا كل شي اوك يصير نعمل حفظ ومبروك عليكم القالب.

11-الأن أخر خطوة عشان نغير الوان الخطوط برنت سكرين من الكيبورد

لصق للفتو وباداة انتقاء اللون نطلع كود كل لون ونستبدلو باللون الي نبغى

راح تفهمون هذي الخطوة بنهاية الدرس.

الي فوق يعتبر أصعب أنواع التعديل الأن راح 

أعلمكم على نوع أسهل بكثير.

عندي هذا القالب:

هذا القالب بعد مابحثت وجدته يعتمد على صورتين 

وحده تتكرر على كل القالب الي هي  هذي:

الصورة الثانية هذي للتاريخ:

اخذتها للفتو وصممت عليها "اضغط الصورة لشكل مكبر":

أبقول شي الخلفية لون أحمر لكن أنا إستبدلتها

بخامة تتكرر بدل اللون:

كيف عرفت لون الاحمر كودو  او كيف اغير الوان الخطوط الي 

شرحتها سابق عن طريق الفتو أطلع كود اللون:

لرئيت القالب بشكله النهائي وتحميله :

"لتحميل القالب  من هذا الموضوع" 

بالأخير بقول شغلة:

الخلفية  body

نبحث عنها نلقى اسفلها

background

إذا كان لون بدون كود صورة نضيف هذا الكود:

background:#BBCF70 url(XXXX) repeat top center;

مكان XXXX نضع رابط الصورة

اما لو تبغو لون بدون صورة إحذفو

 

 

 

url(XXXX) repeat top center

 

 

منقووووووول للاستفادة من مدونة نظرة عيون