صفحة 2 من 3 الأولىالأولى 123 الأخيرةالأخيرة
النتائج 8 إلى 14 من 15
  1. رقم #8
     افتراضي  العنوان : رد: تعديل استايل الجيل الرابع
    كاتب الموضوع : حلال المشاكل
    بتاريخ : 09 Nov 2012 الساعة : 04:38 AM

    طيب شرف 1


    الصورة الرمزية حلال المشاكل

    رقم العضوية : 34
    الانتساب : Jun 2004
    المشاركات : 3,823
    بمعدل : 0.78 يوميا
    معدل تقييم المستوى : 998
    التقييم : Array
    حلال المشاكل غير متصل



    خلفية الاقسام بالصفحه الرئيسية للمنتدى هذا مهم للغاية

    هذي خلفية الاقسام الرئيسية بالصفحة الرئيسية للمنتدى وراح اشرح شرح مبسط

    الجيل الرابع فيه هالميزه الرهيبه مثلا

    عندك اقسام المنتدى والي تظهر بالرئيسية للمنتدى
    مثلا عندك اربعه اقسام رئيسية تحتها اقسامها الاساسية
    فاللي صاير هنا ان اول قسم من القسم الرئيسي له لون وباقي الاقسام له ثاني
    هذي صوره توضح لنا



    طيب نبي المتغير الخاص باللون الاول
    نبحث عن frumrow_firstentry_background ونغير فيه كالعاده



    نجي للون الثاني او القسم الثاني
    نبحث عن هالمتغير
    frumrow_background

    ونغير مثل العاده اللون او الخلفيه
    وتنتهي هذي الجزئية وننتقل لجزئية اخرى برد اخر ان شاء الله


     



  2. رقم #9
     افتراضي  العنوان : رد: تعديل استايل الجيل الرابع
    كاتب الموضوع : حلال المشاكل
    بتاريخ : 09 Nov 2012 الساعة : 04:39 AM

    طيب شرف 1


    الصورة الرمزية حلال المشاكل

    رقم العضوية : 34
    الانتساب : Jun 2004
    المشاركات : 3,823
    بمعدل : 0.78 يوميا
    معدل تقييم المستوى : 998
    التقييم : Array
    حلال المشاكل غير متصل



    خلفية احصائيات المنتدى بالرئيسية تغير خلفية احصائيات المنتدى بالصفحه الرئيسية للمنتدى
    نبحث

    SecondaryContent


    بعد مانغير اللون نشيك وهذا مكانه



    نشوف بعده الحد ولون الخط ونوع الخط وهي بالخيارات التاليه



    شرح الارقام
    1= حد مربع الاحصائيات كامل
    2= اعلى الاحصائيات التي يوجد بها كلمة احصائيات المنتدى وهذي صورتها للتوضيح



    3= حد اعلى الاحصائيات
    4= لون الخط باعلى الاحصائيات
    5= نوع الخط باعلى الاحصائيات
    6= نوع الخط وحجمه بعناوين الاحصائيات مثل المتواجدون الان وهذي صوره توضحه



    الان تقريبا خلصنا الرئيسية كامله باقي لنا صفحة الاقسام والمواضيع وقالب البوست بت والملف الشخصي


     



  3. رقم #10
     افتراضي  العنوان : رد: تعديل استايل الجيل الرابع
    كاتب الموضوع : حلال المشاكل
    بتاريخ : 09 Nov 2012 الساعة : 04:39 AM

    طيب شرف 1


    الصورة الرمزية حلال المشاكل

    رقم العضوية : 34
    الانتساب : Jun 2004
    المشاركات : 3,823
    بمعدل : 0.78 يوميا
    معدل تقييم المستوى : 998
    التقييم : Array
    حلال المشاكل غير متصل



    قالب البوست بت والبوست لقاسي (المواضيع والمشاركات) بالجيل الرابع من الفيبلتون صار التحكم بقالبي البوست بت والبوست لقاسي من خيارات الاستايل
    خيارات css ونقدر نعدل عليه ووضع خلفيات مطابقه للمعايير القياسيه ميه بالميه وهذي ميزه جيده
    نبدأ بالتغيير الان بالمتغير الاول وهو
    post_title_font
    عنوان الموضوع بالمشاركه الاولى وهذا مثال عليه



    المتغير الثاني

    postbit_avatar_maxSize

    مقاسات الصوره الرمزيه للعضو وتحدد ارتفاعها من هنا وهذي ميزه يمكن تمنع بعض الصور الرمزيه الي ارتفاعه كيلو ونصف

    المتغير الثالث

    Postbit_background

    وهذي خلفية الموضوع نفسه وهنا نقدر نضيف خلفيه للموضوع اي صوره ولا لون
    ميزه رائعه جدا واعتقد معروفه ماتبي صوره له

    المتغير الثالث

    postbit_border
    حدود منطقة الموضوع والمشاركه وهذي صوره تحدده



    المتغير الرابع
    Postbit_boxed_background
    وهو خلفية خانة اخر تعديل والمرفقات وملحقاتها نعدل على اللون والخلفيه كالمعتاد
    وهذا شكله بعد التغيير



    طبعا انا غيرت الحدود ونوع الخط وشكله وبعده بالمتغيرات التاليه :
    Postbit_boxed_border= الحدود
    Postbit_boxed_fontsize= حجم الخط
    Postbit_boxed_padding= ازاحته عن المشاركه من جميع الجهات (اعلى-اسفل-يمين-يسار)

    المتغير الخامس
    Postbit_color
    لون الخط بالمشاركات بمعنى لون كتابة الموضوع والمشاركات

    المتغير السادس
    Postbit_control_background
    وهذا المتغير خاص بلون ازرار البوست بت وهذا شكله



    والمتغيرت الخاصه بالازرار شرحها بالصوره التاليه



    شرح الارقام
    1= لون الخط بالازرار
    2= نوع الخط للازرار
    3= لون خلفية الازرار اثناء وضع المؤشر عليها
    4= نوع الخط للازرار اثناء وضع المؤشر عليها
    5= لون الخلفيه اثناء عملية الحذف

    المتغير السابع
    Postbit_font
    نوع الخط للمواضيع والمشاركات

    المتغير الثامن
    Postbit_foot_background
    خلفية نهاية البوست بت او المشاركات وهذي صوره توضيحيه



    المتغير التاسع
    Postbit_font
    نوع الخط للمواضيع والمشاركات

    المتغير الثامن
    Postbit_hover_background
    الصدز مادري وش تبي ذي

    المتغير العاشر
    Postbit_msg_font
    نوع خط محتى المشاركات

    المتغير الحادي عشر
    Postbit_userinfo_background
    خلفية معلومات العضو وهنا تقدر تضيف لون او خلفيه وميزه جيده برضو وهذي صورته



    المتغير الثاني عشر
    Postbit_userinfo_border
    الحد لمعلومات العضو

    المتغير الثالث عشر
    Postbithead_background
    خلفية هيدر البوست بت وهالصوره توضحه



    المتغير الرابع عشر
    postbithead_border
    حد الهيدر
    المتغير الخامس عشر
    postbithead_color
    لون الخط بهيدر البوست بت
    المتغير السادس عشر
    postbithead_font
    نوع ومقاس وشكل الخط بهيدر البوست بت

    المتغير السابع عشر
    postbitlegacy_avatar_border
    حد الصوره الرمزيه للعضو

    المتغير الثامن عشر
    postbitlegacy_avatar_outline
    الحد الخارجي للصوره الرمزيه للعضو

    وهذي صوره توضح الحدين



    السهم الازرق الحد الداخلي الي هو الخيار
    postbitlegacy_avatar_border
    السهم الاحمر الحد الخارجي الي هو الخيار
    postbitlegacy_avatar_outline

    المتغير التاسع عشر

    postbithead_font
    نوع ومقاس وشكل الخط بهيدر البوست بت

    المتغير العشرون
    Postbitlegacy_userinfo_width
    عرض معلومات العضو في البوست لقاسي

    المتغير الحادي والعشرون
    postfoot_separator_color
    هذا لون الخط الفاصل بين الازرار وهذي صوره توضحه



    المتغير الثاني والعشرون
    postfoot_separator_width
    عرض الخط الفاصل بين الازرار

    الى هنا ننهي البوست بت والله ولي التوفيق ولنا موعد بجزئية اخرى ان شاء الله تعالى


     



  4. رقم #11
     افتراضي  العنوان : رد: تعديل استايل الجيل الرابع
    كاتب الموضوع : حلال المشاكل
    بتاريخ : 09 Nov 2012 الساعة : 04:40 AM

    طيب شرف 1


    الصورة الرمزية حلال المشاكل

    رقم العضوية : 34
    الانتساب : Jun 2004
    المشاركات : 3,823
    بمعدل : 0.78 يوميا
    معدل تقييم المستوى : 998
    التقييم : Array
    حلال المشاكل غير متصل



    القوائم المنسدله (ادوات الموضوع - خيارات الموضوع-البحث وغيرها)
    نبحث عن المتغير
    PopupMenus


    نجد المتغيرت الخاصه بالقوائم كلمه

    وسوف ارقمها بالصور واشرحها حسب ترقيمها



    الترقيم
    1= الخلفيه المتنقله بمعنى تمشي مع المؤشر
    2= ارضية القوائم وهاللي ملونه بالاسود بالصوره التاليه



    3= الحد الخارجي للقائمه
    4= منحنى ازرة التحكم بالمواضيع وخيارات الرقابه وهذي صورها



    نلاحظ المنحنى وضعته 5px
    5= نوع الخط بالقوائم
    6= ابعاد القائمه عن الجسم

    وننتقل الى جزئية اخرى بإذن الله



     



  5. رقم #12
     افتراضي  العنوان : رد: تعديل استايل الجيل الرابع
    كاتب الموضوع : حلال المشاكل
    بتاريخ : 09 Nov 2012 الساعة : 04:40 AM

    طيب شرف 1


    الصورة الرمزية حلال المشاكل

    رقم العضوية : 34
    الانتساب : Jun 2004
    المشاركات : 3,823
    بمعدل : 0.78 يوميا
    معدل تقييم المستوى : 998
    التقييم : Array
    حلال المشاكل غير متصل



    تغير الناف بار navbar نبحث عن المتغير
    NavBar

    تفتح لنا جميع خيارات الناف بار وهذا شكله



    سوف اشرح المهم به والباقي راح تعرفونه بالتطبيق
    نبدأ بالخيار الاول وهو ارضية الناف بار

    المتغير

    navbar_background

    موضعه



    الخيار الثاني

    navbar_font
    نغيره الى اي نوع خط تبيه وهذا شكله



    وانا غيرته لتاهوما

    navbar_link_color

    لون الرابط بالناف بار وهي المشاركات الجديده والرسائل الخاصه وغيرها

    navbar_linkhover_color

    لون عندما تضع المؤشر على الرابط

    navbar_padding

    حواف او زوايا الناف بار

    navbar_popup_link_background

    هذي خلفية القائمه المنسدله من التنبهات وهذا مثال عليه



    الي ملونه باللون الاحمر

    navbar_selected_popup_body_a_Color

    لون الخط داخل القائمه المنسدله

    navbar_tab_background

    ارضية القوائم الي فيها مربع البحث وخلافه



    الملونه بالاحمر

    navbar_tab_bevel

    هذا البروز تحت الخلفيه وهذا موقعه وتاثيره



    navbar_tab_border

    حدود التاب

    navbar_tab_color

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



    اللون الاحمر هو لوننا الي غيرناه

    navbar_tab_font

    نوع الخط لخوينا الي وضحناه

    navbar_tab_linkhover_color

    هذا لون الخط للتاب المفعل



    المحدد عليه بالاسود

    navbar_tab_selected_background

    هذا لون الخلفيه للتاب المفعل وتقدر تغير اللون لما يتناسب مع لون درجات ستايلك من دون ماتغير الخلفيه ويطلع شكله جميل
    وهذا شكله بعد التغيير وانا ركبت لون ونلاحظ وشلون يتغير الحد العلوي للتاب



    navbar_tab_selected_top_width

    ارتفاع التاب المفعل بعد مانضغط عليه نحصل الافتراضي له 4 ونقدر نزيد او نقلل

    وانا ابزيده حتى يوضح بس وابحطه عشره وهذا شكله



    navbar_tab_size

    مقاس التاس بالعرض والارتفاع

    navbarsearch_borderWidth

    عرض حدود المربع الخاص بالبحث

    navbar_tab_size

    مقاس التاس بالعرض والارتفاع

    navbarsearch_input_bordercolor
    لون المستطيل الخاص بالبحث

    navbarsearch_padding

    ابعاد مربع البحث من اعلى الناف بار

    searchbox_size

    مقاس مربع البحث

    ينصح بعدم تحديد عرض ويكتفي بالارتفاع حتى مايتشوه المنظر

    الى هذا الحد وننتقل الى جزئية اخرى بإذن الله تعالى


     



  6. رقم #13
     افتراضي  العنوان : رد: تعديل استايل الجيل الرابع
    كاتب الموضوع : حلال المشاكل
    بتاريخ : 09 Nov 2012 الساعة : 04:46 AM

    طيب شرف 1


    الصورة الرمزية حلال المشاكل

    رقم العضوية : 34
    الانتساب : Jun 2004
    المشاركات : 3,823
    بمعدل : 0.78 يوميا
    معدل تقييم المستوى : 998
    التقييم : Array
    حلال المشاكل غير متصل



    وحيث تم التعديل في النسخ الاحقة 4.8 حتى 4.2 ارفق لكم ملف يوجد فيه التغييرات التي حصلت

    تنبيه: يتوجب عليك فحص المرفق من الفايروسات قبل تشغيله
    حيث أن إدارة المنتدى غير مسؤولة عما يحصل لجهازك من المرفقات


    الملفات المرفقة

     



  7. رقم #14
     افتراضي  العنوان : رد: تعديل استايل الجيل الرابع
    كاتب الموضوع : حلال المشاكل
    بتاريخ : 12 Nov 2012 الساعة : 07:13 PM

    طيب فضي


    الصورة الرمزية بنت ابوى

    رقم العضوية : 27590
    الانتساب : Sep 2012
    العمر : 26
    المشاركات : 808
    بمعدل : 0.43 يوميا
    معدل تقييم المستوى : 3529
    التقييم : Array
    بنت ابوى غير متصل



    الله يعطيك العافية يا حلال المشاكل


     



