شرح تغيير الوان مجموعات الاعضاء

شرح تغيير الوان مجموعات الاعضاء

تغير الوان مجموعات الاعضاء

شرح تغيير الوان مجموعات الاعضاء

كيفيه تغيير لون مجموعات الاعضاء


مثال للكود
ديوان شبوة
او


نذهب الى مجموعات الأعضاء
>> التحكم بالمجموعات >> تعديل مجموعه الاعضاء
اسم العضو بصيغة HTML ياتينا مربعين فارغين
نضع في الاول من جهة اليمين
رمز Code:
كود PHP:

<input type="text" name="T1" size="17" title=".: الادارة العامة :." class="red" value="

وفي المربع المجاور له
رمز Code:
كود PHP:

" readonly style="width: 90">

طبعاً انا عامل اضافه في الكود الاول للمربع الذي على اليمين وهي
title=".: الادارة العامة :."



تستطيع تغييره على حسب مجموعه الاعضاء وهذا الكود الفائده منه عند مرور الماوس على اسم العضو يظهر اسم مجموعه
مثلاً انا اسمي admin بمجرد مرور الماوس على اسم سيظهر .: الادارة العامة :.

الذي تحتاج ان تغير فيه لكل مجموعه هو
class="red"
لاحظ red هي من تتغيب بحسب لون المجموعه
ثم نذهب الى الاستايلات ونبحث عن قالب additional.css
في اخر القالب additional.css
نضع الكود التالي
رمز Code: كود PHP:

/* ***** الوان المجموعات.. تصميم تركي العولقي ***** */ .red { margin: 0px 0px 0px 0px; width:80px; border: 1px solid #000000; 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:#000000; background-image: url('images/3.gif'); text-align:center; } .green { margin: 0px 0px 0px 0px; width:80px; border: 1px solid #774295; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#774295; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#F0FFFF; background-image: url('images/2.gif'); text-align:center; } .blue { margin: 0px 0px 0px 0px; width:80px; border: 1px solid #000000; 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:#000000; background-image: url('images/9.gif'); text-align:center; } .gray { margin: 0px 0px 0px 0px; width:80px; 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('images/4.gif'); text-align:center; } .fushia { margin: 0px 0px 0px 0px; width:80px; border: 1px solid #008000; 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('images/5.gif'); text-align:center; } .orang { margin: 0px 0px 0px 0px; width:80px; border: 1px solid #000000; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#f6e6fd; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#000000; background-image: url('images/6.gif'); text-align:center } .teal { margin: 0px 0px 0px 0px; width:80px; border: 1px solid #6e0731; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#6e0731; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#F0FFFF; background-image: url('images/7.gif'); text-align:center; } .brown { margin: 0px 0px 0px 0px; width:80px; border: 1px solid #a9f4fa; cursor: pointer; text-decoration: line-through; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#a9f4fa; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#ece9d8; text-align:center; } .dd { margin: 0px 0px 0px 0px; width:80px; 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:#000000; background-image: url('images/4.gif'); text-align:center; } /* ***** الوان المجموعات..تصميم تركي العولقي ***** */

ونرفع الصور المرفقه الى مجلد vb/images مباشرة

اذا وجد اي استفسار انا حاظر في اي وقت

لكم جزيل شكري وعظيم امتناني

الملفات المرفقة images.zip

شكرا على جديدك الحلووو رشرش
رمضان كريم عليكي

العفو حيآتي لوريتآ
وعليكي كمآن :142: