الرئيسيةالرئيسية  مكتبة الصورمكتبة الصور  بحـثبحـث  التسجيلالتسجيل  دخولدخول  



    منتديات عرباوى | افلام عربيه | افلام اجنبيه | اغانى | كليبات | برامج | العاب | صور| موبايل .... :: تطوير المواقع والمنتديات :: قسم تطوير المواقع والمنتديات :: الاعدادات الشامله للاستايل

شاطر | 
 

 شرح إحترافي كيفية إعطاء الأقسام الرئيسية,Category Strips لون او صورة خاصة valid xhtml

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعمحتوى الموضوع

The MasTer

avatar

الاداره العامه



مساهماتى : 5714

عمري : 27

التقييم : 88

مجموع النقاط : 30399

نوعـي : ذكر

موطنى : مصر

هواياتى : الرياضه

مزاجى : عادى





http://arabawy.bestgoo.com

مُساهمةموضوع: شرح إحترافي كيفية إعطاء الأقسام الرئيسية,Category Strips لون او صورة خاصة valid xhtml   الأربعاء يوليو 07, 2010 8:01 am

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

كيفيكم طيبين ان شاء الله

أقدم لكم شرح من إكتشافي حصري على منتديات عالم الإبداع وترايدنت فقط رجاء مراعاة الحقوق ^^"

وهو كيفية إعطاء لون أو صورة لكل قسم
برئيسية المنتدى حيث مثلا المنتدى العام لون او صورة مختلفة عن المنتدى
الإسلامي الخ... وتقدر تسوي إطارات مختلفة كمان لكل قسم ^^"


هذا الشرح متفرع قمت بتجهيزه قبل بداية
دورة ( إحتراف التعامل مع الجيكوري في بيئة سكربت المنتديات المشهور ال
vbulletin والتطبيق يكون على عدة منتديات تستعمل حركات الجكوري ) وبما أنه
الكثير سألني عن كيفية عمل هذه الحركة حيث أنه كان احد المنتديات يستعمل
الجكوري مطبقها فقلت أكتب الشرح في موضوع لحاله لانه ما يعتبر له علاقة
بالجيكوري ^^"


لرؤية مثال مباشر || اضغط هنا لرؤية المثال

في هذا الدرس راح تستفيد في اشياء خارج عن مسار الدرس صدقوني

المهم نبدا في الشرح < ترو والله لا موقع انجليزي ولا اسباني كله من تخبيصي وإكتشافي

الشرح على جزئين

الجزء الأول : تعديل على القوالب

الجزء الثاني : معرفة id لكل قسم و إضافة الوان او صور الأقسام

الجزء الأول

نذهب إلى قوالب الإستايل المراد التعديل عليه ونطبق التالي

الخطوة الأولى : للاقسام الغير مفصولة او الغير مأطرة إفتح قالب


رمز PHP:




FORUMHOME








الخطوة الأولى للاقسام المفصولة أو المأطرة : إفتح قالب


رمز PHP:




forumhome_forumbit_level1_nopost









الخطوة الثانية : إبحث عن


رمز PHP:




class="tcat"








الخطوة الثالثة : إستبدله الكود الي فوق بهذا الكود



رمز PHP:




id="cw_$forumid"









الجزء الثاني

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

مثال توضيحي اكثر

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

لاحظ أخر الرابط يوجد رقم وهو 54 هذا هو الاي دي كذا تعرف انت الاي دي لانك تحتاجه في تلوين كل قسم عن طريق خصائص css ^^"

الحين نذهب إلى الإستايل المراد التعديل عليه ثم خيارات جميع الإستايلات ثم نضغط إذهب

ثم نذهب إلى تعاريف CSS الإضافية/Additional CSS Definitions

صورة توضيحية



هنا سنقوم بتلوين الأقسام لكل قسم لون او صور كيف ما تشاء ^^"

في خانة التعاريف الاضافية الموضحة في الصورة فوق ضع هذا الكود



رمز PHP:




#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;






google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);



}
#cw_54 {
background-color: #996600;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}








ما وظيفة هذا الكود
: هذا الكود لاحظه كل خاصية css تبدا في cw و _ وثم رقم وهذا الرقم هو رقم
القسم حيث يجب عليك تعديل ارقام الأقسام الى ارقام منتداك وفي حالة تبقى
لك اقسام غير ملونة سهل ما عليك الا اضافة هذا الكود من جديد



رمز PHP:




#cw_إستبدل الكلام العربي برقم القسم {
background-color: #009999;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}








واضفه تحت
الخصائص الي اضفتها الحين وكل قسم اضف له خاصيته مع تغيير ارقام اي دي
اقسامك وواضافة الصور او الالوان وايضا لمن اراد تلوين بدون صورة يزيل
السطر الثاني ومن اراد عدم اعادة الصورة من جديد يعني no repeat فقط ازل
السطر الثالث وسوي حفظ


ملاحظة : يجب عليك جلب ارقام الاقسام الرئيسية فقط وليس الفرعية لاننا سنقوم بوضع صورة او لون للاقسام الرئيسية فقط

وترو توجد عدة إستخدامات سترونها في
شروحاتي القادمة لوسم id حيث إضافة إطار معين لكل قسم او تغيير تلوين كامل
لكل قسم والكثير فقط ترقبوني بعد ما انتهي من دورة الجكوري ^^"


وأي إستفسار انا جاهز
رجاء مراعاة الحقوق
وعدم النقل من ترايدنت او عالم الإبداع الا بإذن

والسلام عليكم ورحمة الله وبركاته





 
الرجوع الى أعلى الصفحة اذهب الى الأسفل

الحلم الجديد

avatar

عضو جديد



مساهماتى : 99

عمري : 27

التقييم : 1

مجموع النقاط : 13349

نوعـي : ذكر

موطنى : مصر

هواياتى : الرياضه







مُساهمةموضوع: رد: شرح إحترافي كيفية إعطاء الأقسام الرئيسية,Category Strips لون او صورة خاصة valid xhtml   الأحد يوليو 11, 2010 3:08 pm

شكرا جزيلا اخى

اتحاد المنتديات

موضووع ممتاز





 
الرجوع الى أعلى الصفحة اذهب الى الأسفل

The MasTer

avatar

الاداره العامه



مساهماتى : 5714

عمري : 27

التقييم : 88

مجموع النقاط : 30399

نوعـي : ذكر

موطنى : مصر

هواياتى : الرياضه

مزاجى : عادى





http://arabawy.bestgoo.com

مُساهمةموضوع: رد: شرح إحترافي كيفية إعطاء الأقسام الرئيسية,Category Strips لون او صورة خاصة valid xhtml   الثلاثاء أغسطس 31, 2010 9:37 pm

شكرا على ردودكم يا جماعه ومنظر المزيد





 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

شرح إحترافي كيفية إعطاء الأقسام الرئيسية,Category Strips لون او صورة خاصة valid xhtml

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

تذكر قول الله تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )


صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات عرباوى | افلام عربيه | افلام اجنبيه | اغانى | كليبات | برامج | العاب | صور| موبايل .... :: تطوير المواقع والمنتديات :: قسم تطوير المواقع والمنتديات :: الاعدادات الشامله للاستايل-
القسم الإسلامى - مواضيع اسلامية - الركن الاسلامى | مالتى ميديا اسلاميه - تلاوات قرأنية - تسجيلات اسلامية | التاريخ الاسلامى - الدولة الاسلامية - تاريخ الاسلاميين | القسم الاسلامى العام - مواضيع اسلاميه عامة | القسم العام - المواضيع العامة - ركن المواضيع العامة | قسم الترحيب والمناسبات - اهلا بكم - مناسبات عامة | اضحك كركر - مواقف وطرائف - نكت وفوازير - العاب كتابية | أقسام المرأة - ركن المرأة - لكى سيدتى - المرأة والمجتمع | مطبخ حروف - كتب الطبخ - اشهى المأكولات - تعليم الطبخ | الامومه والطفوله - لكى ولطفلك - التربيه الصحيحه للابناء | الازياء والموضه - ازياء 2013 - موضة 2013 - احدث موضة | الرشاقه والجمال - ادوات التجميل - الحفاظ على البشرة | قسم الصور - مكتبة الصور - تقارير مصورة - احداث بالصور | غرائب وطرائف - صور غريبه - صور نادرة - مواقف مصورة | حروف Tv - يوتيوب حروف - فيديوهات حروف - ميديا حروف | قسم خلفيات الكمبيوتر - خلفيات شاشة - خلفيات متنوعة | برامج وشروحات الكمبيوتر | قسم البرامج المميزة - برامج كاملة - برامج مشروحة | قسم البرامج العام - برامج كمبيوتر - برامج مجانية | قسم اسئله واستفسارات ومشاكل البرامج - حروف سوفت | قسم العاب الكمبيوتر - الالعاب الكامة - تحميل العاب | قسم الالعاب | اخبار الكورة -ستاد حروف - ملعب جروف - كرة القدم | مالتى ميديا رياضية - سبورت ميديا - فيديوهات رياضية | قسم المواضيع العامة - قسم الاخبار العامة - حروف نيوز | تقارير واخبار الالعاب الحديثه - تقارير كامله مصورة | قسم الالعاب الاونلاين - كونكر- العاب الفيس بوك | أقسام الانمى - عالم الانمى | حلقات انمى - مسلسلات انمى كاملة - تحميل انمى | صور انمى - صور كارتون - صور شخصيات كرتونية | عالم التصميم - حروف ديزاين | دروس التصميم - دروس الفوتوشوب - شروحات الفوتوشوب | ادوات وملحقات المصمم - حقيبه المصممين - كنز المصمم | معرض التصاميم - حروف جاليرى - اعرض اعمالك لنا | القسم الإدارى - حروف سنتر | اعلانات اداريه - قرارات وتعيينات - فاعليات ومناسبات | قسم مساعدة وشروحات الاعضاء - طرق استخدام المنتدى | سلة المهملات - مواضيع غير منسقة - مواضيع منقولة | عالم الرياضة - حروف سبورت | عالم السيارات - سباقات السيارات - فورميلا ون | عالم الرياضات الاخرى [كرة سلة - تنس - كرة يد ...] | قسم كونكر - لعبه كونكر اونلاين - شروحات لعبة كونكر | الخيمة الرمضانية - رمضان 2012 - رمضان 1433 | عالم الديكور - ديكورات شقق - مفروشات - موبليات