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

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


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

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

look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
  02-02-2010 12:46 صباحاً   [1]
tOp-Rif
معلومات الكاتب
أخي و في المجموعات ألا نغير شيئ :hmm:

look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
  02-02-2010 12:47 صباحاً   [2]
isma3eliano
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: tOp-Rif أخي و في المجموعات ألا نغير شيئ :hmm:
تم التعديل آسف

look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
  10-02-2010 03:02 مساءً   [3]
ar4help.com
معلومات الكاتب
المرجو التوضيح اكثر لانني جربتها لكن لم اتمكن من استعمال الالوان
ياريت تحط كود فيه مثل وشغال اللون واللقب

look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
  10-02-2010 07:33 مساءً   [4]
isma3eliano
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: ar4help.com المرجو التوضيح اكثر لانني جربتها لكن لم اتمكن من استعمال الالوان
ياريت تحط كود فيه مثل وشغال اللون واللقب
لم أفهم تريد ملف css جاهز ؟

look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
  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">

look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
  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 بتاريخ:


look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
  10-02-2010 07:55 مساءً   [7]
ar4help.com
معلومات الكاتب
اه كدا تمام

look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
  27-03-2010 11:32 صباحاً   [8]
roc
معلومات الكاتب
اخي سيف هل مجلد الالوان نرفعه
للمجلد الرئيسي للمنتدى
ام ماذا

look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
  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]"

look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
  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 مساءً


look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
  27-03-2010 03:41 مساءً   [11]
roc
معلومات الكاتب
تم اخي سيف
ووضعت الكود
لكن انظر كيف تظهر المجموعات
http://fivesat.ws/index.php

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

look/images/icons/i1.gif شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
  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
<
1

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

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






الساعة الآن 08:16 AM