شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة

بسم الله الرحمن الرحيم ================= السلام عليكم ورحمة الله وبركاته،، ========================= أولاً نفتح ال cs ..


موضوع مغلق

الصفحة 1 من 7 < 1 2 3 4 7 > الأخيرة »


02-02-2010 12:42 صباحا
isma3eliano
عضـو ستـار
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 03-11-2009
رقم العضوية : 188
المشاركات : 2152
الدولة : مصر Egypt
الجنس : ذكر
تاريخ الميلاد : 26-10-1994
الدعوات : 4
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 5518
موقعي : زيارة موقعي
اصدار المنتدى : غير محدد
 offline 
بسم الله الرحمن الرحيم
=================
السلام عليكم ورحمة الله وبركاته،،
=========================

أولاً نفتح ال css
============

نضيف في أخره

<!-- CSS Code, ready for Use -->
<style type="text/css">
<!--
body {scrollbar-face-color:#f3bd4b;
scrollbar-highlight-color:#dea52e;
scrollbar-3dlight-color:#dea52e;
scrollbar-darkshadow-color:#dea52e;
scrollbar-shadow-color:#dea52e;
scrollbar-arrow-color:#6e4000;
scrollbar-track-color:#fff8df;
color:#000000;
font-family:verdana,arial;
font-size:12px}

