شرح تغيير الوان مجموعات الاعضاء
تغير الوان مجموعات الاعضاء
شرح تغيير الوان مجموعات الاعضاء
كيفيه تغيير لون مجموعات الاعضاء
مثال للكود
ديوان شبوة
او
نذهب الى مجموعات الأعضاء
>> التحكم بالمجموعات >> تعديل مجموعه الاعضاء
اسم العضو بصيغة 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 مباشرة
اذا وجد اي استفسار انا حاظر في اي وقت
لكم جزيل شكري وعظيم امتناني