| إعلانات Google |
![]() |
| | LinkBack | أدوات الموضوع | انواع عرض الموضوع |
| | رقم المشاركة : [1 (permalink)] |
| ::: تطويري نــشيط ::: ![]() ![]() ![]() ![]() |
السلام عليكم ورحمه الله وبركاته أقدم لكم هاك تلوين المجموعات ووضع جميع اسماء الاعضاء فى مربعات خلوني اعطيكم صوره للهاك بعد التركيب ![]() في البدايه استبدل قالب : forumhome_loggedinuser كود PHP: $stylevar[dirmark]<a href="member.php?$session[sessionurl]u=$loggedin[userid]" rel="nofollow">$loggedin[musername]</a>$loggedin[invisiblemark]$loggedin[buddymark] الحين نبداء بالشرح - اذهب لخيار ( الستايلات & القوالب ) ثم (ضبط الستايلات ) - صورة (1) صورة (1) ![]() 2- أضغط ( اذهب ) على خيار ( خيارات جميع الستايلات ) - صورة (2) صورة (2) 3- اسفل الخيارات عند ( تعريف CSS إضافي ) وفي نهايته أضف الكود التالي: - صورة (3) صورة (3) ![]() اضف الكود : انا هنا عدلت في سماكة المربعات ولون الخلفيه والخيار لك تابع الشرح وتقدر تغيرها [PHP]red[/PHP كود PHP: { margin: 0px 0px 0px 0px; width:48; border: 2px solid #FF1515; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#FF1515; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF; background-image: url('altaer/color_bg.gif'); ****-align:center; } .green { margin: 0px 0px 0px 0px; width:48; border: 1px solid #008000; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#008000; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#F0FFFF; background-image: url('altaer/color_bg.gif'); ****-align:center; } .blue { margin: 0px 0px 0px 0px; width:48; border: 1px solid #0000FF; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#0000FF; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#F0FFFF; background-image: url('altaer/color_bg.gif'); ****-align:center; } .gray { margin: 0px 0px 0px 0px; width:48; border: 1px solid #CCCCCC; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#CCCCCC; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#F0FFFF; background-image: url('altaer/color_bg.gif'); ****-align:center; } .fushia { margin: 0px 0px 0px 0px; width:48; border: 1px solid #FF66CC; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#FF66CC; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#F0FFFF; background-image: url('altaer/color_bg.gif'); ****-align:center; } .orang { margin: 0px 0px 0px 0px; width: 48; border: 1px solid #FF9900; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#FF9900; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#F0FFFF; background-image: url('altaer/color_bg.gif'); ****-align:center } .teal { margin: 0px 0px 0px 0px; width: 48; border: 1px solid #008080; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#008080; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#F0FFFF; background-image: url('altaer/color_bg.gif'); ****-align:center; } .brown { margin: 0px 0px 0px 0px; width: 48; border: 1px solid #BF0000; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#BF0000; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#F0FFFF; background-image: url('altaer/color_bg.gif'); ****-align:center; } .pink { margin: 0px 0px 0px 0px; width: 48; border: 1px solid #CC33FF; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#CC33FF; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#F0FFFF; background-image: url('altaer/color_bg.gif'); ****-align:center; } .black { margin: 0px 0px 0px 0px; width: 48; border: 1px solid #000000; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#000000; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#F0FFFF; background-image: url('altaer/color_bg.gif'); ****-align:center; } .white { margin: 0px 0px 0px 0px; width: 48; border: 1px solid #ffffff; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#ffffff; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#F0FFFF; background-image: url('altaer/color_bg.gif'); ****-align:center; } [left][/left ثم أعمل حفظ من اسفل خطوة (2) 1- اذهب لخيار ( المجموعات ) ثم ( ضبط إعدادات مجموعة الأعضاء ) - صورة (5) صورة (5) ![]() 2- أضغط ( اذهب ) على خيار ( تعديل المجموعة ) - صورة (6) صورة (6) ![]() 3- اضف الكود التالي على مرحلتين - صورة (7) صورة (7) ![]() ضع code1 في مربع النص الأول - صورة (7) code1: [ مهم: يجب تغيير كلمة ( red ) لكل مجموعة مثال (green - blue - pink ) ] كود PHP: <input type="****" name="T1" size="17" class="red" value=" code2 في مربع النص الثاني - صورة (7) كود PHP: " readonly style="width: 90"> ثم أضغط على زر ( تحديث ) في الاسفل التعديلات التي يمكنك عملها: صورة (12) ![]() صورة (13) ![]() 1- كود حجم المربع : ( width: 48; ) - صورة (12) تحديد (1) 1- كود نوع الخط : ( font-family:MS Sans Serif; ) - صورة (12) تحديد (2) 3- كود لون خلفية المربع : ( background-color:#FFE3DF; ) - صورة (12) تحديد (3) 4- كود لون النص داخل المربع : ( color:#ffffff; ) - صورة (12) تحديد (4) 5- كود صورة الخلفية للمربع : ( background-image: url('altaer/color_bg.gif'); ) - صورة (12) تحديد (5) 6- كود اللون الخاص بالمجموعة في خطوة (2) مهم جدا : ( class="red" ) صورة (13) تحديد (1) استبداله باسم المجموعة الخاصة بالكود المراد استخدامه لمجموعة المستخدمين في خطوة (2) عند ( code1 ) --------------------- ملحوظة : مجموعات الألوان كالتالي: .red = أحمر - .green = أخضر - .blue = أزرق - .gray = رمادي - .fushia = فوشي .orang = برتقالي - .brown = بني - .pink = بنفسج - .black = اسود - .white = أبيض ------------------------- شغله مهمه الحين على شان تكتمل الاحصائيات بالمربعات وتكون الاحصائيات اسفل المنتدى بنفس المربعات بالضبط ------------------------- للمزيد من الالوان الاضافية كل اسم لون ملون بالون تبعه فقط خذ اسم اللون وضعه فى المجموعة التى تفضل لها اللون Sienna DarkOliveGreen DarkGreen DarkSlateBlue Navy Indigo DarkSlateGray DarkRed DarkOrange Olive Green Teal blue SlateGray DimGray Red SandyBrown YellowGreen SeaGreen MediumTurquoise RoyalBlue Purple Gray Magenta Orange Yellow Lime Cyan DeepSkyBlue DarkOrchid Silver Pink Wheat LemonChiffon PaleGreen PaleTurquoise LightBlue Plum White تحياتي للجميع |
| | |
![]() |
| مواقع النشر (المفضلة) |
| الكلمات الدلالية (Tags) |
| مربعات, المجموعات, الاعضاء, اسماء, تلوين, جميع, هاك, ووضع |
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
| |
المواضيع المتشابهه | ||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| شـرح تغـيير أشكال حـقول الادخال في مـنتداك ووضع تأثير عليها عند الكتابة..بـدون صـور ~ | ™M® EmaD | ركــن دروس تصميم ستايلات المنتدى | 6 | 05-15-2010 12:41 AM |
| [شرح] : بدون هاكات , تلوين اسماء المجموعات | linux | ركــن شروحات ونسخ vBulletin | 2 | 12-30-2009 04:18 PM |
| لذيذ مربعات الصورة لايفوتكــ جديد | ™M® EmaD | ركــن دروس تصميم ستايلات المنتدى | 0 | 11-25-2009 02:02 PM |
| اسماء الاعضاء بـ html (يظهر لون الاعضاء حسب مجموعته تحت المواضيع)مميز.. | ™M® EmaD | ركــن تطوير النسخه vBulletin 3.x | 0 | 04-20-2009 04:27 PM |