الموضوع: أفضل، وأسهل.. طريقة لتغيير مسارات الصور للستايل أو للواجهه بدون أي مشاكل 100%

بسم الله الرحمن الرحيم

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

نلاحظ كثرة دروس تصميم الستايلات، المعقده!

والتي تنتج لنا العديد من الأخطاء.. بعد رفع الستايل

أو الواجهه الى مساحة موقعنا

لذلك..

أتمنى أن يكون شرحي هذا.. أو طريقتي مفيدة للجميع

ان شاء الله، ولا أسألكم سوى الدعاء لي ولوالدي بظهر الغيب..

ولكم مثل ما قلتم

..........



(( بداية الشرح ))

طبعا بعد تصدير التصميم مقطع من الفوتوشوب، على سبيل المثال

الى سطح المكتب! ونقل الصور الناتجه من التقطيع، والتي تهمنا في توزيع القالب..

الى مجلد الستايل على سطح المكتب، ولـ يكن على سبيل المثال اسم المجلد:

msmmy_com

نأتي الى مرحلة التوزيع الصور في الفرونت بيج.


1- بعد الانتقال الى الفرونت بيج..

والانتهاء من عملية توزيع الصور.. يكون مظهر القالب كما في الصورة التالية:


[hide]


...


2- ننتقل الان الى تعليمات برمجية، وسـ نلاحظ ان مسار الصور على الجهاز، كما

في الصورة التالية:



و تحتاج الى تعديل مسارها لتظهر لجميع المتصفحين للموقع.


...

3- نأتي الى تعديل روابط الصور أوتوماتيكياً بضغطة زر، وبدون اي اخطاء 100%

ان شاء الله:

* لـ نفرض أن مجلد الصور (( حسب تسميتك له )) على سطح المكتب.

من أعلى القائمة في الفرونت بيج، اضغط على:

أ- ملف.

ب- حفظ باسم.

جـ- احفظ الصفحه باي اسم تريده.

(( كما هو موضح في الصورة التالية ))




...


4- نلاحظ تغير مسار الصور أوتوماتيكياً.. وبشكل صحيح 100%

كما في الصورة التالية:







(( انتهى الشرح ))[/hide]


===

المسألة باختصار:

1- نقوم بتوزيع الصور في الفرونت بيج.

2- نحفظ صفحة التوزيع من الفرونت بيج بصيغة HTML بجانب مجلد الصور، أينما كان.

........


ملاحظة

1- ملف القالب PSD في المرفقات.

2- ملف القالب HTML مع مجلد الصور.

3- صور الشرح.

.....

الف مبروك عليكم، وتمنياتي لكم بالتوفيق

ان شاء الله..

واتمنى ذكر المصدر عند النقل (( للأمانه فقط ))

ودمتم بود.. الى الابد..





للامانه
منقول من دون تعديل

للاستفاده

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

يعطيك العافية .. ماقصرت يالغلا..

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .