|
|
|
|
||||||
|
|
LinkBack | أدوات الموضوع | طرق العرض |
12 - 02 - 2006, 20:51
|
||||
|
اقدم لكم اليوم الجزء الثالث من كيفية صنع إستايل و هذا الجزء يتضمن شرح كيفية توزيع الاستايل على الفرونت بيج قول بسم الله حتى نبدأ الشرح بسم الله الرحمن الرحيم اللهم لا سهل الا ما جعلته سهلا و انت تجعل الحزن إذا شئت ربي سهلا. بسم الله نبدا اول شئ افتح برنامج الفرونت بيج  و اذهب الى CODE  قم بمسح ما بداخله  امسحه طيب و الان ارجع الى Design و من ثم اضغط على الزر الايمن للماوس و اختر خصائص الصفحة  واعمل التي باللون الاحمر  اعمل الاعدادت التي بالصورة التي فوق و الان سوف ننشئ جداول شوف الصورة  عمل 3*3 جداول و الان سوف تظهر الجداول و الان اضغط زر المواس الايمن على اي جدول و اختر خصائص الجدول شوف الصورة  اعمل الاعدادات التي بالصورة  وبكذا تكون الجداول معدة حتى نضع عليها خلفيات و صور شوف ترتيب الجداول الان كيف راح نوزعها  عند ادراج صورة انت تعرف كيف تضغط على هذه الايقونة  عند ادراج خلفية اضغط على الجدول المراد وضع له خليفية بزر الايمن للماوس و اختر خصائص الخلية انتبه خصائص الخلية و ليست خصائص الجدول الصورة توضح لك  تظهر لك صفحة  شوف الصورة التي فوق اعمل الاعدادت كما بالصورة واضغط على زر Browse لإختيار الصورة من الجهاز التي سوف تكون خلفية و الان بعد عمل كل شئ ووضع الخلفيات و الصور شوف كيف يطلع  و الان نبدأ نشد الاطراف شد الاطراف يا ابو الشباب شدينا الاطراف شوفوا كيف يصير  و الان بقي علينا نضع الاجزاء بتاعت الوسط للهيدر و الفوتر هل تذكرونها اذكركم بها الجزء الايمن من وسط الهيدر الجزء الايسر من وسط الهيدر الجزء الايمن من وسط الفوتر الجزء الايسر من وسط الفوتر بس السؤال هنا كيف نضعهم ؟؟؟ اول شئ اذهب للهيدر ذهبت ؟ عين الماوس عليه و اضغط الزر الايمن للماوس واختر الخيار الذي بالصورة  تابع  اعمل الاعدادت التي بالصورة طيب الأن تقسم الهيدر عندك الى 3 اقسام الان عليك وضع في كل قسم صورة و الان شوف الصصورة وضحتها لك اكثر  اختصار للأسئلة علشان ما يجي لي شخص محترم يسالني كيف بدي اضع الصور هذه انا ااقوووول لك عن طريق هذا الزر  طيب الان نكمل الشرح انتهينا من وضع الصورة كلها بالهيدر شوفوا كيف طلع  طيب الان بقي عندنا الفوتر نفس حكاية الهيدر نفس الخطوات يا اخوان يعني ما في شرح تعالوا شكلكم زعلتوا لا يا جماعة ما اتقفنا كذا بس خلص امري لله اشرحه لعيونكم تروح للفوتر و تضغط رايت كليك يعني الزر الايمن للماوس و اختار كما بالصورة  تابع وراح يطلع الفوترمقسم الى ثلاثة اجزاء سوف اسهل عليكم الامر وضعت لكم كل جهة لأي صورة شوف الصورة  اضن الامر واضح كذا شوف كيف راح يطلع السيد الفوتر معنا  ومبروك الاستايل كذا تم التوزيع الان اهااااا تعال وين رايح لسة مطولين الان روح يا سيدي على الجزء الوسطالذي بين الهيدر و الفوتر شفته ضع المؤشر عليه ووسطه بواسطة هذه الاداة  شوف كيف راح يطلع بعد التوسيط  شفت المؤشر كيف بالنصف طيب كذا انتيهنا الان اذهب من تحت اضغط على Code راح يطلع لنا الأكواد الان شوف الصورة و انا قسمت الاكواد لكم بالأرقام الرقم 1 هو الهيدر و الرقم 2 هو الفوتر  طيب يا حبيب القلب الان اذهب لمنتداك و ادخل لوحة التحكم ثم اذهب الى الإستايلات & القوالب ضبط الإستايلات اختر الاستايل الافتراضي الذي يأتي مع النسخة اذا لم يكن موجود اتبع التالي لوحة التحكم الإستايلات & القوالب ضبط الإستايلات في خيار تحت صغير وهو اضافة استايل جديد اضغط عليه و ضع اسم الاستايل وطريقة العرض 1 و اضغط اذهب سوف ينشا معك الاستايل الجديد طيب الان سوف نعدل القوالب بتاعته  وسوف تظهر لنا قائمة القوالب نحن تريد فقط الهيدر و الفوتر  طيب او شئ سوف تعدل الهيدر اضغط على ال header مرتين حتى يفتح طيب فتح الهيدر ابحث عن رمز Code:
$spacer_open رمز Code:
$spacer_open $_phpinclude_output طيب الان روح لعملك بتاع التوزيع يعني روح على الفرونت بيج نحن شو قلنا رقم 1 هيدر ورقم 2 فوتر طيب ضلل الان رقم 1 و اضغط على Cntrl + C و اذهب الى الهيدر بتاع الاستايل و الصق الكود فيصبح هكذا  اعمل له حفظ والان اذهب للفوتر والصق الكود رقم 2 في اخره فيصبح هكذا  و اعمل حفظ و الان روح لمنتداك وشوف إستايلك يا الغلا بس الاإستايل راح يطلع قصير مش على امتداد الصفحة طيب الحل ؟؟ اذهب الى لوحة التحكم الإستايلات & القوالب ضبط الاإستايلات اختار الإستايل و افتح القائمة بتاعتهما تختار تعديل القوالب اختار CSS الرئيسي  عند اول مستطيل كبير الجسم عند المستطيل الذي اسمه Extra CSS Attributes ضع هذا الكود بدال الذي فيه رمز Code:
margin: 0px 0px 0px 0px; padding: 0px;  واعمل حفظ و الف مبروك لك ومبروووووووووووك الاستايل ترى بدنا حلو يا جماعة على الاستايل الجديد ما ينفع كذا هههههههههههههههههههههههههه امزح معكم تحياتي لكم اخوكم النورس الطائر نتشرف بزيارتكم www.nwras.net/vb و انتظر تطبيقاتكم على احررررر من الجمر ودمتم بود ارجو عند النقل ذكر المصدر وأسف جدااا على اي قصور بالدرس او الشرح  تحياتي 
|
|
:: عضو نشيط ::
 
      |
مبدع ياحبيب قلبي تسلم يالغالي |
|
.:: عضو متألق ::.
|
|
|
:: عضو نشيط ::
 |
شكرا لمروركم وردكم |
|
:: عضو جديد ::
|
تستحق الشكر عليه اخوك المغترب |
|
:: عضو نشيط ::
|
هاذا درس عن تصميم استايل |
|
:: عضو نشيط ::
|
خلي الرجال حبيبي على راحته شكرا لك على رمورك وردك انتظر تطبيقاتكم يا اخوان |
|
عضو مؤسس
 
|
بارك الله فيك شرح مميز الله يوفقك ان شاء الله |
|
:: عضو نشيط ::
|
اخوي النورس الطائر لاعدمنا ها الشرح الرائع مشكووور |
| العلامات المرجعية |
| أدوات الموضوع | |
| طرق العرض | |
|
|
العرض العادي
