ayoub
مدير عام
عدد المساهمات : 475
نقاط : 15928
السٌّمعَة : 3
تاريخ التسجيل : 13/06/2011
 |  موضوع: تصميم اطارات لاقسام المنتدى بالفوتوشوب + تركيبها في منتدى  الثلاثاء سبتمبر 18, 2012 4:12 pm | |
| تصميم اطارات المنتدى بالفوتوشوب وتركيبه بالفرنت بيج تصميم الفوتوشوب اولاً نفتح عمل جديد  باداة التحديد  بتحديد داخلي  ثم نعدل زاوية التحديد كما في الصوره   لكي تكون الزاويه مائله  نفتح لير جديد  باداة الصبغ نقوم بصبغة   باداة التحديد نقوم بتحديد داخل الجدول  لكي نقوم بمسحه عن طريق الكيبورد نضغط على Delete  نقوم بتعديل على هيدر الاطار بما يناسبنانعدل على المحدد بالون الاحمر اما الاخضر لا نقوم بتاثير عليه كل شخص على حسب ذوقه شنو حاب يضع فيه زخارف نقوش شعار تدريج لان اللون الاخضر سوف يكون تمدد لا نقوم بعمل اي شي عليه  انا قمت ببعض التاثيرات البسيطه لكي اوضح الشرح  الان نبداء بقص الاطار لكي نستخدمه ببرنامج الفرنت بيج عن طريق اداة القص   نبداء بالقص مع مراعاة الدقه في العرض والطول  بعد القص نقوم بحفظ العمل   نضعها بصيغة jpgونرفع من الجوده حتى لا نفقد اللوان التصميم ثم نقوم بحفظ العمل  نقوم بحذف الصور الغير مرغوب فيها بعد القص  نعدل اسماء الصور حتى يسهل علينا معرفتها اثناء التركيب  نقوم بوضع الصور في مجلد الستايل الخاص بنا الان تركيب الصور عن طريق برنامج الفرنت بيج نفتح البرنامج  ونقوم بمسح الاكواد التي بداخله  نذهب الى التصميم  ونقوم بدراج جدول  ثلاث جداول عمودي وافقي  نضع الماوس على الجدول ونضغط كلك يمين  نعدل على خصائص الجدول كما في الصوره  وضعنا القيم الموضحه  الجدول الان بلا حدود ومن جهة اليمين الى اليسار الان نقوم بادراج الصور التي قمنا بتصميمها نذهب الى اول خليه فوق على اليمين ونضع الماوس عليها ثم نقوم بادارج صورة الاطار في زوايا الجدول    بعد ادراج الصور في زوايا الجدول كما هو موضح بطريقة الادراج اصبح بهذا الشكل  نضع الماوس كما في النقطه الحمراء  ونضغط كلك يمين بالماوس  ونختار له خلفيه عن طريق   ونعمل هذه الطريقه في الجههة المقابلة بوضع لها خلفيه  ونقوم بشد الجدول من اليمين واليسارالى اخر الجدول حتى يصبح  بهذا الشكل ونقوم باضافة خلفيه للجدول العلوي والسفلي  كلك يمين مكان النقطه ونختار صورة الخلفيه ثم موافق  وكذالك نقوم بعملها للجدول السفلي  نجعل الماوس مكان النقطه مع كلك يمين ونختار كما هو موضح في الصوره  ونقوم بادارج ثلاث صفوف في الخلية   نقوم بادراج الصور اليمين والشمال  ثم نقوم بالسحب يمين وشمال  كي تاخذ كل صورة موقعها  الحين خلصنا تصميم الباقي هي الاكواد الي نضيفها في ستايل المنتدىنذهب الى   نلاحظه ان روابط الصور غير صحيحه لو اضفناها في الموقع نقوم الان بتعديل الروابط نحدد على الرابط الغير مرغوب فيه كما في الصوره السابقه ثم نذهب الى بحث  نختار استبدال كلمات نضع مجلد الستايل الي في الصور على الجهه الاخر ثم نضغط استبدل الكل  تم استبدال جميع الروابط الان نذهب الى التصميم  ونضع الماوس كما في النقطه الحمراء ونذهب الى الكود لنعرف اي موقع هذه النقطه من الكود  الي فوق مؤشر الماوس هذا هو الجدول العلوي ولي تحت الماوس هذا السفلي صورة توضيحيه  الاحمر هذا هو الكود الي نضعه في الاعلى والاصفر نضعه في الاسفل في التمبلت اثناء التركيب انت خزنها في ملفين ضع ملف اسمه hed.txt والثاني اسمه fot.txt علشان يسهل عليك التركيب واحفظ ملفات txt --------------------------------------------------------------------------------------------------------------------------- تاطير تمبلت navbar الي بلون الاحمر هذا الجدول العلوي والي بالاصفر الجدول السفليالان نبي نركبه في النف بار navbarاولا نفتح لوحة التحكم ثم نذهب للبحث عن تمبلت navbar   ثم نضغط بحث  نضع كود الجدول العلوي فوق كلمة كود PHP: اقتباس:
<!-- breadcrumb, login, pm info -->
| وكود الجدول السفلي تحت كلمةكود PHP: : اقتباس:
<!-- / nav buttons bar -->
| ونقوم بحفظ العملالنتيجه  -----------------------------------------------------***********--------------------------------------------------- تاطير الصفحة الرئيسية للمنتدى الي بلون الاحمر هذا الجدول العلوي والي بالاصفر الجدول السفلي الان نبي نركبه في قوالب الصفحة الرئيسية اولا .. افصل الاقسام عن طريق هذا الشرح ثم افتح تمبلت كود PHP اقتباس:  واضف الجدول العلوي قبل هذه الكلمة كود PHP: [center] اقتباس:
<!-- whats going on box -->
| وضع الجدول السفلي قبل هذه الكلمة
اقتباس:
<!-- end whats going on box -->
| وقم بحفظ العمل
[center]النتيجة  الان نذهب الى تمبلت كود PHP: [center] : اقتباس:
forumhome_forumbit_level1_nopost
| [/center][/center] ونضع الجدول العلوي اعلى التمبلت في اول سطر ونضع الجدول السفلي قبل هذه الكلمة كود PHP:
اقتباس:
تجدها في أخر التمبلت ثم قم بحفظ التمبلت[/center]
النتيجة
---------------------------------------************************------------------------------------------------------- ---------------------------------------------------------------------------------------------تاطير الصفحات الداخلية تمبلت forumdisplay الي بلون الاحمر هذا الجدول العلوي والي بالاصفر الجدول السفلي الان نبي نركبه في قوالب الصفحة الداخلية قالب forumdisplay قم بفتح قالب كود PHP: اقتباس: وابحث عن كلمة كود PHP: اقتباس:
<if condition="$show['forumslist']">
| واضف تحتها الجدول العلوي الان ابحث عن كود PHP: اقتباس: اقتباس: واضف تحتها الجدول السفلي النتيجه  لم ننتهي في نفس القالب كود PHP: اقتباس: ابحث عن كود PHP: اقتباس:
<!-- / controls above thread list -->
| واضف اعلاه الجدول العلوي ثم ابحث عن كود PHP: اقتباس:
<!-- end show no threads message -->
| اقتباس:  واضف اسفلهم الجدول السفلي وابحث عن كود PHP: اقتباس:
<!-- Active Users in this Forum (and sub-forums) and Moderators -->
| واضف فوقه الجدول العلوي وابحث عن كود PHP: اقتباس:
<!-- End Active Users in this Forum (and sub-forums) and Moderators -->
| واضف اسفله الجدول السفلي وقم بحفظ التمبلت النتيجة  ------------------------------------------------------------------------------------------------------------ تاطير المواضيع والردود هذا الاطار قمنا بعمله في الدرس السابق الي بلون الاحمر هذا الجدول العلوي والي بالاصفر الجدول السفلي الان نبي نركبه حول الردود والموضوع في قالب SHOWTHREAD نفتح قالب كود PHP: اقتباس: ونبحث عن كلمة كود PHP:
اقتباس:
ونضع اعلاه الجدول العلوي للإيطار ثم نبحث عن كلمة كود PHP:
اقتباس:
<!-- controls below postbits -->
|
ونضع اعلاه [size=12]الجدول السفلي [size=12]نقوم الان بحفظ العمل سوف يكون هناك خطاء بسيط  [size=12]من متغيرات الستايل نغير قيمة حجم الفواصل من 25 الى 0 وبعدها نقوم بالحفظ النتيجه النهائية 
| |
|
