|
||||||
|
|
LinkBack | أدوات الموضوع | طرق العرض |
|
||||
|
تأخرت عليكم شوي بهذي الحلقة لأني و الله أنشغلت شوي بس معليش اليوم بتعرفون كيف تركبون الستايل في المنتدى و تضبيط الجزء الأول من ألوانه يشترط في هذه الحلقه , إمتلاكك لمنتدى حقيقي أو تجريبي لتطبيق الدرس عليه التجريبي يكون بواسطة السيرفر أباتشي >> سيتم لاحقاً تنزيل درس لشرحه هذا السيرفر برنامج تقوم بتحميله على حهازك و يمكنك عمل منتدى تجريبي و العمل عليه و تصميمه من دون الإتصال بالإنترنت . ما أطول عليكم نبدأ الدرس بسم الله : رح للوحة تحكم المنتدى > ضبط الستايلات > آخر شيء تلقاء إضافة ستايل جديد ![]() أكتب أسم الستايل ثم حفظ ![]() بعد أن تنشئ الستايل أضغط بالقائمة المنسدلة اللي يساره و أختر القوالب المشتركه ![]() يتبع ,,,
التعديل الأخير كان بواسطة serag777; 19 - 05 - 2006 الساعة 23:50
السبب: رفع الشرح على سيرفر المعهد
|
|
إلا العبارتين الأخيرتين ثم أضف أكواد الهيدر أعلاها مثل الصورة : ![]() كذلك الفوتر أمسح كل شيئ بعد العبارة الظاهرة آخر شيء يعني بعد المؤشر اللي بالصورة أمسحه و حط أكوادك حقت الفوتر : ![]() بعدها رح تحت و أضغط على زر حفظ و رح شف منتداك وش صار عليه : ![]() إذا طلعت لك صورة شبيهة بالسابق فهذا يعني أنك ماشي متأكد , و كانك تبغى تتأكد من منطقة التمدد حوّل مقاسات شاشتك لـ 1024 إذا كانت 800* 600 و شف البنر يصقع بالأطراف و لا يتوسط يتبع ,, |
|
|
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 00:00
السبب: رفع الشرح على سيرفر المعهد
|
|
![]() أول متغير هذا لون الخلفية الرئيسية حقت المنتدى و اللي يساره هذا حق الإطار ![]() رح للفوتشوب و أختر آداة إنتقاء الألوان و حدد لون الخلفية مثل الصورة ثم أنسخ كود اللون : ![]() و أمسح كل الموجود في متغير الإطار و حطه زي كذا : margin: 0px 0px 0px 0px; padding: 0px; يتبع ,, |
|
|
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 00:07
السبب: رفع الشرح على سيرفر المعهد
|
|
![]() حط نفس كود اللون اللي طلعلك بالفوتشوب ![]() و بيصير تمااااااااااااااام : <td>, <th>, <p>, <li> لا تسوي فيه شيء ![]() يتبع ,,, |
|
|
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 00:21
السبب: رفع الشرح على سيرفر المعهد
|
|
![]() أممممممممممم من وين نطلع لونه ذا :) صح تذكرت فيه لون غامق عندنا بالستايل خذه بواسطة آداة إنتقاء الألوان و أنسخ كود لونه ![]() و حطه في المربع الموضح أما التحديد الخارجي أمسحه ![]() و بيصير معاك توووب يتبع ,,, |
|
|
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 00:28
السبب: رفع الشرح على سيرفر المعهد
|
|
![]() هذا المتغير يحدد الشكل المأطر بالأحمر : ![]() طبعاً يتم التغيير فيه بكود اللون و الصورة المراد وضعها خلفية و الكود كالتالي : #023B58 url(salman/1.jpg) repeat-x top و بيصير معهاك زي كذا ![]() يتبع ,, |
|
|
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 00:37
السبب: رفع الشرح على سيرفر المعهد
|
|
![]() الثاني زيه تقريباً يعني لو تحط نفس المتغيرات يكفيك بس غير تنسيق الخط ![]() Table Header (Customized in this Style) يفضل جعل لونه مثل لون الخلفية أحسن :) ![]() يتبع ,,, |
|
|
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 00:43
السبب: رفع الشرح على سيرفر المعهد
|
|
![]() شف اللحين و ش صار بس ناقصه تنسيق الخط و لون الخط ![]() هذولي المتغيريين تتحكم في جميع جدول المنتدى و الأقسام زي اللي بالصورة ![]() يتبع ,,, |
|
|
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 00:50
السبب: رفع الشرح على سيرفر المعهد
|
|
![]() WYSIWYG Editor (Should usually be the same as 'First Alternating Color' or 'Input Fields') للتحكم بصندوق المحرر المتقدم : ![]() غيرها بالأنسب مع لون ستايلك : ![]() يتبع ,,, |
|
|
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 00:56
السبب: رفع الشرح على سيرفر المعهد
|
|
![]() ******************* Input Fields (Customized in this Style) ![]() يتبع ,,, |
|
|
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 01:00
السبب: رفع الشرح على سيرفر المعهد
|
|
![]() أنا من ناحيتي عدلتها زي كذا : ![]() الجزء القادم من التنسيق في الحلقة القادمة :) عاد أنتم لا تنتظروني انسق النص معكم , يعني على طريقكم ضبطوا تنسيق النص و أماكن النص معروفة ,, لا أخفيكم أن الجزء الأكبر من هذا الدرس استفدته من الأخ تركي الودعاني جزاه الله خير الجزاء أترككم بحفظ الله و رعايته تحياتي ,,, |
|
|
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 01:15
السبب: رفع الشرح على سيرفر المعهد
|
|
| العلامات المرجعية |
| أدوات الموضوع | |
| طرق العرض | |
|
|