العودة   منتديات الاصدقاء > - مـنـتــدى تطـويـــر الـمـنـتـديـات - >

مواضيع منوعة لتطوير المنتديات - برمجة المواقع


الإهداءات

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

ملاحظة: نعتذر عن نسخ الموضوع


إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
قديم 01-10-2011, 12:48 AM   #1
المدير العام


الصورة الرمزية admin over
admin over غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 1
 تاريخ التسجيل :  Jan 2011
 أخر زيارة : 25-03-2018 (07:36 PM)
 المشاركات : 8,398 [ + ]
 التقييم :  13
 الدولهـ
Jordan
 الجنس ~
Male
لوني المفضل : Black
منق،،،ول طريقة تركيب استايل جديد، وشرح التحكم بالستايل




شرح تلوين كل أجزاء الاستايل مع التحكم بحجم خط أقسام الستايل وطريقة تركيب استايل جديد

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

نبدأ في تلوين الجسم

ندخل على لوحة تحكم المنتدى
ومنها ننتقل الى ستايلات & القوالب
ونختارمنها : Style Manager

طريقة تركيب استايل جديد، وشرح

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


طريقة تركيب استايل جديد، وشرح

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


طريقة تركيب استايل جديد، وشرح

مشكله ؟؟؟؟؟

وشلون نخلي لون الخلفيه مطابق للهيدر والفوتر ويكون المنتدى منسق؟؟

الحل الوحيد نعمل برنت اسكنر
(نروح للمنتدى واما نطلع للهيدر او ننزل للفوتر ونضغط من الكي بورد على كلمة Print Screen)

ورحنا للفوتوشوب ونضغط على كلمة Fill ونفتح عمل جديد وراح يطلع لنا
مقاسات الصفحه اللي سوينا لها تصوير بـ Print Screen
طيب انفتح لنا العمل الجديد وبالمقاسات المصوره من الشاشه (وكلاً على حسب قياس شاشته)
نلصق التصوير بالضغط على الكي بورد (Ctrl + V)

مثل مانا سويت (نشوف الصوره)


طريقة تركيب استايل جديد، وشرح


اللحين لصقنا العمل (طيب وشو اللون اللي راح نختاره؟)

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

طريقة تركيب استايل جديد، وشرح

طيب كيف يتم اختيار هاللون وباي اداة من الفوتوشوب ؟


نروح للادوات ونفتح على علبة الالوان

بالضغط على هذه الاداه

طريقة تركيب استايل جديد، وشرح

اللحين راح يفتح لنا مربع او علبة الالوان

طريقة تركيب استايل جديد، وشرح

في نفس اللحظه نروح للصوره ومربع الالوان مفتوح (مهمه)


نمر بالماوس على المنطقه اللي ابغى اخذ منها اللون

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

طريقة تركيب استايل جديد، وشرح

بمجرد مرور الماوس على اللون راح يطلع لك الدرجه حقة اللون

شوف الصوره


طريقة تركيب استايل جديد، وشرح

نروح نضلل اللون و وبطرف الماوس الايمن نضغط
راح يطلع لنا مربع حوار (ننسخه )


طريقة تركيب استايل جديد، وشرح

نسخنا اللون زين

