[درس]تعديل الروابط للاستايل وتغيير الاكواد اللازمه

[aboshdg]

بسم الله الرحمن الرحيم
اسعد الله اوقاتكم بكل خير
تكملة لدروسنا لتصميم الاستايلات فقد قمنا بشرح التصميم للاخ ستايلز
من هنا
(http://aboshdg.com/vb/showthread.php?t=3971)والتقطيع
من هنا
(http://aboshdg.com/vb/showthread.php?t=3948)والتركيب بالفرونت بيج والمنتدى
من هنا
(http://aboshdg.com/vb/showthread.php?t=4148)اليوم نشرح طريقة تغيير روابط الصور حتى تكون ظاهره وبلمسه واحده
وايضا سوف نشرح تغيير الاكواد اللازم لتوافق الاستايل مع المتصفحات
بسم الله نبدأ
الان بعد ماركبنا بالمنتدى وضبط شغلنا تمام لازم نرفع الصور لمجلد خاص بالاستايل
على السيرفر
وليكن ستايلنا اسمه aboshdg
نروح لمجلد vb ونضيف مجلد جديد ونسميه مثلا aboshdg عاد على السيرفر الشخصي ولا على الموقع المدفوع نضيف مجلد بالـ ftp وشرحت انا بالسيرفر الشخصي لان التطبيق كله على سيرفرات شخصيه الاباتشي

http://www.aboshdg.com/topupload/users/front/leink.gif

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

http://www.aboshdg.com/topupload/users/front/leink1.gif

تجينا هالصفحه نختار الاستايل ونضغط على اذهب

http://www.aboshdg.com/topupload/users/front/leink2.gif

تجينا خصائص الاستايل نقوم تضليل كامل كود الهيدر ونلصقه بالفرونت بيج

http://www.aboshdg.com/topupload/users/front/leink3.gif

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

http://www.aboshdg.com/topupload/users/front/leink4.gif


http://www.aboshdg.com/topupload/users/front/leink5.gif

نلصق الان كود الهيدر

http://www.aboshdg.com/topupload/users/front/leink6.gif

الحين نبي نغير مسار الصوره الى مساره على السيرفر وعندنا كم صوره
نقوم ونضلل اول مسار الى حد اسم الصوره والصوره توضح

http://www.aboshdg.com/topupload/users/front/leink7.gif


بعد ماضللنا المسار نضغط الاختصار التالي من الكيبورد ctrl+h
تطلع لنا النافذه التاليه

http://www.aboshdg.com/topupload/users/front/leink8.gif

نطبق مثل الصوره
والحين غيرنا المسارات كله بضغطه واحده بدل مانغيير كل مسار الحاله

http://www.aboshdg.com/topupload/users/front/leink9.gif

الحين قضينا من المسار الخاص بالصور
بقي لنا شغله وحده حتى يتوافق الاستايل مع جميع المتصفحات وهو تغيير كود
نبحث عن هالكود بالهيدر وغالبا نحصله بمكان توسيط المنتدى الي يفصل بين الهيدر والفوتر عند التركيب

http://www.aboshdg.com/topupload/users/front/leink10.gif

وهذا الكود للي يبي يبحث بطريقة البحث بالبرنامج ctrl+f
<p align="center">
وبعد مانضلله نضغط الاختصار ctrl+h
ونستبدله بالكود التالي
<div align="center">
وبكذا خلصنا تغغير المسار ولو نبي نتأكد نروح لاستايل بالرئيسيه ونضغط على اي صوره كلك يمين ونختار خصائص ويطلع لنا رابط الصوره

http://www.aboshdg.com/topupload/users/front/leink11.gif

اللون الموفي << متعوب عليه هذا مسار السيرفر
واللون الاحمر مسار الصور بمجلد المنتدى
وبكذا خلصنا تغيير مسار الصور ووافقنا الاستايل مع كافة المتصفحات بما فيها الفاير فوكس التعيس والاكسبلور 7
وبالاخير هذا عمل انساني لايخلوا من الخطأ ان اصبت من الله وان اخطأت فمن نفسي والشيطان
واي سؤال مستعد
دمتم برعاية الله ،،

[أبوعامر]

الله يسعدك يابوصالح

ويجعله في ميزان حسناتك

الشرح رااائع

فتحت ذهني على اشياء كنت اجهلها

بارك الله فيك

[ابوشدق]

حياك الله ابوعامر
والحمدلله انه يجيب نتيجه

[noor]

يالله انك تفتح مخي وتلهمني مالهمت هالرجال
واصير احسن منه يارب ):(

بارك الله فيك ابا شدق
الله ينفع لك

[ابوشدق]

8
ياللهم امين الله يستجيب دعوك
يعافيك خيتو على مرورك

[styles]

بارك الله فيك

شرح وافي