1. أهلا وسهلاً بكم في :: IQ-TeaM FORUM :: .
    إذا كانت هذه الزيارة الأولى أو لديك الرغبة بالانضمام لأعضاء شبكة عراق تيم فيجب الاطلاع على خصوصية الشبكه فربما بقائك زائر افضل لك من الانضمام بحيث أن قوانين شبكة عراق تيم لا تتناسب مع اهتماماتك .
    • للأطلاع على الخصوصية وسياسة الاستخدام - التفاصيل
    • بعد الاطلاع على سياسة الموقع وقوانين شبكة عراق تيم يمكنك التسجيل معنا - تسجيل عضو جديد
    إستبعاد الملاحظة
الكاتب : The DoN | المشاهدات : 3,898 | الردود : 4
حالة الموضوع:
مغلق
  1. The DoN Developer

    الأنتساب:
    ‏6 يونيو 2012
    المشاركات:
    28
    الإعجابات المتلقاة:
    1
    نقاط الجائزة:
    15
    الإقامة:
    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 <b><font size="4"><font color="#FF0000">Ṩ</font><f Developer

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

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

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


     
  3. الساحر Developer

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

    شرح جميل

    )5:"
     
  4. hackeurx Developer

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

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

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

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

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

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