منتدى دعم PBBoard الرسمي
(نسخة قابلة للطباعة من الموضوع)
https://pbboard.info/forums/t934
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

شــرح وضع أسماء الأعضاء في مربعات ملونة و خلفيات حلوة
isma3eliano 02-02-2010 12:42 صباحاً
بسم الله الرحمن الرحيم
=================
السلام عليكم ورحمة الله وبركاته،،
=========================

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

------------------------------------------------------
أتمني يكون الشرح حائز علي رضاكم :#
منتدى دعم PBBoard الرسمي

Copyright © 2009-2024 PBBoard® Solutions. All Rights Reserved