نروح نلصقه الان في خلفية المنتدى بس مانمسح علامة المربع (#) واللي بيمسحها الله يعينها يكتبها
بس ابي اريحكم
لصقنا اللون ... طيب وين save css ... اضغطه عليها من غير ماتشاور

مثل كذا


طريقة تركيب استايل جديد، وشرح

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


طريقة تركيب استايل جديد، وشرح

نروح اللحين للمتغير الثاني اللي هو
:: Page Background ::
وهذا للتلوين الداخلي (مثل مافهمتك في دروس الاعدادات)


طريقة تركيب استايل جديد، وشرح

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

في حاله وحده تخالفه

انك تحط في مربع Extra CSS Attributes هذا الامر


border: 1px solid #0B198C;

مع تغيير اللون هذا 0B198C بما يناسبك

بحيث يكون بين الجزء الخاجري والداخلي حد لتفرقة اللون

بالنسبه لي فانا طابقت نفس لون الخلفيه (العالم مزاجات )

نشوف الصوره


طريقة تركيب استايل جديد، وشرح

اللحين نقدر نقول لكم عليه
زوين وماشي حاله

نروح اللحين للمتغير الثالث اللي هو
:: <td>, <th>, <p>, <li>::
وهذا للتلوين مناطق جزئيه داخله بالجداول
ومثل ماهو موضوع بالصوره انصح بعدم استخدامه


طريقة تركيب استايل جديد، وشرح

نجي للمتغير الرابع اللي هو

::Table Border::

التحديد الكلي للمنتدي
يوجد بهذا المتغير تحديد داخلي وتحديد خارجي


طريقة تركيب استايل جديد، وشرح

لمشاهدة التحديد في المنتدى بعد التكبير

طريقة تركيب استايل جديد، وشرح

وعشانك مسوي استايل وش كبره وش عرضه

فلابد تتماشى مع التحديد اللي بديت منه

وعشان تعرف درجه التحديد

تروح تاخذ اي جزء في المنتدى

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

وتلصقه بالفوتوشوب

وتاخذ الدرجه مثل كذا

طريقة تركيب استايل جديد، وشرح

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

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

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


طريقة تركيب استايل جديد، وشرح

والان نكبر التحديد بعد الاعتماد من الكنترول

طريقة تركيب استايل جديد، وشرح

نروح اللحين للمتغير الخامس اللي هو
:: Category Strips ::
وهذا خاص بلون الخلفيه اللي موجوده تحت مسميات الاقسام
نشوف الصوره


طريقة تركيب استايل جديد، وشرح

وهذا شكلها بالمنتدى

طريقة تركيب استايل جديد، وشرح

وعشان تعمل توافق مع الاستايل

فعندك في المتغير هذا الكود

#5C7099 url(images/gradients/gradient_thead.gif) repeat-x top left

معناته لازم تصمم خلفيه عرضها لايهم بس اهم شئ الطول يكون مابين 28 الى 30 بيكسل

وانا افضل 30

واللحين صممت انا هذي


طريقة تركيب استايل جديد، وشرح

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

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

body

تعالوا نشوف كيف وضعها بالكود

#5C7099 url(images/test/body.jpg) repeat-x top left

طيب لون خلفيتها ماتغير

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

وشو لون الاستايل الرئيسي ؟

اكيد الاصفر

طيب ناخذ من درجاته

وانا اخذت هاللون EEDFA1

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

#EEDFA1 url(images/test/body.jpg) repeat-x top left

ويصبح خلفيه الاقسام بهذا الشكل

طريقة تركيب استايل جديد، وشرح

نروح اللحين للمتغير السادس اللي هو
:: Table Header::
وهذا خاص بلون الأرضية اللي موجوده تحت مسميات المنتدى + المواضيع والمشاركات والمراقبين


طريقة تركيب استايل جديد، وشرح

وهذا شكلها بالمنتدى

طريقة تركيب استايل جديد، وشرح

مثل ماوضحت في الرد السابق

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

#5C7099 url(images/gradients/gradient_thead.gif) repeat-x top left

من الافضل تنسخ الكود اللي في المتغير الخامس

:: Category Strips ::

اللي هو هذا الكود

#EEDFA1 url(images/test/body.jpg) repeat-x top left

وتريح نفسك

لاحظ المنتدى الان بعد التغيير

طريقة تركيب استايل جديد، وشرح

الان المتغير السابع
وهو Table Footer= القسم السفلي للمنتدى
وهو خاص بلون الارضيه الموجوده في جزء محدد اسفل المنتدى ونشاهد الصوره انه بلون سماوي على موف


طريقة تركيب استايل جديد، وشرح

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


طريقة تركيب استايل جديد، وشرح

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

طريقة تركيب استايل جديد، وشرح

نروح ناخذ درجه لون خلفيه المنتدى من المتغير Body

ونحطها في المربع الخاص بالارضيه


طريقة تركيب استايل جديد، وشرح

نشاهد التغير كيف صار

طريقة تركيب استايل جديد، وشرح

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

اللحين نتطرق للمتغيرين الثامن والتاسع المهمين في المنتدى وهما
First Alternating Color

طريقة تركيب استايل جديد، وشرح

Second Alternating Color

طريقة تركيب استايل جديد، وشرح

وموقعهما في المنتدى


طريقة تركيب استايل جديد، وشرح

هذا كيف ناخذ اللوانها

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

ونشوف هنا كيف اخذنا لونينن متدرجه من لون خلفيه المنتدى

هذا رقم واحد

طريقة تركيب استايل جديد، وشرح

هذا رقم اثنين

طريقة تركيب استايل جديد، وشرح

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


طريقة تركيب استايل جديد، وشرح

للمعلوميه هذان المتعيران راح تغير اشياء كثيره في المنتدى

مثل المواضيع والردود والاقسام .. الخ



المتغير العــاشر وهو مخصص لتغير خلفية ولون صندوق المشاركات المطور WYSIWYG Editor

WYSIWYG Editor (Should usually be the same as 'First

Alternating Color' or 'Input Fields')

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

طريقة تركيب استايل جديد، وشرح

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

طريقة تركيب استايل جديد، وشرح

المتغير الحادي عشر Input Fields (Customized in this Style)

وهو مختص بتغير خلفية ولون الرد السريع ..وأخرى كما سوف تشاهدون بالصورة

طريقة تركيب استايل جديد، وشرح

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

اولاً /

[1] خلفية عنوان الموضوع كما هو محدد بالون الاحمر .

طريقة تركيب استايل جديد، وشرح

ثانياً /

خلفية الرد السريع

طريقة تركيب استايل جديد، وشرح

ثالثاً /

خلفية محرك البحث .

طريقة تركيب استايل جديد، وشرح

الان سوف نقوم بأضافة لون للخلفية وايضاً لون للخط ويجب مراعات تناسق الالوان ويفضل جعل لون الخلفية

فاتح والخط بلون غامق كما قمنا بها في الرد المطور .


طريقة تركيب استايل جديد، وشرح

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

طريقة تركيب استايل جديد، وشرح


المتغير الحادي عشر

الأزرار (Customized in this Style)

وهذا المتغير خاص بالازره والخط المستخدم على الزر ..

وايضاً بأمكانك وضع خلفية لهذه الازره ....

اولاً سوف نشاهد موقع هذا المتغير بالمنتدى ..

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


طريقة تركيب استايل جديد، وشرح

1/ زر وخلفية تسجيل الدخول .
2/ زر البحث في المنتدى في اي صفحه .
3/ الازره الخاصه بأعتماد المشاركه او المشاهده سواء بصندوق المشاركات او بالرد السريع .
4/ خلفية زر عرض المواضيع الموجود بداخل الاقسام .
5/ زر التحكم بالمرفقات .

بالاضافة ايضاً الي زر الانتقال السريع كما هو موضح في الصورة الثالثه .

--------

سوف نقوم الان بأضافة لون لخلفية الزر .

وفي حالة رغبتك بأضافة خلفية عبارة عن صورة لهذا الزر يتم وضع الكود التالي .

#FBEDD6; background-image: url("Rwabe/body.jpg")

في المتغير Extra CSS Attributes مع تغيير امتداد الصورة في الاستايل .

الصورة التاليه توووضح ااكثر .

طريقة تركيب استايل جديد، وشرح


وبعد ذالك اخــتر حفظ وشاهد التغير .


طريقة تركيب استايل جديد، وشرح



للمعلوميه هذان المتعيران راح تغير اخرى مثل الازرار في تعديل التوقيع



كمشاهدة التوقيع واعتماد التوقيع وايضاً في جميع ازرار الانتقال كــ ,,, الانتقال الي مجلد الوارد او .... الخ



المتغير الثاني عشر / select> Menus



وهو متحكم بلون خلفية القوائم المنسدلة ولون الخط /
قائمة تبديل الاستايل .
  • قائمة خيارات عرض المواضيع .
  • قائمة الانتقال السريع .


الاماكن التي تتأثر بهذا المتغير هي كما بالصورة .



اولاً / قائمة تبديل الاستايل .



[IMG]http://www.dubaieyes.net/up/Folder-

001/1176111665_12.gif[/IMG]



ثانياً / خلفية وخط خيارات عرض المواضيع

طريقة تركيب استايل جديد، وشرح



ثالثا / قائمة الانتقال السريع



طريقة تركيب استايل جديد، وشرح



****************************** *

الان سوف نقوم بأضافة لون للخلفية وايضاً لون للخط ويجب ان تكون الالوان متناسقه مع لون الاستايل .

طريقة تركيب استايل جديد، وشرح



الان سوف نشاهد التغيرات التي حصلت .



قائمة تبديل الاستايل بعد التعديل /



طريقة تركيب استايل جديد، وشرح



قائمة خيارات عرض المواضيع بعد التعديل /



طريقة تركيب استايل جديد، وشرح



قائمة الانتقال السريع بعد التعديل /



طريقة تركيب استايل جديد، وشرح




المتغير الثالث عشر / خط صغير Fonts



طريقة تركيب استايل جديد، وشرح



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



اضف له لون او يترك على اللون الافتراضي وهو اللون الاسود .

ــــــــــــــــــــــــــــــ ـــــــ

سوف نشاهد الان الامكان التي يؤثر فيها هذا المتغير .

فقط قمنا بتغير لون الخط .

اولاً / عبارة الترحيب بدخول العضو للمنتدى

طريقة تركيب استايل جديد، وشرح

ثانياً / الوصف الموجود تحت اسم المنتدى

طريقة تركيب استايل جديد، وشرح

ثالثاً / لون خط احصائيات المنتدى

طريقة تركيب استايل جديد، وشرح

رابعاً / لون خط وصف الصور المستخدمة في المنتدى مثل ــ الصورة الدالة على وجود مشاركة جديده بهذا القسم ــ موضوع شعبي ..

الخ

طريقة تركيب استايل جديد، وشرح

خامساً / تغير لون خط عبارة التوقيت بدون تغير لون الساعة



طريقة تركيب استايل جديد، وشرح



سادساً / تغير لون خط حقوق استخدام البرنامج

طريقة تركيب استايل جديد، وشرح

سابعاً / تغير لون الخط الصغير المستخدم في قائمة قوانين المشاركه .

طريقة تركيب استايل جديد، وشرح


ثامناً / لون خط مسى العضو و عنوان الموضوع

طريقة تركيب استايل جديد، وشرح


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

وهناك تغيرات اخرى مثل ــ اسم كاتب الموضوع ــ عبارة الانتقال السريع ــ

تاريخ التسجيل وعدد المشاركات ـ


المتغير الخاص بتغير لون الوقت Time Color



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



طريقة تركيب استايل جديد، وشرح


لا حظ اننا قمنا فقط بأضافة لون خط الساعة ولم نقم بأضافة لون للخلفية ..

الخلفية لاتقم بأضافة اي لون لها كما في الصورة التالية ..

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



طريقة تركيب استايل جديد، وشرح



لاحظ لون الساعة باللون الاحمر هو التغير الذي قمنا به .



طريقة تركيب استايل جديد، وشرح



ايضاً توقيت أخر مشاركة



طريقة تركيب استايل جديد، وشرح



وايضاً التوقيت العام للمنتدى


المتغير الخاص بنص الناف بار Navbar-Text

يقوم هذا المتغير بتغير لون خلفية النص في الناف بار وايضاً لون النص النشط في الناف بار ..


لاتقم بوضع خلفية لهذا المتغير حفاظاً على تناسق الشكل .


في حالة رغبتك في تغير لون النص النشط يمكنك تغيرة او تركه فارغاً .

سنقوم الان بتغير لون خط الرابط النشط في Navbar-Text الناف بار .



طريقة تركيب استايل جديد، وشرح


لاحظ قيامنا فقط بتغير لون الخط .

توضيح للأماكن التي يتم التغير فيها .

طريقة تركيب استايل جديد، وشرح


لاحظ لون الخط لأسم المنتدى .


وعند فتحنا اي من الاقسام ستلاحظ التالي .



طريقة تركيب استايل جديد، وشرح



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

Highlighted Font = الخط المبرز


وهو لإبراز كلمات البحث في نتائج البحث .



طريقة تركيب استايل جديد، وشرح


في حالة رغبتك بأضافة لون لخلفية الخط المبرز فقم بأضافته مع مراعات اختلاف اللون ..

الان لو قمنا مثلاً بالبحث في المنتدى عن عبارة الأسباب سوف تظهر نتائج البحث وتكون

عبارة الاسباب باللون الذي حددناه اللون الاحمر .


شاهد نتيجة البحث .


طريقة تركيب استايل جديد، وشرح



كما تلاحظون ان متغير Highlighted Font يهتم فقط بالخطوط المبرزه في نتائج البحث

المتغير Panel Surround


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


الرد على موضوع وايضاً خيارات الموضوع


شكل المتغير كما بصورة .

طريقة تركيب استايل جديد، وشرح


قما بأضافة اللون البني للخلفية الخارجية للمحرر والخيارات الاضافية .

شاهد نتائج التغير .

طريقة تركيب استايل جديد، وشرح

تغير لون الخلفية الخارجية لمحرر الرد السريع .


طريقة تركيب استايل جديد، وشرح

تغير لون الخلفية الخارجية للمحرر في الرد على الموضوع + تغير لون الخلفية الخارجية لخيارات الموضوع


المتغير (Panel (Forms)

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

الخيار السابق والذي كان للون الخلفية الخارجيه .

نشاهد الان شكل المتغير سوف نقوم بتغير لون الخلفية الداخلية الي لون بني خفيف .


طريقة تركيب استايل جديد، وشرح


لاحظ وجود كود في خانة Extra CSS Attributes


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


وهذا هو الكود


رمز:


padding: 10px;border: 2px outset;


الان وبعد ان قمنا بتغير لون الخلفية الداخلية للمحرر نشاهد معاً نتائج هذا التغير .




1/ الخلفية الداخلية للمحرر في الرد السريع .

طريقة تركيب استايل جديد، وشرح


2/ تغير لون الخلفية الداخلية للمحر في الرد على موضوع وايضاً في خيارات الموضوع ..


طريقة تركيب استايل جديد، وشرح


المتغير legend

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

وهذا مثال لمعرفة المقصود بجداول البيانات .


طريقة تركيب استايل جديد، وشرح


تلاحظون الخط الاحمر اسفل عبارة الخيارات وهذا مايهمنا في درسنا اليوم هذه العبارة .

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


طريقة تركيب استايل جديد، وشرح

الاماكن التي يتم التأثير عليها بهذا المتغير .

جميع جداول وصف البيانات تتأثر بهذا المتغير سواء في لوحة التحكم او في الرد على موضوع او اي خانه اخرى في المنتدى .


طريقة تركيب استايل جديد، وشرح


المتغير Popup Menu Controls والاماكن التي تتأثر بتغيره .


هذا المتغير يفضل ان يكون مطابق تماماً للمتغير الخامس اللي هو :: Category Strips ::



شكل المتغير .



طريقة تركيب استايل جديد، وشرح


وكما تشاهدون وجود الكود الخاص بالشد مهم جداً .

رمز:


padding: 3px 6px 3px 6px;white-space: nowrap;


سنقوم الان بعمل تغير على المتغير Popup Menu Controls



بحيث يكون متطابق مع المتغير Category Strips




طريقة تركيب استايل جديد، وشرح



قمنا بأضافة الكود الخاص بالصورة .


#EEDFA1 url(images/test/body.jpg) repeat-x top left


كما تم عملها سابقاً .



الان نشاهد المواقع التي تأثرت بهذا التغير .

1/


طريقة تركيب استايل جديد، وشرح


2/


طريقة تركيب استايل جديد، وشرح


يهمنا في الصورة السابقه المحدد باللون الاحمر فقط .


3/

طريقة تركيب استايل جديد، وشرح


المتغير Popup-Menu-Body

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



طريقة تركيب استايل جديد، وشرح



لملاحظة وتميز التحديد الداخلي والخارجي شاهد الصورة .


طريقة تركيب استايل جديد، وشرح

طبعاً قائمة الروابط السريعه و ايضاً خيارات الموضوع وخيارات المنتدى

قربنا ننتهي بإذن الله تعالى .


المتغير Popup Menu Option Row

تلاحظون ان الدرسين السابقين وهذا الدرس والدرس القادم ايضاً جميعها تتعلق بالقائمة Popup القائمة المنسدلة بالمنتدى وخياراتها .


المتغير Popup Menu Option Row



طريقة تركيب استايل جديد، وشرح



قمنا بأضافة لون للخلفية وايضاً لون الخط بما يتناسب مع الاستايل .


شاهد الان التغير .


طريقة تركيب استايل جديد، وشرح


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


المتغير Popup Menu Highlighted Option


وهذا المتغير كما ذكرنا في المتغير الذي قبله بأنه يتبع لمتغيرات القائمة Popup


وهو المتغير الاخير الذي يخص قائمة Popup .


ويهتم هذا المتغير بتغير لون خلفية القائمة المنسدلة اثناء مرور زر الماوس [ الفأرة ] على اي من





الخيارات الموجودة في القائمة .

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


طريقة تركيب استايل جديد، وشرح

الان بعد ان قمنا بتغير الخلفية والون الخط للمتغير شاهد نتيجة عملك وذالك بتمرير مؤشر الفأرة


على اي من الخيارات في القائمة السريعة .



طريقة تركيب استايل جديد، وشرح


............ انتهى .............


الآن شرح طريقة الحصول على ملف الاستايل الذي يكون بصيغة xml

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

ندخل لوحة التحكم

تذهب الى الستايلات & القوالب ومنها تختار :


رفع/تحميل ملف الستايل

راح تلقى مستطيلين فيهم خيارات ..


المستطيل الاول ( تحميل ملف الستايل )


المستطيل الثاني ( رفع ملف الستايل )

انت عليك الآن بالمستطيل الاول..


المستطيل الثاني هذا اذا جيت تركب ستايل على المنتدى..


الحين شغلنا على المستطيل الاول ..


تعمل مثل مالصوره موضحه لك ..


طريقة تركيب استايل جديد، وشرح


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


واختر امتداد للملف .. حطه لسطح المكتب مثلا ..

وبعدها روح لسطح المكتب راح تحصل الملف ..



حطه مع مجلد صور الستايل ..


وهيك بقدر اي واحد يركبه على منتداه


مع تحيات ادمن اوفر admin over

شبكة ومنتديات الاصدقاء








 
 توقيع : admin over

الـعـظـمـة والـكـبـريــاء لـمـن لـه الـبـقـاء
مواضيع : admin over


التعديل الأخير تم بواسطة admin over ; 01-10-2011 الساعة 01:02 AM

رد مع اقتباس
قديم 01-10-2011, 12:34 PM   #2


الصورة الرمزية بسمة ألم فلسطين
بسمة ألم فلسطين غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 90
 تاريخ التسجيل :  Jan 2011
 أخر زيارة : 22-08-2014 (02:42 PM)
 المشاركات : 4,351 [ + ]
 التقييم :  11
لوني المفضل : Chocolate
افتراضي



مشكوووووور والله يعطيك الف عافيه


 
 توقيع : بسمة ألم فلسطين







كنْ في الحيآة كعابِر سَبيل
وأتركـْ ورآءكـْ كُل أثر جميِل
فًمآ نحنُ في الدُنيآ إلآ ضيوف
ومآ على الضيفِ إلآ الرحيلْ


رد مع اقتباس
قديم 02-10-2011, 11:55 PM   #3
المدير العام
ღஜWaR CriminAlஜღ


الصورة الرمزية m0aiad
m0aiad غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 92
 تاريخ التسجيل :  Jan 2011
 أخر زيارة : 16-06-2017 (11:12 PM)
 المشاركات : 5,394 [ + ]
 التقييم :  11
 الدولهـ
Jordan
 الجنس ~
Male
لوني المفضل : Black
افتراضي



مشكووووووووووووور و يعطيك الف عافية


 
 توقيع : m0aiad

قالوا ليش نافش ريشك وعامل هيك وبمشيتك كانك بيك قلت العفو كل الاردنيه هيك


إنتبه !
نحن لانود اجباركم على الرد بأى وسيله كانت كاخفاء الروابط حتى يتم الرد اولا وغيرها
من الوسائل المهينة في نظري لشخصية العضو فلا تحبط من قام بتسخير نفسه لكتابة الموضوع ورفع محتوياته..
فلا تبخل وارفع من معناوياته ولن يكلفك مثلما تكلف هو بوضع ما يفيدك فقط اضغط على الرد السريع واكتب شكراً
وأنت المستفيد لأنك ستولد بداخله طاقه لخدمتك كل ما نريد هو ان تفيد وتستفيد بشكل أكثر تحضرا
وشكرا للجميع

الاستشاري مؤيد !!





رد مع اقتباس
إضافة رد

الكلمات الدلالية (Tags)
التحكم, استايل, بالستايل, تركيب, جديد،, وشرح, طريقة


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

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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
طريقة تركيب الهاك في المنتديات admin over

قسم الهاكات ، قسم الكودات

6 04-03-2014 04:29 PM
شرح طريقة فك الضغط عن الملفات وشرح تنزيل الملفات المضغوطة بالصور admin over

شـرح بـرامـج الحـاســوب

0 07-02-2012 07:09 PM
تحويل جهاز الكمبيوتر إلى خادم (سيرفر) وشرح طريقة تثبيت Pws m0aiad

مواضيع منوعة لتطوير المنتديات - برمجة المواقع

0 06-12-2011 11:50 PM
طريقة التحكم بالستايل حجم الخط الالوان وطريقة تركيب استايل جديد admin over

مواضيع منوعة لتطوير المنتديات - برمجة المواقع

4 11-11-2011 06:14 PM
طريقة تركيب الثيمات ( السمات ) على جهاز الكمبيوتر Xp Messi100

بــرامـج الحـاســوب

1 20-06-2011 11:52 AM

Bookmark and Share


الساعة الآن 05:39 PM


Powered by vBulletin® Version 3.8.6
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd
:: تركيب وتطوير مؤسسة نظام العرب ::
Ads Management Version 3.0.1 by Saeed Al-Atwi
This Forum used Arshfny Mod by islam servant