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

منتدى شروحات ودروس منتديات PBBoard

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

الصفحة 2 من 4

الأخيرة

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

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

isma3eliano

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

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

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

color.rar تحميل application/octetstr مرات التحميل :(510)
الحجم :(6.293) KB

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

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

tOp-Rif

أخي و في المجموعات ألا نغير شيئ :hmm:

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

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

isma3eliano

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

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

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

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

ar4help.com

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

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

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

isma3eliano

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

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

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

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

ar4help.com

عندما اردت اعطاء كل مجموعة لون هنا لما افهم كيف بالضبط اعدل
لو ممكن دلك الكود الاخير تعمل لي به الوان مختلفة

<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

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

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

اه كدا تمام

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

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

roc

اخي سيف هل مجلد الالوان نرفعه
للمجلد الرئيسي للمنتدى
ام ماذا

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

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

roc

طبقت الشرح
و رفعت الملجد
ولكن تبقى لون الخلفية بيضاء
و هذا منتداي التجريبي
للملاحظة
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

المشاركة الأصلية كتبت بواسطة: 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

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

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

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

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

isma3eliano

المشاركة الأصلية كتبت بواسطة: 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>

الصفحة 2 من 4

الأخيرة

المواضيع المتشابهه
عنوان الموضوع	الكاتب	الردود	الزوار	آخر رد
هاك: أسماء الله الحسنى	عمار العمرانى	0	217	عمار العمرانى
التسجيل بأسماء عربية فقط	sofiane-phy	2	1225	sofiane-phy
إستفسار عن أسماء كلاسات،	matree	2	1362	matree
هل تعبت من البحت عن أسماء القوالب ؟؟ الحل مع العم الفايرفوكس	akroum	14	8198	سناء
طلب توسيط أسماء الأقسام الرئيسية	xali	3	1084	Soliman

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

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

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

الساعة الآن 11:47 AM