أهلا وسهلا بك زائرنا الكريم في PBBoard Community Forum، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .





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

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



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

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

نضيف في أخره

[CENTER]
<!-- 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;
}



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


[color=#008000]أما لو عايزه من غير خلفيات[/color]

[size=5][color=#ff0000]تضيف الكود ده[/size][/color]

<!-- 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=#004080]و نضيف ملف [/color]
[color=#ff00ff]color[/color]
[color=#004080]المرفق إلي داخل ملف الإستايل[/color]
ده لو حطيت الكود بتاع الخلفيات

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


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


طبعاً fushia [color=#ff0000]يتغير حسب المجموعة تختار من الألوان اللي ضفتها في الcss[/color]
[color=#004080]=======================[/color]

[color=#400000]---------------------------[/color][color=#400000]---------------------------[/color]
[color=#004080]أتمني يكون الشرح حائز علي رضاكم[/color] :#
[/CENTER]





















 
 
  color.rar   تحميل application/octetstr مرات التحميل :(502)
الحجم :(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
قوة السمعة : 34
موقعي : زيارة موقعي
PBBoard Version : 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
قوة السمعة : 5518
موقعي : زيارة موقعي
PBBoard Version : غير محدد
 offline 
look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
المشاركة الأصلية كتبت بواسطة: tOp-Rif
أخي و في المجموعات ألا نغير شيئ g

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

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

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

10-02-2010 07:42 مساء
مشاهدة مشاركة منفردة [5]
ar4help.com
عضـو نشيط
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 25-12-2009
رقم العضوية : 289
المشاركات : 469
الدولة : المغرب
الجنس : ذكر
الدعوات : 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
قوة السمعة : 5518
موقعي : زيارة موقعي
PBBoard Version : غير محدد
 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 صباحا




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

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


 







الساعة الآن 09:07 صباحا