عرب ويب نت - منتدى شبكة الإنترنت العربية - Powered by vBulletin

 
موقع و منتدى شبكة الإنترنت العربية ArabWebNet.com

اكتب بريدك في المربع ثم اضغط على "اشتراك" لكي يصلك كل جديد على بريدك مباشرة


+ الرد على الموضوع
صفحة 1 من 2 1 2 الأخيرةالأخيرة
النتائج 1 إلى 10 من 15
دورة و جميع متغيرات لتصميم استيلات الجيل الرابع vb 4 Styles

بداية الدورة تصميم الستايلات للنسخه vb4 الكثير يعرف هذه الطريقة ولكن هذه اساسيات الدورة من البداية اولا شي يجب ان نقوم بعمل ستايل جديد كي نقوم بتصميمه

  1. #1
    مشرف قسم السيارات و الرياضة mustafa4m is on a distinguished road
    تاريخ التسجيل
    Jul 2011
    المشاركات
    3,377

  2. #2
    مشرف قسم السيارات و الرياضة mustafa4m is on a distinguished road
    تاريخ التسجيل
    Jul 2011
    المشاركات
    3,377

    افتراضي


    انشاء مجلد الصور والايقونات الخاصه بالستايل



    نقوم بإنشاء مجلد للصور والايقونات الخاصه بالستايل

    داخل مجلد المنتدى vb الرئيسي


    باي اسم تحب انا خليت اسم المجلد





    ثم

    نفتح مجلد images الموجود في مجلد المنتدى

    وننسخ منه الملفات المذكورة









    ونضعها في المجلد الجديد










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




    نتوجه الى لوحة التحكم

















    المتغيرات المطلوب تغير اسم المجلدات فيها هي



    imgdir_button









    imgdir_gradients









    imgdir_statusicon







    imgdir_misc







    يتبع


  3. #3
    مشرف قسم السيارات و الرياضة mustafa4m is on a distinguished road
    تاريخ التسجيل
    Jul 2011
    المشاركات
    3,377

    افتراضي


    تصميم الهيدر ببرنامج الفوتوشوب


    راح نصمم كل جزء بروحه علشان يكون القص سهل حتى على المبتدئين


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


    طبعا التصاميم الي في الشرح يمكن ما تعجبكم لكن الهدف منها هو الشرح وليس الابداع في

    التصميم


    اولاً افتح برنامج الفوتوشوب وانا استخدم برنامج فوتوشوب الاصدار cs4 او اي اصدار تحب تستخدمه




    افتح عمل جديد






    1- فتح عمل جديد

    2- تسمية العمل وضعت اسم هيدر

    3- طول وعرض التصميم


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


    الان نقوم بفتح لير جديد في التصميم طبقه جديده






    نقوم بصبغها باي لون علشان نعمل عليها تاثير ستايل







    الان نقوم بتاثير نبي نسوي خلفيه للهيدر الخاص بنا



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



    ثم نضعط كما هو موضح بالصوره

















    نقوم الان باضافة بعض الصور في التصميم



    نقوم بوضع


    اي صورة او شعار

    او ايقونات


    سوف اقوم بقص بعض الصور واضافة بعض الفرش والايقونات


    اولا شي قمت باضافة فرش للهيدر







    الان اقوم بقص اي صوره ووضعها في التصميم








    اضيف بعض الايقونات على الصورة لتكون بشكل جميل ومميز







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


    و نصبغة بلون الاسود


    كخلفيه للكلام الموجود في اعلى الهيدر


    لا تنسى ان تخفف نسبة شفافية الطبقه


    كما هو موضح في الصوره








    الان نقوم بقص شعار الموقع + الخلفية






    قم بقص الصوره الى جزئين شعار الموقع + خلفيه للهيدر


    يفضل تكبير الصوره لكي تقوم بالقص بطريقة صحيحه


    كما في الصوره التاليه







    الان نقوم بحقظ الصور بعد القص











    احفظ التصميم





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













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

    يتبع


  4. #4
    مشرف قسم السيارات و الرياضة mustafa4m is on a distinguished road
    تاريخ التسجيل
    Jul 2011
    المشاركات
    3,377

    افتراضي

    تركيب الشعار وخلفية الهيدر

    وتعديل الوان وخطوط الهيدر

    بمتغير header






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

    titleimage





    1- نضغط عليه دبل كلك


    2- نضع اسم المجلد ورابط شعار الموقع



    لمشاهدته بعد التركيب






    الان تركيب خلفية الهيدر



    من المتغير



    header_background





    1- نغضط عليه دبل كلك


    2 - نختار لون الخلفيه طبعاً راح يظهر هذا الون معك اسفل صورة الهيدر مباشره

    يعني راح يملء الهيدر

    3- نضع اسم المجلد و اسم صورة الخلفيه

    مثال ما قام به من تغيير





    header_border


    هذا الخيار عندي انا غير مهم هو وضع اطار حول جدول الهيدر

    طبعاً في الستايل الرسمي مو حاطين شي لكن الموضوع هو لتعليم تصميم ستايل


    خلينا نحط فيه بعض المعلومات علشان نشوف تاثيره











    تم وضع اطار حول الهيدر


    انا راح امسحه علشان نكمل التصميم


    المتغير


    header_color

    هذا الخيار لتغير لون الخط في الهيدر






    مثال بعد تغير لون الخط






    المتغير

    header_font

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






    طبعا خط تهوما هو المفضل لدي واحب اني اضعه


    وجعلت الخط عريض مثال بعد التغير




    المتغير

    toplinks_input_login_backgroundColor

    لون خلفية زر تسجيل الدخول








    راح يوضح معك عندما تقوم بتسجيل الخروج من المنتدى


    المتغير

    toplinks_form_input

    هذا المتغير هو لون الخط في المدخل الخاص باسم العضو وكلمة السر




    مثال






    المتغير
    header_padding

    هذا المتغير خاص في حواف الهيدر وجعل بينها مساحه

    بحسب اختيارك




    طبعا راح اغير رقم 10 الى صفر علشان ما يكون فيه فراغ
    قبل





    بعد التغير الى رقم صفر




    يتبع


  5. #5
    مشرف قسم السيارات و الرياضة mustafa4m is on a distinguished road
    تاريخ التسجيل
    Jul 2011
    المشاركات
    3,377

    افتراضي

    تركيب الشعار وخلفية الهيدر

    وتعديل الوان وخطوط الهيدر

    بمتغير header






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

    titleimage





    1- نضغط عليه دبل كلك


    2- نضع اسم المجلد ورابط شعار الموقع



    لمشاهدته بعد التركيب






    الان تركيب خلفية الهيدر



    من المتغير



    header_background





    1- نغضط عليه دبل كلك


    2 - نختار لون الخلفيه طبعاً راح يظهر هذا الون معك اسفل صورة الهيدر مباشره

    يعني راح يملء الهيدر

    3- نضع اسم المجلد و اسم صورة الخلفيه

    مثال ما قام به من تغيير





    header_border


    هذا الخيار عندي انا غير مهم هو وضع اطار حول جدول الهيدر

    طبعاً في الستايل الرسمي مو حاطين شي لكن الموضوع هو لتعليم تصميم ستايل


    خلينا نحط فيه بعض المعلومات علشان نشوف تاثيره











    تم وضع اطار حول الهيدر


    انا راح امسحه علشان نكمل التصميم


    المتغير


    header_color

    هذا الخيار لتغير لون الخط في الهيدر






    مثال بعد تغير لون الخط






    المتغير

    header_font

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






    طبعا خط تهوما هو المفضل لدي واحب اني اضعه


    وجعلت الخط عريض مثال بعد التغير




    المتغير

    toplinks_input_login_backgroundColor

    لون خلفية زر تسجيل الدخول








    راح يوضح معك عندما تقوم بتسجيل الخروج من المنتدى


    المتغير

    toplinks_form_input

    هذا المتغير هو لون الخط في المدخل الخاص باسم العضو وكلمة السر




    مثال






    المتغير
    header_padding

    هذا المتغير خاص في حواف الهيدر وجعل بينها مساحه

    بحسب اختيارك




    طبعا راح اغير رقم 10 الى صفر علشان ما يكون فيه فراغ
    قبل





    بعد التغير الى رقم صفر




    يتبع


  6. #6
    مشرف قسم السيارات و الرياضة mustafa4m is on a distinguished road
    تاريخ التسجيل
    Jul 2011
    المشاركات
    3,377

    افتراضي


    النف بار

    المتغيرات لتاليه تتحكم بالنف بار



    المتغير


    navbar_background

    خلفية النف بار




    تم تغيره الى الون الاسود كما هو محدد بالوردي







    المتغير

    navbar_background_notify

    خلفية التنبيهات بوجود رسائل خاصه












    المتغير

    navbar_border


    حدود النف بار











    المتغير

    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

    حجم بروز الزر المختار للاعلى في النف بار الرئيسي










    المتغير

    navbar_tab_size

    عرض وطول ازرار النف بار الرئيسية







    المتغير



    navbarsearch_borderWidth


    عرض اطار محرك البحث في النف بار











    المتغير


    navbarsearch_input_borderColor

    لون اطار محرك البحث في النف بار









    المتغير


    navbarsearch_padding


    محاذات اطراف محرك البحث


    والمتغير


    searchbox_size

    حجم صندوق محرك البحث

    يتبع


  7. #7
    مشرف قسم السيارات و الرياضة mustafa4m is on a distinguished road
    تاريخ التسجيل
    Jul 2011
    المشاركات
    3,377

    افتراضي


    النف بار

    المتغيرات لتاليه تتحكم بالنف بار



    المتغير


    navbar_background

    خلفية النف بار




    تم تغيره الى الون الاسود كما هو محدد بالوردي







    المتغير

    navbar_background_notify

    خلفية التنبيهات بوجود رسائل خاصه












    المتغير

    navbar_border


    حدود النف بار











    المتغير

    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

    حجم بروز الزر المختار للاعلى في النف بار الرئيسي










    المتغير

    navbar_tab_size

    عرض وطول ازرار النف بار الرئيسية







    المتغير



    navbarsearch_borderWidth


    عرض اطار محرك البحث في النف بار











    المتغير


    navbarsearch_input_borderColor

    لون اطار محرك البحث في النف بار









    المتغير


    navbarsearch_padding


    محاذات اطراف محرك البحث


    والمتغير


    searchbox_size

    حجم صندوق محرك البحث

    يتبع


  8. #8
    مشرف قسم السيارات و الرياضة mustafa4m is on a distinguished road
    تاريخ التسجيل
    Jul 2011
    المشاركات
    3,377

    افتراضي


    متغيرات القوائم المنبثقه
    PopupMenus





    المتغير

    imodhilite_backgroundColor


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












    المتغير

    popupmenu_background

    خلفيه القوائم المنبثقه في المنتدى












    المتغير

    popupmenu_border



    اطار القوائم المنبثقه









    المتغير

    popupmenu_border_radius

    قطر حدود مربع القوائم المنبثقة




    المتغير

    popupmenu_font

    هو نوع الخط في القوائم المنبثقه




    المتغير
    popupmenu_padding
    محذات الخط في داخل القوائم المنبثقه




    المتغير

    Private_Messages

    pm_foldercontrols_total_border


    اطار في نسبة الرسائل في الرسائل الخاصه









    يتبع


  9. #9
    مشرف قسم السيارات و الرياضة mustafa4m is on a distinguished road
    تاريخ التسجيل
    Jul 2011
    المشاركات
    3,377

    افتراضي


    متغيرات

    Forms

    +

    Forums


    متغير

    form_columnleft_width


    عرض الجهه اليمنى من صندوق الادوات













    متغير

    form_columnright_width

    عرض الجهه اليسرى من صندوق الادوات














    متغير
    form_maxWidth

    عرض صندوق الادوات














    متغير

    formrow_background


    خلفية صندوق الادوات












    متغير




    formrow_border

    اطار معاينة المشاركة قبل النشر












    متغير

    input_borderColor


    اطار الكتابه يتاثر به البحث في المدونة












    المتغير

    forum_sidebar_background

    خلفية الاطار الجانبي











    يتبع


  10. #10
    مشرف قسم السيارات و الرياضة mustafa4m is on a distinguished road
    تاريخ التسجيل
    Jul 2011
    المشاركات
    3,377

    افتراضي



    المتغير


    forum_sidebar_border


    حدود الاطار الجانبي












    متغير

    forum_sidebar_content_background

    خلفية محتوى الصندوق الجانبي لمنتدى















    المتغير

    forum_sidebar_content_border

    حدود محتوى شريط المنتدى الجانبي













    المتغير

    forum_sidebar_content_separator_background


    اسفل القائمة الجانبية












    المتغير


    forum_sidebar_content_separator_height


    مسافة اسفل القائمة الجانبية











    متغير


    forum_sidebar_contentlist_avatar_maxSize


    مقاس الصور في القائمة الجانبيه






    المتغير


    forum_sidebar_header_color


    لون خط عنوان القائمة الجانبية










    المتغير

    forum_sidebar_header_font


    حجم ونوع خط عنوان القائمة الجانبية







    المتغير

    forum_sidebar_width

    عرض القائمة الجانبية






    المتغير

    forumbits_aForum


    لون رابط وخط راس المنتدى













    متغير


    forumbits_border


    حدود اقسام المنتدى













    يتبع


 

 

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

  1. "جو go" تمدد عروضها لخدمات الجيل الرابع
    بواسطة Black Stone في المنتدى جو ( Go )
    مشاركات: 2
    آخر مشاركة: 15-12-2010, 10:50 AM
  2. إيزي فون تليفون الجيل الرابع بمزايا عديدة
    بواسطة ريتاج في المنتدى جو ( Go )
    مشاركات: 1
    آخر مشاركة: 14-12-2010, 09:52 PM
  3. بالصور شرح تغيير الخلفية و تلوين استايل لمنتديات الجيل الرابع
    بواسطة فراشة المنتدى في المنتدى استايلات المنتديات
    مشاركات: 4
    آخر مشاركة: 30-11-2010, 08:46 AM
  4. استايل الجيل الرابع (الواحه)
    بواسطة احمد في المنتدى استايلات المنتديات
    مشاركات: 0
    آخر مشاركة: 30-09-2010, 03:32 PM
  5. مشاركات: 0
    آخر مشاركة: 19-08-2010, 07:52 AM

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

مواقع النشر (المفضلة)

مواقع النشر (المفضلة)

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

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

 

تابعونا على تويترتابعونا على فيس بوكمدونة شبكة الانترنت العربية

 

 



الساعة الآن 03:15 PM