1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
ترقية الاستايل للنسخة 3.7.0 - منتديات الطير التعليمية
مسابقة كروت الشحن
جرب ادخال آخر 4 ارقام من كرت الشحن فقد تفوز به إذا كانت الارقام صحيحة

استسقاء فـي ظـــــل ... [ الكاتب : نـزف المـشاعـر - آخر الردود : أبو رمش - عدد الردود : 1 - عدد المشاهدات : 8 ]       »     الي تبغى تكشخ بالبرد... [ الكاتب : عاشق ريمي - آخر الردود : أبو الأسود الدؤلي - عدد الردود : 2 - عدد المشاهدات : 73 ]       »     نصوص ثالث متوسط فصل... [ الكاتب : ®|~«الط ي ــر»~|® - آخر الردود : ابوعبدالله القرني - عدد الردود : 7 - عدد المشاهدات : 700 ]       »     انتحار فتاة في الاسك... [ الكاتب : ®|~«الط ي ــر»~|® - آخر الردود : المـحروم - عدد الردود : 8 - عدد المشاهدات : 102 ]       »     تطور مفهوم التجارة ا... [ الكاتب : alwwla - آخر الردود : lazhar - عدد الردود : 1 - عدد المشاهدات : 71 ]       »     المساعد 2009 إصدار 4... [ الكاتب : alwwla - آخر الردود : alwwla - عدد الردود : 0 - عدد المشاهدات : 7 ]       »     مشاركة: مشاكل وحلول ... [ الكاتب : ®|~«الط ي ــر»~|® - آخر الردود : alwwla - عدد الردود : 2 - عدد المشاهدات : 234 ]       »     يقوم بحل مشكلة عدم ظ... [ الكاتب : ®|~«الط ي ــر»~|® - آخر الردود : ®|~«الط ي ــر»~|® - عدد الردود : 2 - عدد المشاهدات : 94 ]       »     ·.¸¸.·¯`··.¸سأبقى لل... [ الكاتب : بنوتة كيووت - آخر الردود : الـــدائـــــــري - عدد الردود : 2 - عدد المشاهدات : 13 ]       »     *&*&*&*&* موقع يحمل ... [ الكاتب : ®|~«الط ي ــر»~|® - آخر الردود : الزعيم 333 - عدد الردود : 4 - عدد المشاهدات : 420 ]       »    


العودة   منتديات الطير التعليمية > ( ,• , منتــديات الطيـرالتطويرية , •, ) > منتدى الاستيلات

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


ترقية الاستايل للنسخة 3.7.0

منتدى الاستيلات


إضافة رد
 
أدوات الموضوع

تاريخ التسجيل: 07-31-2006
الدولة: منتجع الآهات والأحزان
المشاركات: 4,640
المواضيع: 1524
مشاركات: 3116
50
®|~«الط ي ــر»~|® will become famous soon enough®|~«الط ي ــر»~|® will become famous soon enough

الصورة الرمزية ®|~«الط ي ــر»~|®
®|~«الط ي ــر»~|® متصل الآن
مركز تحميل الطير

  #1 (permalink)  
قديم 05-25-2008, 06:59 AM

افتراضي ترقية الاستايل للنسخة 3.7.0



>



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


اليوم بازن الله سوف اقدم لكم
الدرس الذى اختلفة عليه اغلب الناس

فإتمنى منكم ومن كل من مر على الموضوع تقيم الموضوع ليس المقصود تقيمة بنقاط التقيم ولكن
بالتفاعل بيه وكثرة الأسئلة وإظهار التطبيق , وإظهار التفاعل بالإستفادة

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

أخاً وأيضا بالنسبة للصغار أباً وبالنسبة للكثير أستاذنا

تركي الودعانى



وقيل وقلي الكثير
ولكن قبل البدأ أنوه لهذا الدرس
هنـــــــــــــــــــــــ ـــــــــــــــــــــا


بسم الله نبدا الدرس

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

أحبب تصحيح العنوان
ليست ترقية كما يتخيل البعض
ولاكن إعادة توزيع الإستايل كامل من الصفر إلى التركيب بحلة وهيئته الجديدة

لتحميل الإستايل ومتابعة الدرس
هنـــــــــــــــــــــــ ــــــــــــــــا

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

نقوم بحزف مجلدات الصور التالية
http://www.d3m-vb.net/vb/imgcache/22.imgcache
السبب فى حزف هذه المجلدات اغلبها لا يوجد لها مصار فى ملف الإستايل
والأخر تم أستبدالة بايكونات زائدة
الأن نأتى للمهم وهوه الإحتفاظ ببعض القوالب التى سوف نحتجها مع إعادة التوزيع من جديد
الإستيلات والقوالب
القوالب الشائعة كما سوف توضح الصورة
http://www.d3m-vb.net/vb/imgcache/23.imgcache
ونحتفظ بهم فى ملف txt
كلا على حدة
والأن نخرج قالب FORUMHOME ونتحتفظ بيه فى ملف txt

الأن بإذن الله سوف نلغى كل ما قيل من قبل
بإرجاع كافة القوالب للإصل وووو كثير
ولكن سوف نضيف إستايل جديد نظيف تماماً
أتبع الصورة
http://www.d3m-vb.net/vb/imgcache/24.imgcache
http://www.d3m-vb.net/vb/imgcache/25.imgcache
ثم نبدأ بإذن الله بإرجاع الهيدر والفوتر كما كانو ولكن تابع الدرس ولا تتعجل
أرجع الهيدر على الإستايل الجديد

نأتى الأن بقالب الهيدر header ونضعه مباشرة مكان الهيدر فى الإستايل الجديد الذى أضفناه للتو
اما الفوتر footer نتظر قليلاً
نأتى بملف التكست الخاص بيه ونفتح برنامج الفرونت بيج ونضع القالب بيه
لقد تعودنا دائما حين توزيع إستايل نقوم بوضع الفوتر فى أخر القالب
الأن نضع القالب فى الفرونت بيج ونبحث عن
كود PHP:

</script>


ونظلل ما أسفله كامل
كما موضح بالصورة التالية الصورة تتحد اكثر من الشرح بالكلام
http://www.d3m-vb.net/vb/imgcache/26.imgcache
ونضع ما ظللناه أخر قالب الفوتر اللجديد كما كان بدون اى تعديل
طبعا الذين لديهم خبرة براحتهم يفعلو ما يريدون
صورة لوضع الفوتر
http://www.d3m-vb.net/vb/imgcache/27.imgcache

ونكون انتهينا من توزيع الهيدر والفوتر

تبقى لدينا الأن ملف تكست الذى قولنا فى بادئ الأمر الأحتفاظ بيه وهوه قالب FORUMHOME
نفتح القالب فى الفرونت بيج
الله يرضى عليك ركز هنا
الأن ما سوف نقوم بيه هوه تكملة للإستايل لا أكثر وهوه توزيع الصور التجميلية على باقى أجزاء الإستايل بس الأن نريد أخز الكود الخاص بالصورة التجميلية العلوية والسفلية
بعد وضع قالب الفورم هوم فى الفرونت بيج لاحظ معى الصور
لأننا نريد أخز كافة الصور هذه
http://www.d3m-vb.net/vb/imgcache/28.imgcache

بالله عليك ركز جيدا
فإنك من الممكن أن تقابل تطاير جدول وليس صور تجميلية فقط كما فى شرحنا اليوم
الامر لا يختلف كثيرا ولكن لا بد لك من المعرفه ببعض أوامر الفرونت بيج واكوادة
الان ركز على الصورة القادمة لأننا منها سوف نعرف بداية ونهاية الصورة التجميلية العلوية والسفلية
نعمل أنقسام للصفحة فى الفرونت بيج
ثم نحدد التيبل العلوى الصورة سوف تتحدث أكثر وبعد أخز التيبل كما هوه نضعه فى ملف تكست أو فى صفحة جديدة فى الفرونت بيج
المهم ركزو بالله على هذه الصورة
الأن نقف فى منتصف التيبل الذى أمامنا والصفحة تكون انقسام ونفعل ما سوف تروه بالصورة القادمة
http://www.d3m-vb.net/vb/imgcache/29.imgcache

ما شاء الله والله الدرس غاية فى السهولة حتى الأن ما أعتقد أحد عندة أعتراض حتى الأن
نكرر هذه العملية على الصور السفلية
http://www.d3m-vb.net/vb/imgcache/30.imgcache


توقيع


رد مع اقتباس

تاريخ التسجيل: 07-31-2006
الدولة: منتجع الآهات والأحزان
المشاركات: 4,640
المواضيع: 1524
مشاركات: 3116
50
®|~«الط ي ــر»~|® will become famous soon enough®|~«الط ي ــر»~|® will become famous soon enough

الصورة الرمزية ®|~«الط ي ــر»~|®
®|~«الط ي ــر»~|® متصل الآن
مركز تحميل الطير

  #2 (permalink)  
قديم 05-25-2008, 07:02 AM

افتراضي رد: ترقية الاستايل للنسخة 3.7.0

بما فعلنا
تم الأحتفاظ بالصور التجميلية
كاملة علوية وسفلية

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

القوالب التى سوف يتم إجاع الصور عليه هيه كالتالى
قالب الفورم هوم FORUMHOME هذا القالب مختص بظهور رئيسية المنتى فيجب توزيع الصور عليه لإكتمال التصميم
قالب الفورم هوم دسبلي FORUMDISPLAY وهذا القالب خاص بظهور الأقسام الداخلية وعناوين المواضيع
قالب الناف بار navbar خاص بمنطقة تسجيل دخول الأعضاء والتنقل بين الصفحات حين تجولك داخل المنتدى ورسائل ألخ
قالب الشوزرد SHOWTHREAD خاص بظهور قالب الموضوع والرد السريع


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


الأن ركزو على الصورة
نخرج قالب الفورم هوم FORUMHOME من الإستايل الجديد ونضعة فى الفرونت بيج
وكل ما علينا معرفة بداية ونهاية المناطق التى يتوجب وضع الصور التجميلية بها
تم فى الجزء الذى شرحناه اخز الصور التجميلية العلوية والسفلية بنجاح ووضعناها فى الفرونت بيج فأصبح لدينا الصورة التالية
http://www.d3m-vb.net/vb/imgcache/31.imgcache
والأن سوف نقوم بوضع الصور فى الأجزاء الخاصة بها
كما سوف توضح الصورة التالية النمنطقة العلوية للأقسام
http://www.d3m-vb.net/vb/imgcache/32.imgcache
وهذه الصورة سوف توضح المنطقة السفلية فى منطقة الفورم هوم المختصه بالأقسام

http://www.d3m-vb.net/vb/imgcache/33.imgcache

بما تم نكون وزعنا الصور التجميلية على منطقة الأقسام الرئيسية التى تظهر فى الرئيسية للمنتدى
تبقى عندنا الإحصائيات
بالله إن كونت فقد التركيز خدلك رست قليل لن ما سوف يتم لن يختلف عن ما تم ولكن بإختلاف فقط المناطق التى وضعنا بها الصور

الأن منطقة الإحصائيات الصور التجميلية العلوية
http://www.d3m-vb.net/vb/imgcache/34.imgcache
الان منطقة الصور التجميلية السفلية
http://www.d3m-vb.net/vb/imgcache/35.imgcache

إنتهينا من توزيع كامل الصور فى قالب الفورم هوم FORUMHOME الرئيسية للمنتدى

نأتى الأن بقالب الناف بار navbar
ونضعة فى الفرونت بيج وإن فهمت الجزء الذى فات فانك سوف تعلم تلقائى أين يوضع الصور التجميلية
مع تواجد درس سابق تم إعدادة من قبلى يمكنك مراجعتة على الرابط التالى هنــــــــــــــــــــــا
وكان الدرس مختص بتأطير قالب الناف بار ولكن أيضا سوف نشرحة اليوم
نذهب إلى المنتدى أى كان سيرفر أبتشى أو قائم على النت طبعاُ مع مراعات مسار الصور جيداُ
المهم نأتى بقالب الناف بار navbar
نضعه فى صفحه جديده فى الفرونت بيج مع إذالة كافة الأكواد الموجوده
نبدء بالبحث عن الكود
كود PHP:

<!-- breadcrumb, login, pm info -->


ونضع أسفله الصور التجميلية العلوية
ثم نبحث عن الكود
كود PHP:

<!-- / nav buttons bar -->


ونضع أعلاه الصور التجميلية السفلية
ثم حفظ
بكدة نكون وزعنا الصور التجميلية على القوالب الرئيسية
إن أرد أن تقوم بتوزيع الصور على باقى القوالب التى ذكرتها فعليك فقط ان تعرف الجزء الذى يوضع بيه الصور التجميلية فقط لا غير

المهم
لو تلاحظ بدرسنا حتى الان لم اطلب منك أن تتوجة إلى الإستايل للمعاينة
الأن بعد توزيع الهيدر والفوتر والناف بار والفورم هوم
توجة للرئيسية للإستايل وما تراه ا ترى
http://www.d3m-vb.net/vb/imgcache/36.imgcache

أها وما العمل الأمر هين جداً
نتوجة الان إلى التجكم فى الإستيلات أو اطلب هذا الرابط مرتان
http://localhost/vb/admincp/template.php?do=modify

الأن نتوجة إلى متغيارت الإستايل ثم نسوى تجانب للصفحاتان فقط الصفحتان التى اختراها الأن
http://www.d3m-vb.net/vb/imgcache/37.imgcache

http://www.d3m-vb.net/vb/imgcache/38.imgcache

المهم الأن كما هوه واضح أمامك كافة مصار الصور
انقل فقط ما هوه مشار له السبب سوف نعرفة
http://www.d3m-vb.net/vb/imgcache/39.imgcache
الأن بعد نقل مصار الصور كما وضحت فقط
ندخل على جدول الCss وكما قولنا تجانب للصفحات
ونبدأ فى نقل أكودا الألوان فقط اكرر اكواد الأوان فقط لا غير
http://www.d3m-vb.net/vb/imgcache/40.imgcache
وبعد نقل كافة أكواد الأوان نبدأ بتنثيق الخطوط
لأن الخطوط او اغلب الخطوط فى الإستيلات القديمة لا تتوافق مع المتصفحات الحديثة لتغير نمط العرض بها فتابع تغير الخطوط فى هذه المواضيع
هنـــــــــــــــــــــــ ـــــا و هنـــــــــــــــــــــــ ــــــــــــــا

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

ولكن لم يتبقى غير شئ واحد فقط
الرجاء الأنتباه
أيكونات الإستايل الخاصة بيه تم زيادة هذه الصور على النسخ الجديدة
فعليك تحميل هذه الصور من هنـــــــــ images.zip ـــــــــا http://www.d3m-vb.net/vb/imgcache/41.imgcache

الأن كل ما عليك هوه نسخ ملجد صور الإستايل الذى تريد ترقيتة
وتغيرها على الصور الجديدة مثال لما سوف تفعل
http://www.d3m-vb.net/vb/imgcache/42.imgcache
وتذهب إلى مجلد الصور الجديد الذى حملتة ثم لصق لما نسخت
كما توضح الصورة
http://www.d3m-vb.net/vb/imgcache/43.imgcache
نأسف لتعبكم تبقى خطوة أخيرة

نقوم بإرجاع الصور الأن عكس ما فعلنا

ونقول لكم الأن عليكم بسحب ملف الإستايل وألف مبروك
تمت ترقية الإستايل بالطريقة الصحيحة 100% بدون أى خطأ بإذن الله
أأمل من الله عز وجل أن يكون الموضوع سهل وبسيط ولكن سوف يواجه المبتدا بعض صعوبة فى الهم ولكن سوف يكون يسير بإذن الله إن تابع الشرح مرات وطبق معنا

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

والسماح على الخطأ والنسيان
لحظه بالله

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

هنـــــــــــــــــــــــ ـــــــــــــــا


يلى أسئلة وأجوبة


توقيع


رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع

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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are معطلة
Pingbacks are معطلة
Refbacks are معطلة
الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[شرح] ترقية المنتدي للنسخة 3.7.2 ®|~«الط ي ــر»~|® منتدى تطوير المنتديات 0 08-22-2008 03:24 AM
شرح ترقية المنتدى للنسخة الجديدة 3.7.1 ®|~«الط ي ــر»~|® منتدى تطوير المنتديات 0 05-29-2008 01:24 AM
شرح وضع الهيدر والفوتر داخل الاستايل ®|~«الط ي ــر»~|® منتدى الاستيلات 0 12-19-2006 02:41 PM


الساعة الآن 10:24 PM.

تسجيل خروج غير مسجل


أقسام المنتدى

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


Powered by vBulletin® Version 3.7.4, Copyright ©2000 - 2009, Jelsoft Enterprises Ltd. TranZ By Almuhajir

جميع الحقوق محفوظة لمنتديات الطير

Security byi.s.s.w