استعمل مربع البحث في الاسفل لمزيد من المواضيع
سريع للبحث عن مواضيع في المنتدى
-
10-30-2013, بتوقيت غرينيتش 09:41 PM
#1
Administrator
شرح طريقة إحترافي كيفية إعطاء الأقسام الرئيسية,Category Strips لون او صورة خاصة valid xhtml
ط´ط±ط* ط¥ط*طھط±ط§ظپظٹ ظƒظٹظپظٹط© ط¥ط¹ط·ط§ط، ط§ظ„ط£ظ‚ط³ط§ظ… ط§ظ„ط±ط¦ظٹط³ظٹط©,Category Strips ظ„ظˆظ† ط§ظˆ طµظˆط±ط© ط®ط§طµط© valid xhtml
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
كيفيكم طيبين ان شاء الله
أقدم لكم شرح طريقة من إكتشافي حصري على منتديات عالم الإبداع وديزاد باتنة فقط رجاء مراعاة الحقوق ^^"
وهو كيفية إعطاء لون أو صورة لكل قسم برئيسية المنتدى forum حيث مثلا المنتدى forum العام لون او صورة مختلفة عن المنتدى forum الإسلامي الخ... وتقدر تسوي إطارات مختلفة كمان لكل قسم ^^"
هذا الشرح طريقة متفرع قمت بتجهيزه قبل بداية دورة ( إحتراف التعامل مع الجيكوري في بيئة سكربت المنتديات المشهور ال vbulletin والتطبيق يكون على عدة منتديات تستعمل حركات الجكوري ) وبما أنه الكثير سألني عن كيفية عمل هذه الحركة حيث أنه كان احد المنتديات يستعمل الجكوري مطبقها فقلت أكتب الشرح طريقة في موضوع لحاله لانه ما يعتبر له علاقة بالجيكوري ^^"
لرؤية مثال مباشر || اضغط هنا لرؤية المثال
في هذا الدرس مفصل راح تستفيد في اشياء خارج عن مسار الدرس مفصل صدقوني
المهم نبدا في الشرح طريقة < ترو والله لا موقع انجليزي ولا اسباني كله من تخبيصي وإكتشافي
الشرح طريقة على جزئين
الجزء الأول : تعديل على القوالب
الجزء الثاني : معرفة id لكل قسم و إضافة الوان او صور الأقسام
الجزء الأول
نذهب إلى قوالب الإستايل style المراد التعديل عليه ونطبق التالي
الخطوة الأولى : للاقسام الغير مفصولة او الغير مأطرة إفتح قالب template
رمز PHP:
<code style="white-space:nowrap"> <code> FORUMHOME
</code> </code>
الخطوة الأولى للاقسام المفصولة أو المأطرة : إفتح قالب template
رمز PHP:
<code style="white-space:nowrap"> <code> forumhome_forumbit_level1_nopost
</code> </code>
الخطوة الثانية : إبحث عن
رمز PHP:
<code style="white-space:nowrap"> <code> class="tcat"
</code> </code>
الخطوة الثالثة : إستبدله الكود code الي فوق بهذا الكود code
رمز PHP:
<code style="white-space:nowrap"> <code> id="cw_$forumid"
</code> </code>
الجزء الثاني
معرفة اي دي كل قسم
كيفية معرفة الأي دي مال الأقسام سهلة إذهب لللمنتدى وأشر الماوس على القسم الرئيسي سيظهر لك في البار السفلي بالمتصفح رابط القسم واخر الرابط ستلاحظ يوجد رقم هذا هو الاي دي حق القسم الي اشرت عليه الماوس
مثال توضيحي اكثر
هذا رابط القسم : http://www.creativityworld.net/forum/forumdisplay.php?f=54
لاحظ أخر الرابط يوجد رقم وهو 54 هذا هو الاي دي كذا تعرف انت الاي دي لانك تحتاجه في تلوين كل قسم عن طريق خصائص css ^^"
الحين نذهب إلى الإستايل style المراد التعديل عليه ثم خيارات جميع الإستايل styleات ثم نضغط إذهب
ثم نذهب إلى تعاريف CSS الإضافية/Additional CSS Definitions
صورة توضيحية
هنا سنقوم بتلوين الأقسام لكل قسم لون او صور كيف ما تشاء ^^"
في خانة التعاريف الاضافية الموضحة في الصورة فوق ضع هذا الكود code
رمز PHP:
<code style="white-space:nowrap"> <code> #cw_1 {
background-color: #f2bc00;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}
#cw_5 {
background-color: #dd0000;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}
#cw_58 {
background-color: #148ea4;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}
#cw_18 {
background-color: #FF3399;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}
#cw_26 {
background-color: #9933FF;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}
#cw_39 {
background-color: #009999;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}
#cw_54 {
background-color: #996600;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}
</code> </code>
ما وظيفة هذا الكود code : هذا الكود code لاحظه كل خاصية css تبدا في cw و _ وثم رقم وهذا الرقم هو رقم القسم حيث يجب عليك تعديل ارقام الأقسام الى ارقام منتداك وفي حالة تبقى لك اقسام غير ملونة سهل ما عليك الا اضافة هذا الكود code من جديد
رمز PHP:
<code style="white-space:nowrap"> <code> #cw_إستبدل الكلام العربي برقم القسم {
background-color: #009999;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}
</code> </code>
واضفه تحت الخصائص الي اضفتها الحين وكل قسم اضف له خاصيته مع تغيير ارقام اي دي اقسامك وواضافة الصور او الالوان وايضا لمن اراد تلوين بدون صورة يزيل السطر الثاني ومن اراد عدم اعادة الصورة من جديد يعني no repeat فقط ازل السطر الثالث وسوي حفظ
ملاحظة : يجب عليك جلب ارقام الاقسام الرئيسية فقط وليس الفرعية لاننا سنقوم بوضع صورة او لون للاقسام الرئيسية فقط
وترو توجد عدة إستخدامات سترونها في شروحاتي القادمة لوسم id حيث إضافة إطار معين لكل قسم او تغيير تلوين كامل لكل قسم والكثير فقط ترقبوني بعد ما انتهي من دورة الجكوري ^^"
وأي إستفسار انا جاهز
رجاء مراعاة الحقوق
وعدم النقل من ديزاد باتنة او عالم الإبداع الا بإذن
والسلام عليكم ورحمة الله وبركاته
إعداد : Honourable
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
المواضيع المتشابهه
-
بواسطة walid في المنتدى لغات البرمجه للويب
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 03:54 PM
-
بواسطة salima في المنتدى ستايلات في بي الجيل vBulletin 4.x.x
مشاركات: 0
آخر مشاركة: 10-31-2013, بتوقيت غرينيتش 06:48 AM
-
بواسطة said في المنتدى تطوير منتديات vb3.8.0
مشاركات: 0
آخر مشاركة: 10-31-2013, بتوقيت غرينيتش 04:40 AM
-
بواسطة salima في المنتدى تطوير منتديات vb3.8.0
مشاركات: 0
آخر مشاركة: 10-31-2013, بتوقيت غرينيتش 03:37 AM
-
بواسطة linnou في المنتدى تطوير منتديات vb3.8.0
مشاركات: 0
آخر مشاركة: 10-31-2013, بتوقيت غرينيتش 02:47 AM
ضوابط المشاركة
- لا تستطيع إضافة مواضيع جديدة
- لا تستطيع الرد على المواضيع
- لا تستطيع إرفاق ملفات
- لا تستطيع تعديل مشاركاتك
-
قوانين المنتدى