- الرئيسية
- ما الجديد !
-
الصفحات▼
الصفحات
أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .
شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
-
02-02-2010 12:42 صباحاً
-
isma3elianoمعلومات الكاتبالأعضاءعضـو ستـار
- انضم في :
- 03-11-2009
- رقم العضوية :
- 188
- المشاركات :
- 2152
- الدولة :
- مصر Egypt
- الجنس:
- تاريخ الميلاد :
- 26-10-1994
- الدعوات:
- 4
- قوة السمعة:
- 5518
- موقعي:
- زيارة موقعي
-
بسم الله الرحمن الرحيم
=================
السلام عليكم ورحمة الله وبركاته،،
=========================
أولاً نفتح ال css
============
نضيف في أخره
CODE<!-- 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; }
لو عايز يبقي بخلفيات
أما لو عايزه من غير خلفيات
تضيف الكود ده
CODE<!-- 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
المرفق إلي داخل ملف الإستايل
ده لو حطيت الكود بتاع الخلفيات
ثم ندخل علي
لوحة التحكم » المجموعات
و نختار المجموعه
و نحط مكان "شكل اسم المستخدم في المجموعه"
CODE<span class="fushia">[username]</span>
طبعاً fushia يتغير حسب المجموعة تختار من الألوان اللي ضفتها في الcss
=======================
------------------------------------------------------
أتمني يكون الشرح حائز علي رضاكم :#-
تم تحرير الموضوع بواسطة :isma3eliano بتاريخ: 01-04-2010 08:59 مساءً
سبب التعديل : تم تعديل الشرح و إصلاح الأخطاء
-
-
شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة02-02-2010 12:46 صباحاً [1]
-
tOp-Rifمعلومات الكاتبالأعضاءعضو فعال
- انضم في :
- 09-10-2009
- رقم العضوية :
- 150
- المشاركات :
- 153
- الدولة :
- المغرب. ناظور . دار الكبداني
- الجنس:
- تاريخ الميلاد :
- 10-10-1991
- قوة السمعة:
- 34
- موقعي:
- زيارة موقعي
-
أخي و في المجموعات ألا نغير شيئ

-
-
شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة02-02-2010 12:47 صباحاً [2]
-
isma3elianoمعلومات الكاتبالأعضاءعضـو ستـار
- انضم في :
- 03-11-2009
- رقم العضوية :
- 188
- المشاركات :
- 2152
- الدولة :
- مصر Egypt
- الجنس:
- تاريخ الميلاد :
- 26-10-1994
- الدعوات:
- 4
- قوة السمعة:
- 5518
- موقعي:
- زيارة موقعي
-
المشاركة الأصلية كتبت بواسطة: tOp-Rif أخي و في المجموعات ألا نغير شيئ
تم التعديل آسف
-
-
شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة10-02-2010 03:02 مساءً [3]
-
ar4help.comمعلومات الكاتبالأعضاءعضـو نشيط
- انضم في :
- 25-12-2009
- رقم العضوية :
- 289
- المشاركات :
- 469
- الدولة :
- المغرب
- الجنس:
- الدعوات:
- 1
- قوة السمعة:
- 156
- موقعي:
- زيارة موقعي
-
المرجو التوضيح اكثر لانني جربتها لكن لم اتمكن من استعمال الالوان
ياريت تحط كود فيه مثل وشغال اللون واللقب
-
-
شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة10-02-2010 07:33 مساءً [4]
-
isma3elianoمعلومات الكاتبالأعضاءعضـو ستـار
- انضم في :
- 03-11-2009
- رقم العضوية :
- 188
- المشاركات :
- 2152
- الدولة :
- مصر Egypt
- الجنس:
- تاريخ الميلاد :
- 26-10-1994
- الدعوات:
- 4
- قوة السمعة:
- 5518
- موقعي:
- زيارة موقعي
-
المشاركة الأصلية كتبت بواسطة: ar4help.com المرجو التوضيح اكثر لانني جربتها لكن لم اتمكن من استعمال الالوان
لم أفهم تريد ملف css جاهز ؟
ياريت تحط كود فيه مثل وشغال اللون واللقب
-
-
شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة10-02-2010 07:42 مساءً [5]
-
ar4help.comمعلومات الكاتبالأعضاءعضـو نشيط
- انضم في :
- 25-12-2009
- رقم العضوية :
- 289
- المشاركات :
- 469
- الدولة :
- المغرب
- الجنس:
- الدعوات:
- 1
- قوة السمعة:
- 156
- موقعي:
- زيارة موقعي
-
عندما اردت اعطاء كل مجموعة لون هنا لما افهم كيف بالضبط اعدل
لو ممكن دلك الكود الاخير تعمل لي به الوان مختلفة
<inputtype="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معلومات الكاتبالأعضاءعضـو ستـار
- انضم في :
- 03-11-2009
- رقم العضوية :
- 188
- المشاركات :
- 2152
- الدولة :
- مصر Egypt
- الجنس:
- تاريخ الميلاد :
- 26-10-1994
- الدعوات:
- 4
- قوة السمعة:
- 5518
- موقعي:
- زيارة موقعي
-
أخي تضع هذا في إسم المجموه التي تريد الأسماء يها في مربعات
CODE<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 بتاريخ:
-
-
شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة10-02-2010 07:55 مساءً [7]
-
ar4help.comمعلومات الكاتبالأعضاءعضـو نشيط
- انضم في :
- 25-12-2009
- رقم العضوية :
- 289
- المشاركات :
- 469
- الدولة :
- المغرب
- الجنس:
- الدعوات:
- 1
- قوة السمعة:
- 156
- موقعي:
- زيارة موقعي
-
اه كدا تمام
-
-
شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة27-03-2010 11:32 صباحاً [8]
-
rocمعلومات الكاتبالأعضاءعضـو نشيط
- انضم في :
- 28-10-2009
- رقم العضوية :
- 170
- المشاركات :
- 387
- الدولة :
- الجزائر الحبيبة
- الجنس:
- قوة السمعة:
- 178
- موقعي:
- زيارة موقعي
-
اخي سيف هل مجلد الالوان نرفعه
للمجلد الرئيسي للمنتدى
ام ماذا
-
-
شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة27-03-2010 11:37 صباحاً [9]
-
rocمعلومات الكاتبالأعضاءعضـو نشيط
- انضم في :
- 28-10-2009
- رقم العضوية :
- 170
- المشاركات :
- 387
- الدولة :
- الجزائر الحبيبة
- الجنس:
- قوة السمعة:
- 178
- موقعي:
- زيارة موقعي
-
طبقت الشرح
و رفعت الملجد
ولكن تبقى لون الخلفية بيضاء
و هذا منتداي التجريبي
للملاحظة
http://islami.cz.cc/f/index.php
انظر لمجموعة مدير المنتدى
هذاهو الكود الذي اضفته في شكل اسم المستخدم
<input type="text" name="T1" size="17" class="[font color="seagreen"]pink[/font]" value="[username]"
-
-
شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة27-03-2010 01:04 مساءً [10]
-
isma3elianoمعلومات الكاتبالأعضاءعضـو ستـار
- انضم في :
- 03-11-2009
- رقم العضوية :
- 188
- المشاركات :
- 2152
- الدولة :
- مصر Egypt
- الجنس:
- تاريخ الميلاد :
- 26-10-1994
- الدعوات:
- 4
- قوة السمعة:
- 5518
- موقعي:
- زيارة موقعي
-
المشاركة الأصلية كتبت بواسطة: roc اخي سيف هل مجلد الالوان نرفعه
للمجلد الرئيسي للمنتدى
ام ماذا
نرفع مجلد الألوان إلي مجلد الإستايل اللي طبقت عليه الشرح..
المشاركة الأصلية كتبت بواسطة: roc طبقت الشرح
أستبدل الكود بالكود التالي
و رفعت الملجد
ولكن تبقى لون الخلفية بيضاء
و هذا منتداي التجريبي
للملاحظة
http://islami.cz.cc/f/index.php
انظر لمجموعة مدير المنتدى
هذاهو الكود الذي اضفته في شكل اسم المستخدم
<input type="text" name="T1" size="17" class="[font color="seagreen"]pink" value="[username]"
CODE<input type="text" name="T1" size="17" class="fushia" value="[username]"readonly >
أو بالتالي أفضل لعدم حدوث مشاكل و لغبطة في الأسماء
CODE<span class="fushia">[username]</span>-
تم تحرير المشاركة بواسطة :isma3eliano بتاريخ:27-03-2010 01:08 مساءً
-
-
شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة27-03-2010 03:41 مساءً [11]
-
rocمعلومات الكاتبالأعضاءعضـو نشيط
- انضم في :
- 28-10-2009
- رقم العضوية :
- 170
- المشاركات :
- 387
- الدولة :
- الجزائر الحبيبة
- الجنس:
- قوة السمعة:
- 178
- موقعي:
- زيارة موقعي
-
تم اخي سيف
ووضعت الكود
لكن انظر كيف تظهر المجموعات
http://fivesat.ws/index.php
المربعات صغيرة
وايضا ظهور لون البرتقالي في الستايل
و اسم المجموعة مثل المدير و المراقب العام يظهر نصفه فقط
-
-
شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة27-03-2010 11:37 مساءً [12]
-
isma3elianoمعلومات الكاتبالأعضاءعضـو ستـار
- انضم في :
- 03-11-2009
- رقم العضوية :
- 188
- المشاركات :
- 2152
- الدولة :
- مصر Egypt
- الجنس:
- تاريخ الميلاد :
- 26-10-1994
- الدعوات:
- 4
- قوة السمعة:
- 5518
- موقعي:
- زيارة موقعي
-
المشاركة الأصلية كتبت بواسطة: roc تم اخي سيف
ووضعت الكود
لكن انظر كيف تظهر المجموعات
http://fivesat.ws/index.php
المربعات صغيرة
وايضا ظهور لون البرتقالي في الستايل
و اسم المجموعة مثل المدير و المراقب العام يظهر نصفه فقط
أي كود إستخدمت ؟!
هذا
CODE<input type="text" name="T1" size="17" class="fushia" value="[username]"readonly/>
أم هذا
CODE<span class="fushia">[username]</span>
-
-
-
-