logo

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


  1. PBBoard Community Forum
  3. قسم تطوير منتديات PBBoard
  5. منتدى شروحات ودروس منتديات PBBoard
  7. شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة


اضافة رد جديد اضافة موضوع جديد

الصفحة 2 من 5 < 1 2 3 4 5 >


subject icon شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
02-02-2010 12:42 صباحاً
صورة isma3eliano الشخصية
isma3eliano
عضـو ستـار
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 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
=======================

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

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


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

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



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

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

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




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

look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
  10-02-2010 07:42 مساءً   [5]
بدون صورة شخصية
ar4help.com
عضـو نشيط
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 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">

look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
  10-02-2010 07:46 مساءً   [6]
صورة isma3eliano الشخصية
isma3eliano
عضـو ستـار
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 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 بتاريخ:


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

look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
  27-03-2010 11:32 صباحاً   [8]
بدون صورة شخصية
roc
عضـو نشيط
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 28-10-2009
رقم العضوية : 170
المشاركات : 387
الدولة : الجزائر الحبيبة
الجنس :
قوة السمعة : 178
موقعي : زيارة موقعي
اخي سيف هل مجلد الالوان نرفعه
للمجلد الرئيسي للمنتدى
ام ماذا

اضافة رد جديد اضافة موضوع جديد
الصفحة 2 من 5 < 1 2 3 4 5 >





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

« تصميم جاهز لتقطيع | دروس pbb »








الساعة الآن 02:06 PM