رسالة مدير الموقع
تم افتتاح الموقع الحمدلله بحلته الجديدة وهو تحت التطوير لفترة حتى يتم الانتهاء من كل شئ بنجاح
دورة تصميم قالب ورد بريس بلوحة تحكم
قريبا مفاجئات ودروس برمجية متنوعه
| فى بى ايجى لدروس و شروحات المواقع و المنتديات دروس و شروحات خاصة بالمنتدى و تطوير المواقع |
|
|
LinkBack | أدوات الموضوع | انواع عرض الموضوع |
08-07-2009
|
#1 (permalink) | ||||||||
|
VB EGY
 
|
شرح ترقيه استايل بطريقه مميزه وجديده
السلام عليكم ورحمة الله وبركاتة اليوم بازن الله سوف اقدم لكم الدرس الذى اختلفة عليه اغلب الناس فإتمنى منكم ومن كل من مر على الموضوع تقيم الموضوع ليس المقصود تقيمة بنقاط التقيم ولكن بالتفاعل بيه وكثرة الأسئلة وإظهار التطبيق , وإظهار التفاعل بالإستفادة سوف نقوم بإذن الله بإيقاف كلمة ممكن لو سمحت ترقى لى الإستايل هذا الموضوع لتقديم ترقيات الإستيلات أنتهي وقت طلب هذه المقولة المهم هذا الدرس على تحفة الإستيلات العربية الإسلامية شخصاً عرفناه بالكرم والسخاء فإسمحوا لى أن أقف له إحتراماً وتحية لأخ غالى على قلوبنا فتح صرح عظيم للتلاقى وإكتساب المعرفة أخاً وأيضا بالنسبة للصغار أباً وبالنسبة للكثير أستاذنا تركي الودعانى وقيل وقلي الكثير ولكن قبل البدأ أنوه لهذا الدرس هنــــــــــــــــــــــــــــــــــــــــــــا بسم الله نبدا الدرس أولا سوف يتم شرح الترقيه السليمة 100% على إستايل النور لاخونا الغالى ومبدعنا تركى الودعانى أحبب تصحيح العنوان ليست ترقية كما يتخيل البعض ولاكن إعادة توزيع الإستايل كامل من الصفر إلى التركيب بحلة وهيئته الجديدة لتحميل الإستايل ومتابعة الدرس هنـــــــــــــــــــــــــــــــــــــــا الأن بعد تحميل ملف الصور سوف يظهر امامك نقوم بحزف مجلدات الصور التالية  السبب فى حزف هذه المجلدات اغلبها لا يوجد لها مصار فى ملف الإستايل والأخر تم أستبدالة بايكونات زائدة الأن نأتى للمهم وهوه الإحتفاظ ببعض القوالب التى سوف نحتجها مع إعادة التوزيع من جديد الإستيلات والقوالب القوالب الشائعة كما سوف توضح الصورة  ونحتفظ بهم فى ملف txt كلا على حدة والأن نخرج قالب FORUMHOME ونتحتفظ بيه فى ملف txt الأن بإذن الله سوف نلغى كل ما قيل من قبل بإرجاع كافة القوالب للإصل وووو كثير ولكن سوف نضيف إستايل جديد نظيف تماماً أتبع الصورة   ثم نبدأ بإذن الله بإرجاع الهيدر والفوتر كما كانو ولكن تابع الدرس ولا تتعجل أرجع الهيدر على الإستايل الجديد نأتى الأن بقالب الهيدر header ونضعه مباشرة مكان الهيدر فى الإستايل الجديد الذى أضفناه للتو اما الفوتر footer نتظر قليلاً نأتى بملف التكست الخاص بيه ونفتح برنامج الفرونت بيج ونضع القالب بيه لقد تعودنا دائما حين توزيع إستايل نقوم بوضع الفوتر فى أخر القالب الأن نضع القالب فى الفرونت بيج ونبحث عن كود PHP: </script> ونظلل ما أسفله كامل كما موضح بالصورة التالية الصورة تتحد اكثر من الشرح بالكلام  ونضع ما ظللناه أخر قالب الفوتر اللجديد كما كان بدون اى تعديل طبعا الذين لديهم خبرة براحتهم يفعلو ما يريدون صورة لوضع الفوتر  ونكون انتهينا من توزيع الهيدر والفوتر تبقى لدينا الأن ملف تكست الذى قولنا فى بادئ الأمر الأحتفاظ بيه وهوه قالب FORUMHOME نفتح القالب فى الفرونت بيج الله يرضى عليك ركز هنا الأن ما سوف نقوم بيه هوه تكملة للإستايل لا أكثر وهوه توزيع الصور التجميلية على باقى أجزاء الإستايل بس الأن نريد أخز الكود الخاص بالصورة التجميلية العلوية والسفلية بعد وضع قالب الفورم هوم فى الفرونت بيج لاحظ معى الصور لأننا نريد أخز كافة الصور هذه  بالله عليك ركز جيدا فإنك من الممكن أن تقابل تطاير جدول وليس صور تجميلية فقط كما فى شرحنا اليوم الامر لا يختلف كثيرا ولكن لا بد لك من المعرفه ببعض أوامر الفرونت بيج واكوادة الان ركز على الصورة القادمة لأننا منها سوف نعرف بداية ونهاية الصورة التجميلية العلوية والسفلية نعمل أنقسام للصفحة فى الفرونت بيج ثم نحدد التيبل العلوى الصورة سوف تتحدث أكثر وبعد أخز التيبل كما هوه نضعه فى ملف تكست أو فى صفحة جديدة فى الفرونت بيج المهم ركزو بالله على هذه الصورة الأن نقف فى منتصف التيبل الذى أمامنا والصفحة تكون انقسام ونفعل ما سوف تروه بالصورة القادمة  ما شاء الله والله الدرس غاية فى السهولة حتى الأن ما أعتقد أحد عندة أعتراض حتى الأن نكرر هذه العملية على الصور السفلية  بما فعلنا تم الأحتفاظ بالصور التجميلية كاملة علوية وسفلية الأن نأتى لتوزيع الصور على القوالب التى نحتاج بها الصور التجميلية القوالب التى سوف يتم إجاع الصور عليه هيه كالتالى قالب الفورم هوم FORUMHOME هذا القالب مختص بظهور رئيسية المنتى فيجب توزيع الصور عليه لإكتمال التصميم قالب الفورم هوم دسبلي FORUMDISPLAY وهذا القالب خاص بظهور الأقسام الداخلية وعناوين المواضيع قالب الناف بار navbar خاص بمنطقة تسجيل دخول الأعضاء والتنقل بين الصفحات حين تجولك داخل المنتدى ورسائل ألخ قالب الشوزرد SHOWTHREAD خاص بظهور قالب الموضوع والرد السريع نبدـ على بركة الله بقالب الفورم هوه ولمن أراد الأقسام مفصولة يحمل هذا الشرح هنــــــــــــــــا الأن ركزو على الصورة نخرج قالب الفورم هوم FORUMHOME من الإستايل الجديد ونضعة فى الفرونت بيج وكل ما علينا معرفة بداية ونهاية المناطق التى يتوجب وضع الصور التجميلية بها تم فى الجزء الذى شرحناه اخز الصور التجميلية العلوية والسفلية بنجاح ووضعناها فى الفرونت بيج فأصبح لدينا الصورة التالية  والأن سوف نقوم بوضع الصور فى الأجزاء الخاصة بها كما سوف توضح الصورة التالية النمنطقة العلوية للأقسام  وهذه الصورة سوف توضح المنطقة السفلية فى منطقة الفورم هوم المختصه بالأقسام  بما تم نكون وزعنا الصور التجميلية على منطقة الأقسام الرئيسية التى تظهر فى الرئيسية للمنتدى تبقى عندنا الإحصائيات بالله إن كونت فقد التركيز خدلك رست قليل لن ما سوف يتم لن يختلف عن ما تم ولكن بإختلاف فقط المناطق التى وضعنا بها الصور الأن منطقة الإحصائيات الصور التجميلية العلوية  الان منطقة الصور التجميلية السفلية  إنتهينا من توزيع كامل الصور فى قالب الفورم هوم FORUMHOME الرئيسية للمنتدى نأتى الأن بقالب الناف بار navbar ونضعة فى الفرونت بيج وإن فهمت الجزء الذى فات فانك سوف تعلم تلقائى أين يوضع الصور التجميلية مع تواجد درس سابق تم إعدادة من قبلى يمكنك مراجعتة على الرابط التالى هنــــــــــــــــــــــا وكان الدرس مختص بتأطير قالب الناف بار ولكن أيضا سوف نشرحة اليوم نذهب إلى المنتدى أى كان سيرفر أبتشى أو قائم على النت طبعاُ مع مراعات مسار الصور جيداُ المهم نأتى بقالب الناف بار navbar نضعه فى صفحه جديده فى الفرونت بيج مع إذالة كافة الأكواد الموجوده نبدء بالبحث عن الكود كود PHP: <!-- breadcrumb, login, pm info --> ونضع أسفله الصور التجميلية العلوية ثم نبحث عن الكود كود PHP: <!-- / nav buttons bar --> ونضع أعلاه الصور التجميلية السفلية ثم حفظ بكدة نكون وزعنا الصور التجميلية على القوالب الرئيسية إن أرد أن تقوم بتوزيع الصور على باقى القوالب التى ذكرتها فعليك فقط ان تعرف الجزء الذى يوضع بيه الصور التجميلية فقط لا غير المهم لو تلاحظ بدرسنا حتى الان لم اطلب منك أن تتوجة إلى الإستايل للمعاينة الأن بعد توزيع الهيدر والفوتر والناف بار والفورم هوم توجة للرئيسية للإستايل وما تراه ا ترى  أها وما العمل الأمر هين جداً نتوجة الان إلى التجكم فى الإستيلات أو اطلب هذا الرابط مرتان http://localhost/vb/admincp/template.php?do=modify الأن نتوجة إلى متغيارت الإستايل ثم نسوى تجانب للصفحاتان فقط الصفحتان التى اختراها الأن   المهم الأن كما هوه واضح أمامك كافة مصار الصور انقل فقط ما هوه مشار له السبب سوف نعرفة  الأن بعد نقل مصار الصور كما وضحت فقط ندخل على جدول الCss وكما قولنا تجانب للصفحات ونبدأ فى نقل أكودا الألوان فقط اكرر اكواد الأوان فقط لا غير  وبعد نقل كافة أكواد الأوان نبدأ بتنثيق الخطوط لأن الخطوط او اغلب الخطوط فى الإستيلات القديمة لا تتوافق مع المتصفحات الحديثة لتغير نمط العرض بها فتابع تغير الخطوط فى هذه المواضيع هنــــــــــــــــــــــــــــا و هنـــــــــــــــــــــــــــــــــــــا يمكنك الأن بإذن الله مشاهدة ما فعلت يدك من ترقية الإستايل إلى النسخة التى تحب ولكن لم يتبقى غير شئ واحد فقط الرجاء الأنتباه أيكونات الإستايل الخاصة بيه تم زيادة هذه الصور على النسخ الجديدة فعليك تحميل هذه الصور من هنـــــــــ images.zip ـــــــــا  الأن كل ما عليك هوه نسخ ملجد صور الإستايل الذى تريد ترقيتة وتغيرها على الصور الجديدة مثال لما سوف تفعل  وتذهب إلى مجلد الصور الجديد الذى حملتة ثم لصق لما نسخت كما توضح الصورة  نأسف لتعبكم تبقى خطوة أخيرة نقوم بإرجاع الصور الأن عكس ما فعلنا ونقول لكم الأن عليكم بسحب ملف الإستايل وألف مبروك تمت ترقية الإستايل بالطريقة الصحيحة 100% بدون أى خطأ بإذن الله أأمل من الله عز وجل أن يكون الموضوع سهل وبسيط ولكن سوف يواجه المبتدا بعض صعوبة فى الهم ولكن سوف يكون يسير بإذن الله إن تابع الشرح مرات وطبق معنا وأأمل بأن لا أرى بعد الأن هذه المواضيع ممكن احد يرقى لى هذا الإستايل موضوع لطلبات ترقية الإستيلات والسماح على الخطأ والنسيان لحظه بالله يوجد هدية طبعا مع تطبيق درسى هذا تمت ترقية الإستايل الجميل هذا فإسمحو لى بعد إذن صاحبة أقدم لكم إستايل النور للمبدع تركى الودعانى ومع كامل شكرى وتقديرى للمعهد العربى ترايدنت لتحميل الإستايل هنــــــــــــــــــــــــــــــــــــــا أساله وأجوبة ســ 1 ـ : لماذا تمت الترقية على إستايل جديد ولم يتم التعامل بإرجاع القوالب مع العلم بتوفير وقت فى تلوين اجزاء الإستايل من ال Css ؟؟ جـ 1 ــ : الإستايل الجديد نظيف جدا متوافق مع النسخة التى سوف يتم ترقية الإستايل عليها 100% يوجد هكات سابقة كانت تحتاج لإضافة قوالب داخل الإستايل فلن يتم إزالة هذه القوالب حتى لو تم إرجاع القوالب إلى الأصل وأحتمال تواجد قوالب لم تعدل وتبقى على حالتها بدون ارجااع فكى لا نضع أحتمالات للخطأ قومنا بالتوزيع الكامل للإستايل على إستايل نظيف 100% . لعدم توافق جدول ال Css من ناحية الخطوط او خفر الجدول فراعينا إعادتة من جديد وايضا للتوافق مع كافة المتصفحات ســ 2 ــ : هل كل الإستيلات يمكن ترقيتها بنفس هذا الدرس ؟؟ جـــ 2 _ : إن شاء الله الفروق بسيطة جدا بين الإستيلات وبعضها سواء كان مقطرة أى محاط التصميم بصور جانبية او لا ولاكن الإستيلات الاجنبية التى تعتمد داخلها على ال Css فبكل أسف لا ولقلة خبرتى فى هذه الأكواد لا تصلح للترقية الصحيحة كما فعلنا اليوم ولاكن اغلب الإستيلات العربية صالحة بإذن الله للترقية بهذه الطريقة بدون أى اخطاء ســ 3 ــ : هل نستطيع التلاعب بالقوالب وفصل الإقسام وتغير بعض القوالب الداخلية لكى يكون الإستايل تمت ترجيعة على النسخة بطريقة تليق بالموقع ؟؟ جــ 3 ــ : بإذن الله تستطيع أن تفعل ما تشاء إن تابعت تغير وتعديل طريقة العرض للقوالب بإذن الله تفعل ما تشاء بدون أى مشاكل ولاكن تحتاج لبعض الخبرة البسيطة للتعامل مع الاكواد فقط وذلك تكتسبة من كثرة الممارسة ومتابعة الدروس الناجحة وأى سؤال بإذن الله أخوكم حاضر له بالتوفيق والخير نلتقى تم نقل الموضوع من طرفى وذلك لاهميته القصوى جدا وطريقه مميزه وجديده
|
||||||||
|
|
|
08-18-2009
|
#3 (permalink) | |||||||||
|
VB EGY
|
ومنورنى
|
|||||||||
|
|
|
|
08-19-2009
|
#5 (permalink) | |||||||||
|
VB EGY
|
|
|||||||||
|
|
|
|
08-19-2009
|
#7 (permalink) | |||||||||
|
VB EGY
|
|
|||||||||
|
|
|
|
08-31-2009
|
#9 (permalink) | |||||||||
|
VB EGY
|
|
|||||||||
|
|
|
| مواقع النشر (المفضلة) |
| الكلمات الدلالية (Tags) |
| مميزه, استايل, ترقيه, بطريقه, شرح, وجديده |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
العرض العادي
|
|
 فى بى ايجى التطويرية |
||||
الساعة الآن 04:07 AM.
