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

[Chakira]

http://www.dzbatna.com/images/icons/icon30.gif ط£ظپط¶ظ„طŒ ظˆط£ط³ظ‡ظ„ ط·ط±ظٹظ‚..ط© ظ„طھط؛ظٹظٹط± ظ…ط³ط§ط± ط§ظ„طµظˆط± ظ„ظ„ط³طھط§ظٹظ„ ط£ظˆ ظ„ظ„ظˆط§ط¬ظ‡ظ‡ ط¨ط¯ظˆظ† ط£ظٹ ظ…ط´ط§ظƒظ„ 100% (ط·ط±ظٹظ‚طھظٹ)طں (http://www.dzbatna.com/t909417/)




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

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

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

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

أو الواجهه الى مساحة موقعنا http://www.msmmy.com/vb/images/smilies/frown.gif

لذلك..

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

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

ولكم مثل ما قلتم http://www.msmmy.com/vb/images/smilies/msmmy38).gif

..........



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

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

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

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

msmmy_com

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


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

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


http://www.msmmy.com/to/msmmy_com_01.gif


...


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

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

http://www.msmmy.com/to/msmmy_com_02.gif

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


...

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

ان شاء الله:

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

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

أ- ملف.

ب- حفظ باسم.

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




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

http://www.msmmy.com/to/msmmy_com_03.gif


...


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

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


http://www.msmmy.com/to/msmmy_com_04.gif

http://www.msmmy.com/vb/images/smilies/thumbsupsmileyanim.gif


(( انتهى الشرح طريقة ))


===

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

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

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

........


ملاحظة http://www.msmmy.com/vb/images/smilies/smile.gif

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

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

3- صور الشرح طريقة.

.....

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

ان شاء الله..

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

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


http://www.msmmy.com/vb/images/smilies/msmmy(2).gif







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif PSD.zip (http://www.traidnt.net/vb/attachments/275442d1216569378-psd.zip) (46.1 كيلوبايت, عدد مرات المشاهدة 165 مرة)

http://www.traidnt.net/vb/images/attach/zip.gif الصفحة + مجلد الصور.zip (http://www.traidnt.net/vb/attachments/275443d1216569378-الصفحة-مجلد-الصور.zip) (35.4 كيلوبايت, عدد مرات المشاهدة 121 مرة)

http://www.traidnt.net/vb/images/attach/zip.gif صور الشرح.zip (http://www.traidnt.net/vb/attachments/275444d1216569378-صور-الشرح.zip) (237.3 كيلوبايت, عدد مرات المشاهدة 203 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©