.red{
border: 2px solid #FF1515;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#E30000;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#FFFFFF;
background-image:url('../color/red.gif');
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

.green{
border: 2px solid #006600;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#006600;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#FFFFFF;
background-image:url('../color/green.gif');
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

.blue{
border: 2px solid #0000FF;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#0000E6;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#FFFFFF;
background-image:url('../color/blue.gif');
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

.gray{
border: 2px solid #CCCCCC;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#CCCCCC;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#FFFFFF;
background-image:url('../color/gray.gif');
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

.fushia{
border: 2px solid #FF66CC;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#FF6CCF;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#FFFFFF;
background-image:url('../color/fushia.gif');
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

.brown{
border: 2px solid #CCCCCC;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#BF0000;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#FFFFFF;
background-image:url('../color/brown.gif');
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

.pink{
border: 2px solid #CC33FF;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#CC33FF;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#FFFFFF;
background-image:url('../color/pink.gif');
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}



لو عايز يبقي بخلفيات


أما لو عايزه من غير خلفيات

تضيف الكود ده

<!-- CSS Code, ready for Use -->
<style type="text/css">
<!--
body {scrollbar-face-color:#f3bd4b;
scrollbar-highlight-color:#dea52e;
scrollbar-3dlight-color:#dea52e;
scrollbar-darkshadow-color:#dea52e;
scrollbar-shadow-color:#dea52e;
scrollbar-arrow-color:#6e4000;
scrollbar-track-color:#fff8df;
color:#000000;
font-family:verdana,arial;
font-size:12px}


.red{
border: 2px solid #FF1515;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#E30000;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#FFFFFF;
background-image:url('');
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

.green{
border: 2px solid #006600;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#006600;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#FFFFFF;
background-image:url('');
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

.blue{
border: 2px solid #0000FF;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#0000E6;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#FFFFFF;
background-image:url('');
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

.gray{
border: 2px solid #CCCCCC;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#CCCCCC;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#FFFFFF;
background-image:url('');
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

.fushia{
border: 2px solid #FF66CC;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#FF6CCF;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#FFFFFF;
background-image:url('');
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

.brown{
border: 2px solid #CCCCCC;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#BF0000;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#FFFFFF;
background-image:url('');
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

.pink{
border: 2px solid #CC33FF;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#CC33FF;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#FFFFFF;
background-image:url('');
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}





و نضيف ملف
color
المرفق إلي داخل ملف الإستايل
ده لو حطيت الكود بتاع الخلفيات

ثم ندخل علي
لوحة التحكم » المجموعات
و نختار المجموعه


و نحط مكان "شكل اسم المستخدم في المجموعه"
<span class="fushia">[username]</span>


طبعاً fushia يتغير حسب المجموعة تختار من الألوان اللي ضفتها في الcss
=======================

------------------------------------------------------
أتمني يكون الشرح حائز علي رضاكم :#
 
 
  color.rar   تحميل application/octetstr مرات التحميل :(491)
الحجم :(6.293) KB



تم تحرير الموضوع بواسطة :isma3eliano
بتاريخ:01-04-2010 08:59 مساء

سبب التعديل : تم تعديل الشرح و إصلاح الأخطاء


02-02-2010 12:46 صباحا
مشاهدة مشاركة منفردة [1]
tOp-Rif
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 09-10-2009
رقم العضوية : 150
المشاركات : 153
الدولة : المغرب. ناظور . دار الكبداني
الجنس : ذكر
تاريخ الميلاد : 10-10-1991
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 34
موقعي : زيارة موقعي
اصدار المنتدى : 2.1.4
 offline 
look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
أخي و في المجموعات ألا نغير شيئ g

02-02-2010 12:47 صباحا
مشاهدة مشاركة منفردة [2]
isma3eliano
عضـو ستـار
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 03-11-2009
رقم العضوية : 188
المشاركات : 2152
الدولة : مصر Egypt
الجنس : ذكر
تاريخ الميلاد : 26-10-1994
الدعوات : 4
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 5518
موقعي : زيارة موقعي
اصدار المنتدى : غير محدد
 offline 
look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
المشاركة الأصلية كتبت بواسطة: tOp-Rif »
أخي و في المجموعات ألا نغير شيئ g

تم التعديل آسف

10-02-2010 03:02 مساء
مشاهدة مشاركة منفردة [3]
ar4help.com
عضـو نشيط
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 25-12-2009
رقم العضوية : 289
المشاركات : 469
الدولة : المغرب
الجنس : ذكر
الدعوات : 1
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 156
موقعي : زيارة موقعي
 offline 
look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
المرجو التوضيح اكثر لانني جربتها لكن لم اتمكن من استعمال الالوان
ياريت تحط كود فيه مثل وشغال اللون واللقب

10-02-2010 07:33 مساء
مشاهدة مشاركة منفردة [4]
isma3eliano
عضـو ستـار
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 03-11-2009
رقم العضوية : 188
المشاركات : 2152
الدولة : مصر Egypt
الجنس : ذكر
تاريخ الميلاد : 26-10-1994
الدعوات : 4
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 5518
موقعي : زيارة موقعي
اصدار المنتدى : غير محدد
 offline 
look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
المشاركة الأصلية كتبت بواسطة: ar4help.com »
المرجو التوضيح اكثر لانني جربتها لكن لم اتمكن من استعمال الالوان
ياريت تحط كود فيه مثل وشغال اللون واللقب


لم أفهم تريد ملف css جاهز ؟

10-02-2010 07:42 مساء
مشاهدة مشاركة منفردة [5]
ar4help.com
عضـو نشيط
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 25-12-2009
رقم العضوية : 289
المشاركات : 469
الدولة : المغرب
الجنس : ذكر
الدعوات : 1
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 156
موقعي : زيارة موقعي
 offline 
look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
عندما اردت اعطاء كل مجموعة لون هنا لما افهم كيف بالضبط اعدل
لو ممكن دلك الكود الاخير تعمل لي به الوان مختلفة


<i*nputtype="text" name="T1" size="17" class="[fontcolor="seagreen"]fushia[/font]" value="[username]" readonlystyle="border-style:dotted; border-width:1px; width: 90">

10-02-2010 07:46 مساء
مشاهدة مشاركة منفردة [6]
isma3eliano
عضـو ستـار
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 03-11-2009
رقم العضوية : 188
المشاركات : 2152
الدولة : مصر Egypt
الجنس : ذكر
تاريخ الميلاد : 26-10-1994
الدعوات : 4
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 5518
موقعي : زيارة موقعي
اصدار المنتدى : غير محدد
 offline 
look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
أخي تضع هذا في إسم المجموه التي تريد الأسماء يها في مربعات


<input type="text" name="T1" size="17" class="[font color="seagreen"]fushia[/size]" value="[username]" readonly style="border-style:dotted; border-width:1px; width: 90">


[size=4]تغير




fushia





إلي





red




green






fushia



إلخ يعني من الموجودين في الكود اللي هتضيفه في ال css


تم تحرير المشاركة بواسطة :isma3eliano
بتاريخ:01-01-1970 03:00 صباحا



الصفحة 1 من 7 < 1 2 3 4 7 > الأخيرة »

المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
أسماء المنتديات في الفوتر لإصدار 3.0.2 kareem
4 380 kareem
التسجيل بأسماء عربية فقط sofiane-phy
2 203 sofiane-phy
إستفسار عن أسماء كلاسات، matree
2 314 matree
هل تعبت من البحت عن أسماء القوالب ؟؟ الحل مع العم الفايرفوكس akroum
14 5784 سناء
طلب توسيط أسماء الأقسام الرئيسية xali
3 209 Soliman

الكلمات الدلالية
لا يوجد كلمات دلالية ..







الساعة الآن 11:52 صباحا