شبكة الشباب الإحترافية
شرح طريقه عمل استايل vb4 من البدايه الى النهايه بالصور  Ezlb9t10
شبكة الشباب الإحترافية
شرح طريقه عمل استايل vb4 من البدايه الى النهايه بالصور  Ezlb9t10
شبكة الشباب الإحترافية
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

شبكة الشباب الإحترافية

الشباب.الترفيه.الأخبار.الإبداع
 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول

 

 شرح طريقه عمل استايل vb4 من البدايه الى النهايه بالصور

اذهب الى الأسفل 
كاتب الموضوعرسالة
yousef albaba
المـديـر العـــام
المـديـر العـــام



رقم العضوية : 2
عدد المساهمات : 2297
نقاط : 5197
السٌّمعَة : 3
تاريخ التسجيل : 15/06/2010
العمر : 24
الموقع : https://shbab-jo.yoo7.com/

شرح طريقه عمل استايل vb4 من البدايه الى النهايه بالصور  Empty
مُساهمةموضوع: شرح طريقه عمل استايل vb4 من البدايه الى النهايه بالصور    شرح طريقه عمل استايل vb4 من البدايه الى النهايه بالصور  Emptyالثلاثاء أغسطس 10, 2010 4:48 pm

السلام عليكم ورحمه الله وبركاته زورا واعضاء ومشرفين بيتو هوست
اليوم شرح طريقه عنل استايل vb4 من البدايه الى النهايه

الخطوة الاولى

تغيير شعار المنتدى
عشان تغير صورة شعار المنتدى في الاصدار الجديد تروح على لوحة التحكم بعدين تروح على الاوامر بالترتيب
Style Manager > StyleVars > titleimage
تختار صورة الشعار وتحط مسار الصورة بعدين اضغط على زر حفظ




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

راح تشوف بعدها صور الشعار


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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



الخطوة الثانية
تغيير خلفية الهيدر عشان تتماشى مع صورة الشعار
تحتاج لصورة زي هذه فيها تدرج
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


بعدين من لوحة التحكم تروح على الاوامر بالترتيب
Style Manager > StyleVars > header_background
تختار الصورة وتحدد المسار بعدين كليك على حفظ


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


هيدر الصفحة بعد الحركة اللي طافت

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

وممكن تعبي الفراغات لو صارت وتحط في صندوق اللون نفس الوان الصورة



الخطوة الثالثة
تعديل الناف بار في اعلى الصفحة تحت صورة الشعار
لون الناف بار طلع مناسب بس راح نحاول نخليه مختلف
الناف بار ممكن تخليه صورة وممكن تخليه لون
والطريقة تروح للاوامر بالترتيب
Style Manager > StyleVars > navbar_background


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


شوف النتيجه

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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

Steve Machol

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




الخطوة الرابعة

تغيير لون الخلفية للمنتدى
نعدل اللون والطريقة تروح للخطوات بالترتيب
Style Manager > StyleVars > doc_backgroundColor

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

تغير لون الخلفية يغير من شكل المنتدى


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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



الخطوة الخامسة

تعديل لون الحد السفلي للناف بار عشان يتماشى مع الخلفية
زي ماهو واضح لون حد الناف بار مو مزبوط عشان كذا ممكن نصلح المشكلة وبدال ما نحط لون نختار خيار الشفافية الزر اللي في الركن والاوامر عشان التنفيذ بالترتيب
Style Manager > StyleVars > navbar_border
نختار اخر واحد اللون Color

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


شوف المساحة اللي بدون لون خلت الخلفية تظهر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




الخطوة السادسة

راح نحط صورة خلفية لهيدر الجداول في المنتدى

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اللون الاصلي مش بطال بس نحب نعمل لمسة على المنتدى
نرفع الصورة بعدين ننفذ الخطوات بالترتيب ونحط مسار الصورة
Style Manager > StyleVars > blockhead_background

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


نقرة وحده بعد كذا راح تشوف النتيجة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الصورة مقاسها 935 x 50 pixels




الخطوة السابعة

راح نغير زي الخطوة اللي فوق بس هذه المرة راح نغير خلفية الفوتير اللي اسفل المنتدى footer

نختار الصورة مقياسها 935x32 pixels ونرفعها للمنتدى

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بعدين نروح على الخطوات بالترتيب وحط المسار تبع الصورة
Style Manager > StyleVars > footer_background

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


ارعص على حفظ وشوف الشغلة كيف سهلة


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


بلكن الصورة ما راح تخلي الوان الوصلات تبان بس هذي تقدر تعدلها انك تغير الوان الوصلات



الخطوة الثامنة

طيب كيف نقدر نغير لون الوصلات في الفوتير
ولا يهمك امشي على الخطوات بالترتيب وحط اللون على ذوقك
Style Manager > StyleVars > footer_link_color

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


لو اخترت لون اسود راح يبان زي كذا


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




الخطوة التاسعة

تغيير لون خلفية المنتدى الداخلية body background
نبغى نغيرها من ابيض الى سماوي فاتح
طبعا نروح على الخطوات بالترتيب ونحط اللون تبعنا
Style Manager > StyleVars > body_background

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

شوف الحين وش اللي صار

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



الخطوة العاشرة والاخيرة

بعد ما غيرنا اللي قات لاحظت انو في المساحة في فوتر المنتدى تحت عند زر كتابة موضوع جديد وكتابة رد جديد ما كان لها لون مناسب ففكرت اني اعمل لها صورة خلفية واخترت هذي 750x40 pixels

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


رفعت الصورة ودخلت على وحطيت المسار تبعها
Style Manager > StyleVars > blockfoot_background

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


الحين صار لفوتر جدول المنتدى مزاج خاص
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شبكة الشباب الإحترافية :: الشباب لتطويـر المواقع والمنتديات :: قسم تطوير المنتديات و والمواقع-
انتقل الى: