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

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

: رد جديد موضوع جديد

الصفحة 2 من 3

الأخيرة

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

02-02-2010 12:42 صباحاً

isma3eliano

عضـو ستـار

انضم في : 03-11-2009

رقم العضوية : 188

المشاركات : 2,152

الدولة : مصر Egypt

الجنس :

تاريخ الميلاد : 26-10-1994

الدعوات : 4

قوة السمعة : 5,518

موقعي : زيارة موقعي

بسم الله الرحمن الرحيم
=================
السلام عليكم ورحمة الله وبركاته،،
=========================

أولاً نفتح ال 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 مساءً

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

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

02-02-2010 12:46 صباحاً [1]

: tOp-Rif

tOp-Rif

مشاهدة الملف الشخصي

البحث عن مواضيع العضو tOp-Rif

البحث عن ردود العضو tOp-Rif

عضو فعال

انضم في : 09-10-2009

رقم العضوية : 150

المشاركات : 153

الدولة : المغرب. ناظور . دار الكبداني

الجنس :

تاريخ الميلاد : 10-10-1991

قوة السمعة : 34

موقعي : زيارة موقعي; أخي و في المجموعات ألا نغير شيئ

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

02-02-2010 12:47 صباحاً [2]

: isma3eliano

isma3eliano

مشاهدة الملف الشخصي

البحث عن مواضيع العضو isma3eliano

البحث عن ردود العضو isma3eliano

عضـو ستـار

انضم في : 03-11-2009

رقم العضوية : 188

المشاركات : 2,152

الدولة : مصر Egypt

الجنس :

تاريخ الميلاد : 26-10-1994

الدعوات : 4

قوة السمعة : 5,518

موقعي : زيارة موقعي; المشاركة الأصلية كتبت بواسطة: tOp-Rif أخي و في المجموعات ألا نغير شيئ
تم التعديل آسف

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

10-02-2010 03:02 مساءً [3]

: ar4help.com

ar4help.com

مشاهدة الملف الشخصي

البحث عن مواضيع العضو ar4help.com

البحث عن ردود العضو ar4help.com

عضـو نشيط

انضم في : 25-12-2009

رقم العضوية : 289

المشاركات : 469

الدولة : المغرب

الجنس :

الدعوات : 1

قوة السمعة : 156

موقعي : زيارة موقعي; المرجو التوضيح اكثر لانني جربتها لكن لم اتمكن من استعمال الالوان
ياريت تحط كود فيه مثل وشغال اللون واللقب

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

10-02-2010 07:33 مساءً [4]

: isma3eliano

isma3eliano

مشاهدة الملف الشخصي

البحث عن مواضيع العضو isma3eliano

البحث عن ردود العضو isma3eliano

عضـو ستـار

انضم في : 03-11-2009

رقم العضوية : 188

المشاركات : 2,152

الدولة : مصر Egypt

الجنس :

تاريخ الميلاد : 26-10-1994

الدعوات : 4

قوة السمعة : 5,518

موقعي : زيارة موقعي; المشاركة الأصلية كتبت بواسطة: ar4help.com المرجو التوضيح اكثر لانني جربتها لكن لم اتمكن من استعمال الالوان
ياريت تحط كود فيه مثل وشغال اللون واللقب
لم أفهم تريد ملف css جاهز ؟

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

10-02-2010 07:42 مساءً [5]

: ar4help.com

ar4help.com

مشاهدة الملف الشخصي

البحث عن مواضيع العضو ar4help.com

البحث عن ردود العضو 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

المشاركات : 2,152

الدولة : مصر Egypt

الجنس :

تاريخ الميلاد : 26-10-1994

الدعوات : 4

قوة السمعة : 5,518

موقعي : زيارة موقعي

أخي تضع هذا في إسم المجموه التي تريد الأسماء يها في مربعات

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

ar4help.com

مشاهدة الملف الشخصي

البحث عن مواضيع العضو ar4help.com

البحث عن ردود العضو ar4help.com

عضـو نشيط

انضم في : 25-12-2009

رقم العضوية : 289

المشاركات : 469

الدولة : المغرب

الجنس :

الدعوات : 1

قوة السمعة : 156

موقعي : زيارة موقعي; اه كدا تمام

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

27-03-2010 11:32 صباحاً [8]

: roc

roc

مشاهدة الملف الشخصي

البحث عن مواضيع العضو roc

البحث عن ردود العضو roc

عضـو نشيط

انضم في : 28-10-2009

رقم العضوية : 170

المشاركات : 387

الدولة : الجزائر الحبيبة

الجنس :

قوة السمعة : 178

موقعي : زيارة موقعي; اخي سيف هل مجلد الالوان نرفعه
للمجلد الرئيسي للمنتدى
ام ماذا

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

27-03-2010 11:37 صباحاً [9]

: roc

roc

مشاهدة الملف الشخصي

البحث عن مواضيع العضو roc

البحث عن ردود العضو 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

المشاركات : 2,152

الدولة : مصر Egypt

الجنس :

تاريخ الميلاد : 26-10-1994

الدعوات : 4

قوة السمعة : 5,518

موقعي : زيارة موقعي

المشاركة الأصلية كتبت بواسطة: roc اخي سيف هل مجلد الالوان نرفعه
للمجلد الرئيسي للمنتدى
ام ماذا

نرفع مجلد الألوان إلي مجلد الإستايل اللي طبقت عليه الشرح..

المشاركة الأصلية كتبت بواسطة: roc طبقت الشرح
و رفعت الملجد
ولكن تبقى لون الخلفية بيضاء
و هذا منتداي التجريبي
للملاحظة
http://islami.cz.cc/f/index.php
انظر لمجموعة مدير المنتدى

هذاهو الكود الذي اضفته في شكل اسم المستخدم

<input type="text" name="T1" size="17" class="[font color="seagreen"]pink" value="[username]"

أستبدل الكود بالكود التالي

CODE


&lt;input type=&quot;text&quot; name=&quot;T1&quot; size=&quot;17&quot; class=&quot;fushia&quot; value=&quot;[username]&quot;readonly &gt;

أو بالتالي أفضل لعدم حدوث مشاكل و لغبطة في الأسماء smile

CODE


<span class="fushia">[username]</span>

تم تحرير المشاركة بواسطة :isma3eliano بتاريخ:27-03-2010 01:08 مساءً

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

27-03-2010 03:41 مساءً [11]

: roc

roc

مشاهدة الملف الشخصي

البحث عن مواضيع العضو roc

البحث عن ردود العضو roc

عضـو نشيط

انضم في : 28-10-2009

رقم العضوية : 170

المشاركات : 387

الدولة : الجزائر الحبيبة

الجنس :

قوة السمعة : 178

موقعي : زيارة موقعي; تم اخي سيف
ووضعت الكود
لكن انظر كيف تظهر المجموعات
http://fivesat.ws/index.php

المربعات صغيرة
وايضا ظهور لون البرتقالي في الستايل
و اسم المجموعة مثل المدير و المراقب العام يظهر نصفه فقط

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

27-03-2010 11:37 مساءً [12]

isma3eliano

عضـو ستـار

انضم في : 03-11-2009

رقم العضوية : 188

المشاركات : 2,152

الدولة : مصر Egypt

الجنس :

تاريخ الميلاد : 26-10-1994

الدعوات : 4

قوة السمعة : 5,518

موقعي : زيارة موقعي

المشاركة الأصلية كتبت بواسطة: roc تم اخي سيف
ووضعت الكود
لكن انظر كيف تظهر المجموعات
http://fivesat.ws/index.php

المربعات صغيرة
وايضا ظهور لون البرتقالي في الستايل
و اسم المجموعة مثل المدير و المراقب العام يظهر نصفه فقط

أي كود إستخدمت ؟!

هذا

CODE

&lt;input type=&quot;text&quot; name=&quot;T1&quot; size=&quot;17&quot; class=&quot;fushia&quot; value=&quot;[username]&quot;readonly/&gt;

أم هذا

CODE

<span class="fushia">[username]</span>

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

29-03-2010 09:15 صباحاً [13]

: roc

roc

مشاهدة الملف الشخصي

البحث عن مواضيع العضو roc

البحث عن ردود العضو roc

عضـو نشيط

انضم في : 28-10-2009

رقم العضوية : 170

المشاركات : 387

الدولة : الجزائر الحبيبة

الجنس :

قوة السمعة : 178

موقعي : زيارة موقعي; استخدمت هذا الكود
<input type="text" name="T1" size="17" class="fushia" value="[username]"readonly/>

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

29-03-2010 02:05 مساءً [14]

isma3eliano

عضـو ستـار

انضم في : 03-11-2009

رقم العضوية : 188

المشاركات : 2,152

الدولة : مصر Egypt

الجنس :

تاريخ الميلاد : 26-10-1994

الدعوات : 4

قوة السمعة : 5,518

موقعي : زيارة موقعي

المشاركة الأصلية كتبت بواسطة: roc استخدمت هذا الكود
<input type="text" name="T1" size="17" class="fushia" value="[username]"readonly/>

هذا الكود أستخدمه في موقعي و يعمل معي

اقتبـاس ،، <input type="text" name="T1" size="17" class="fushia" value="[username]"readonly >

و هذا في ال 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
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #FF1515;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#E30000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image:url('color/red.gif');
text-align:center;
}

.green
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #006600;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#006600;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image:url('color/green.gif');
text-align:center;
}

.blue
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #0000FF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#0000E6;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image:url('color/blue.gif');
text-align:center;
}

.gray
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #CCCCCC;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CCCCCC;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image:url('color/gray.gif');
text-align:center;
}

.fushia
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #FF66CC;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FF6CCF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image:url('color/fushia.gif');
text-align:center;
}

.brown
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #BF0000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#BF0000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image:url('color/brown.gif');
text-align:center;
}

.pink
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #CC33FF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CC33FF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image:url('color/pink.gif');
text-align:center;
}

تم تحرير المشاركة بواسطة :isma3eliano بتاريخ:29-03-2010 02:06 مساءً

رد جديد موضوع جديد

الصفحة 2 من 3

الأخيرة

المواضيع المتشابهه
عنوان الموضوع	الكاتب	الردود	الزوار	آخر رد
التسجيل بأسماء عربية فقط	sofiane-phy	2	979	sofiane-phy
إستفسار عن أسماء كلاسات،	matree	2	1120	matree
هل تعبت من البحت عن أسماء القوالب ؟؟ الحل مع العم الفايرفوكس	akroum	14	7688	سناء
طلب توسيط أسماء الأقسام الرئيسية	xali	3	849	Soliman
اواجه مشكلة في منع الأسماء في التسجيل	souaze	3	677	Soliman

الكلمات الدلالية

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

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

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

البحث في المنتدى

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

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