صفحة 2 من 3 الأولىالأولى 123 الأخيرةالأخيرة

معلومات الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

الذين يشاهدون الموضوع الآن: 1 (0 من الأعضاء و 1 زائر)

المواضيع المتشابهه

  1. دورة تصميم استايل الجيل الرابع - الجزء الرابع والأخير
    بواسطة حلال المشاكل في المنتدى مدرسة التصميم
    مشاركات: 4
    آخر مشاركة: 28 Sep 2017, 11:38 PM
  2. دورة تصميم استايل الجيل الرابع - الجزء الثاني
    بواسطة حلال المشاكل في المنتدى مدرسة التصميم
    مشاركات: 3
    آخر مشاركة: 21 Nov 2012, 12:30 PM
  3. دورة تصميم استايل الجيل الرابع - الجزء الثالث
    بواسطة حلال المشاكل في المنتدى مدرسة التصميم
    مشاركات: 2
    آخر مشاركة: 12 Nov 2012, 07:14 PM
  4. دورة تصميم استايل الجيل الرابع - الجزء الأول
    بواسطة حلال المشاكل في المنتدى مدرسة التصميم
    مشاركات: 2
    آخر مشاركة: 12 Nov 2012, 07:14 PM

الكلمات الدلالية لهذا الموضوع

المفضلات

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •