حالة الموضوع:
مغلق
  1. The DoN

    The DoN Developer

    الأنتساب:
    ‏6 يونيو 2012
    المشاركات:
    28
    الإعجابات المتلقاة:
    1
    نقاط الجائزة:
    3
    الإقامة:
    PHP
    الســـلام عليكم و رحمة الله و بركاتـــه

    أخوانى أعضاء و مشرفين و ادارة هذا الصرح العظيم

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

    أحب أولا ان اعرض الناتج النهائى للدرس ://

    [​IMG]

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

    قالب البوست ليجاسى عندهم

    بسمــ الله نبدأ ://

    1- نفتح عمل جديد فوتوشوب أى طول و عرض : 222 ويفضل مثل الصورة

    [​IMG]

    2- نقم بتصميم شكل مثل اللى بالصورة و كل فرد و ذوقه و خبرته بالفوتوشوب

    [​IMG]

    3- الحين راح نقطع التصميم هذا نختار اداة slice tool .

    [​IMG]

    4- هنقطع الشكل اللى صممناه الى 3 أجزاء
    (1) صورة علوية ، (2) تمدد أو خلفية التصميم ، (3) صورة سفلية .:

    [​IMG]

    5- الحين جاء وقت حفظ التصميم اللى صممناه و قطعناه file >>> save for web

    [​IMG]

    6- هتظهر لنا معاينة التقطيع نضغط على save ستظهر لنا نافذة نختار منها images only
    ثم نضغط save

    [​IMG]

    7- الحين نروح ع الفرونت بيج و نمسح اللى فيه و نذهب الى تصميم و نعمل جدول 3 × 1 :

    [​IMG]

    8- ظهر لنا الجدول الحين نضغط كلك يمين و نختار ( خصائص الجدول ) table properties

    [​IMG]

    9- نطبق الاعدادات مثل الصورة التالية

    [​IMG]

    الجدول الجديد راح يكون بهالشكل :

    [​IMG]

    تمام الحين نكمل ///

    10- احنا الحين عندنا جدول به 3 خانات ( مستطيلات )
    نروح نضغط ونضع الماوس فى الخانة العليا ( الاولى )
    ونضيف الصورة العلوية (1)

    [​IMG]

    11- بعدها نضغط فى الخانة 3 السفلى ونضيف الصورة السفلية (3)

    [​IMG]

    12- الحين نضغط بالماوس فى الخانة الوسطى و نضغط كلك يمين ونختار ( خصائص الخلية )
    cell properties

    [​IMG]

    13- و نختار browse لاختيار خلفية

    [​IMG]

    14- الحين نختار خلفية التمدد (2)

    [​IMG]

    15- الحين بهذ الشكل اصبح الجدول نضغط توسيط فى الخانة الوسطى

    [​IMG]

    16- الحين نبى التركيز هذا مغزى الدرس
    نذهب الى لوحة التحكم فى المنتدى و نختار الاستايل المراد العمل عليه و نبحث عن قالب
    postbit_legacy
    نبحث فى القالب عن <div id="postmenu_$post[postid]">
    نظلل من هذا الكود لحد ما نوصل قبل <if condition="$show['moderated']">

    مع عدم تظليل <if condition="$show['moderated']"> ( هام )

    الصورة توضح ://

    [​IMG]

    ملحوظة الكود اللى هنظلله راح يختلف من قالب بوست ليجاسى لآخر

    بعد ما نظلل و نضبط نآخد التظليل ( cut ) نسخ و مسح

    17- نرجع تانى للفرونت بيج ونضغط على ( تعليمات برمجية ) code :/

    [​IMG]

    18- الحين الجزء اللى قصناه من البوست ليجاسى نضعه فى المكان المحدد فى الصورة

    [​IMG]

    19- الحين نغير مسار الصور بدلا من مثلا
    file:///C:/Documents%20and%20Settings/ahmed/Desktop/images/postimages_01.gif

    نجعلها xxx/postimages_01.gif
    على ان يكون xxx هو مجلد الاستايل

    20- الحين نذهب للبوست بت ليجاسى للاستايل مرة أخرى ونبحث عن <if condition="$show['moderated']">

    نضيف فوقه الكود اللى صممناه بالفرونت بيج

    الحين نختم العمل برفع الصور الثلاث الى مجلد الاستايل xxx

    انتهى الشرح ///

    لاتنسونا من الدعاء

    :{10}::{10}::{10}::{10}:
     
  2. OuT-L4w

    OuT-L4w <b><font size="4"><font color="#FF0000">Ṩ</font><f Developer

    الأنتساب:
    ‏10 ديسمبر 2011
    المشاركات:
    62
    الإعجابات المتلقاة:
    1
    نقاط الجائزة:
    8
    الإقامة:
    KeyBoard
    رد: شرح بسيط تجميل قالب البوست ليجسي بأبسط الطرق شرح مصور وسلس

    وعليكم السلام والرحمة

    رائع حدآ وفقك الله اخي


     
  3. الساحر

    الساحر Developer

    الأنتساب:
    ‏17 يوليو 2012
    المشاركات:
    3
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    1
    رد: شرح بسيط تجميل قالب البوست ليجسي بأبسط الطرق شرح مصور وسلس

    شرح جميل

    )5:"
     
  4. hackeurx

    hackeurx Developer

    الأنتساب:
    ‏27 ديسمبر 2011
    المشاركات:
    23
    الإعجابات المتلقاة:
    2
    نقاط الجائزة:
    3
    الوظيفة:
    طالب ثانوي
    الإقامة:
    MoRoCCo
    رد: شرح بسيط تجميل قالب البوست ليجسي بأبسط الطرق شرح مصور وسلس

    يسلموآ إديك ،، &:":
    ويعطيك ألف ع ـآفية ، *:"
     
  5. T.R.O.Y

    T.R.O.Y V • I • P

    الأنتساب:
    ‏3 ابريل 2012
    المشاركات:
    86
    الإعجابات المتلقاة:
    3
    نقاط الجائزة:
    8
    الإقامة:
    :: UAE ::
    رد: شرح بسيط تجميل قالب البوست ليجسي بأبسط الطرق شرح مصور وسلس

    الله يجزيك الخير

    ويبارك فيك وفي علمك وعملك الصالح
     
حالة الموضوع:
مغلق

مشاركة هذه الصفحة