السلام عليكم ورحمة الله وبركاته
كود لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل, :the29:
يعني لما يكون العضو ذكر يظهر في بياناته (متواجد, غير متواجد, بيانات العضو مع لون خاص به)
ولما يكون العضو انثى يظهر في بياناته (متواجده, غير متواجده, بيانات العضوه مع لون خاص بها)
صور
----------
لازم تتبع الخطوات يالشكل الصحيح حتى يعمل الكود جيدا
اول شيء احذفو اي كود سابق يخص البيانات الشخصية حتى لا يحصل ارتباك مع الكود الجديد.
ثاني شيء اذهب الى لوحة الادارة > الأعضاء & المجموعات > البيانات الشخصية
واضغط تعديل الجنس
وضع الاختيارات كما في الصورة
---------------------
والأن ركب الأكواد المناسبه لنسخة منتداك
- اضغط هنا للنسخه الثانيه:
بالنسبه للنسخه الثانيه ااذهب الى قالب المواضيع وابحث عن الكود التالي
- الكود:
-
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span><br />
<img src="https://2img.net/i/empty.gif" alt="" style="width:150px;height:1px" />
</td>
احذفه وضع مكانه التالي
- الكود:
-
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
<div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
<span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="namee"><strong>{postrow.displayed.POSTER_NAME}</strong></div></span>
<span class="postdetails poster-profile">
<div class="ranke">{postrow.displayed.POSTER_RANK}</div>
<div class="avatare">{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div><br />
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span><br />
<img src="https://2img.net/i/empty.gif" alt="" style="width:150px;height:1px" />
</div>
</div>
</td>
وضع الكود التالي داخل الجفا مع اختيار المواضيع
- الكود:
-
$(function() {
//كونان2000.
var version = "phpBB2";
if(version.toLowerCase() == "phpbb2"){
$(".postprofile img[title='شفاف']").closest('.postprofile').addClass("شفاف");
$(".postprofile img[title='ازرق']").closest('.postprofile').addClass("ازرق");
$(".postprofile img[title='رمادي']").closest('.postprofile').addClass("رمادي");
$(".postprofile img[title='اخضر']").closest('.postprofile').addClass("اخضر");
$(".postprofile img[title='اصفر']").closest('.postprofile').addClass("اصفر");
$(".postprofile img[title='بنفسجي']").closest('.postprofile').addClass("بنفسجي");
$(".postprofile img[title='ذكر']").closest('.postprofile').addClass("ذكر");
$(".postprofile img[title='انثى']").closest('.postprofile').addClass("انثى");
}
});
واخيرا ضع التالي بالcss
- الكود:
-
.ازرق {
background: #f6f6f6!important;
border-bottom: 16px solid #3e459c!important;
border-left: 1px solid #3e459c!important;
border-radius: 3px!important;
border-right: 1px solid #3e459c!important;
border-top: 16px solid #3e459c!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.رمادي {
background: #f6f6f6!important;
border-bottom: 16px solid #a0a09a!important;
border-left: 1px solid #a0a09a!important;
border-radius: 3px!important;
border-right: 1px solid #a0a09a!important;
border-top: 16px solid #a0a09a!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.اخضر {
background: #f6f6f6!important;
border-bottom: 16px solid #42b649!important;
border-left: 1px solid #42b649!important;
border-radius: 3px!important;
border-right: 1px solid #42b649!important;
border-top: 16px solid #42b649!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.اصفر {
background: #f6f6f6!important;
border-bottom: 16px solid #ede816!important;
border-left: 1px solid #ede816!important;
border-radius: 3px!important;
border-right: 1px solid #ede816!important;
border-top: 16px solid #ede816!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.بنفسجي {
background: #f6f6f6!important;
border-bottom: 16px solid #aa4399!important;
border-left: 1px solid #aa4399!important;
border-radius: 3px!important;
border-right: 1px solid #aa4399!important;
border-top: 16px solid #aa4399!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.ذكر {
background: #e9e9e9;
border-bottom: 16px solid #2196f3;
border-left: 1px solid #2196f3;
border-radius: 3px;
border-right: 1px solid #2196f3;
border-top: 16px solid #2196f3;
padding: 60px 3px 3px!important;
position: relative;
}
.ذكر hr {
background-color: #2196f3;
margin: 4px;
border: 0px dotted #2196f3;
padding: 2px;
}
.انثى hr {
background-color: #e91e63;
border-bottom: 1px dotted #e91e63;
margin: 4px;
padding: 2px;
}
.انثى {
background: #e9e9e9;
border-bottom: 16px solid #e91e63;
border-left: 1px solid #e91e63;
border-radius: 3px;
border-right: 1px solid #e91e63;
border-top: 16px solid #e91e63;
padding: 60px 3px 3px!important;
position: relative;
}
.ذكر .avatare:after {
margin-top: 22px;
text-align: center;
display: flex;
width: 100%;
background: #2196f3;
content: "بيانات العضو";
justify-content: center;
}
.انثى .avatare:after {
margin-top: 22px;
text-align: center;
display: flex;
width: 100%;
background: #e91e63;
content: "بيانات العضوه";
justify-content: center;
}
.ذكر.postprofile:before {
text-align: center;
background: #607d8b;
border-radius: 33px;
color: beige;
content: "غير متواجد على المنتدى";
}
.انثى.postprofile:before {
text-align: center;
background: #607d8b;
border-radius: 33px;
color: beige;
content: "غير متواجدة على المنتدى";
}
div.post.online .postprofile.ذكر:before {
text-align: center;
background: #2196f3;
border-radius: 33px;
color: beige;
content: "متواجد على المنتدى";
}
div.post.online .postprofile.انثى:before {
text-align: center;
background: #e91e63;
border-radius: 33px;
color: beige;
content: "متواجدة على المنتدى";
}
div.post .postprofile:before {
left: 7px;
position: absolute;
right: 7px;
top: 10px;
z-index: 2;
}
.postprofile .label {
padding-right: 6px;
font-weight: 500;
}
hr {
margin: 0px;
}
div.post.online .postprofile.شفاف:before {
background: #;!important;
}
div.post.online .postprofile.بنفسجي:before {
background: #aa4399!important;
}
div.post.online .postprofile.رمادي:before {
background: #a0a09a;!important;
}
div.post.online .postprofile.ازرق:before {
background: #3e459c!important;
}
div.post.online .postprofile.اخضر:before {
background: #42b649;!important;
}
div.post.online .postprofile.اصفر:before {
background: #ede816!important;
}
.شفاف .avatare:after {
background: #;!important;
}
.بنفسجي .avatare:after {
background: #aa4399!important;
}
.رمادي .avatare:after {
background: #a0a09a;!important;
}
.ازرق .avatare:after {
background: #3e459c!important;
}
.اخضر .avatare:after {
background: #42b649;!important;
}
.اصفر .avatare:after {
background: #ede816!important;
}
.شفاف hr {
background-color: #!important;
}
.بنفسجي hr {
background-color: #aa4399!important;
}
.رمادي hr {
background-color: #a0a09a;!important;
}
.ازرق hr {
background-color: #3e459c!important;
}
.اخضر hr {
background-color: #42b649;!important;
}
.اصفر hr {
background-color: #ede816!important;
}
- اضغط هنا لنسخة ModernBB و phpBB3:
بالنسبه للنسخه الثالثه ونسخة مودرن
كل اللي عليك تضع الكود التالي بالجفا مع اختيار المواضيع
- الكود:
-
$(function() {
//كونان2000.
var version = "phpBB3";
if(version.toLowerCase() == "phpbb3"){
$(".postprofile img[title='شفاف']").closest('.postprofile').addClass("شفاف");
$(".postprofile img[title='ازرق']").closest('.postprofile').addClass("ازرق");
$(".postprofile img[title='رمادي']").closest('.postprofile').addClass("رمادي");
$(".postprofile img[title='اخضر']").closest('.postprofile').addClass("اخضر");
$(".postprofile img[title='اصفر']").closest('.postprofile').addClass("اصفر");
$(".postprofile img[title='بنفسجي']").closest('.postprofile').addClass("بنفسجي");
$(".postprofile img[title='ذكر']").closest('.postprofile').addClass("ذكر");
$(".postprofile img[title='انثى']").closest('.postprofile').addClass("انثى");
}
});
وتضع التالي بالcss
- الكود:
-
.ازرق {
background: #f6f6f6!important;
border-bottom: 16px solid #3e459c!important;
border-left: 1px solid #3e459c!important;
border-radius: 3px!important;
border-right: 1px solid #3e459c!important;
border-top: 16px solid #3e459c!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.رمادي {
background: #f6f6f6!important;
border-bottom: 16px solid #a0a09a!important;
border-left: 1px solid #a0a09a!important;
border-radius: 3px!important;
border-right: 1px solid #a0a09a!important;
border-top: 16px solid #a0a09a!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.اخضر {
background: #f6f6f6!important;
border-bottom: 16px solid #42b649!important;
border-left: 1px solid #42b649!important;
border-radius: 3px!important;
border-right: 1px solid #42b649!important;
border-top: 16px solid #42b649!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.اصفر {
background: #f6f6f6!important;
border-bottom: 16px solid #ede816!important;
border-left: 1px solid #ede816!important;
border-radius: 3px!important;
border-right: 1px solid #ede816!important;
border-top: 16px solid #ede816!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.بنفسجي {
background: #f6f6f6!important;
border-bottom: 16px solid #aa4399!important;
border-left: 1px solid #aa4399!important;
border-radius: 3px!important;
border-right: 1px solid #aa4399!important;
border-top: 16px solid #aa4399!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.ذكر {
background: #e9e9e9;
border-bottom: 16px solid #2196f3;
border-left: 1px solid #2196f3;
border-radius: 3px;
border-right: 1px solid #2196f3;
border-top: 16px solid #2196f3;
padding: 60px 3px 3px!important;
position: relative;
}
.ذكر hr {
background-color: #fff;
border-bottom: 1px dotted #2196f3;
margin-bottom: 4px;
padding: 2px;
}
.انثى hr {
background-color: #ffffff;
border-bottom: 1px dotted #e91e63;
margin-bottom: 4px;
padding: 2px;
}
.انثى {
background: #e9e9e9;
border-bottom: 16px solid #e91e63;
border-left: 1px solid #e91e63;
border-radius: 3px;
border-right: 1px solid #e91e63;
border-top: 16px solid #e91e63;
padding: 60px 3px 3px!important;
position: relative;
}
.ذكر dd.postprofile-info {
background-color: #fff;
border-bottom: 1px dotted #2196f3;
border-radius: 5px 5px 5px 5px;
border-right: 3px solid #2196f3;
}
.انثى dd.postprofile-info {
background-color: #fff;
border-bottom: 1px dotted #e91e63;
border-radius: 5px 5px 5px 5px;
border-right: 3px solid #e91e63;
}
.انثى dd.postprofile-info:before {
display: flex;
color: white;
padding: 4px;
display: flex;
content: "بيانات العضوه";
justify-content: center;
background: #e91e63;
}
.ذكر dd.postprofile-info:before {
display: flex;
color: white;
padding: 4px;
display: flex;
content: "بيانات العضو";
justify-content: center;
background: #2196f3;
}
.ذكر.postprofile:before {
text-align: center;
background: #607d8b;
border-radius: 33px;
color: beige;
content: "غير متواجد على المنتدى";
}
.انثى.postprofile:before {
text-align: center;
background: #607d8b;
border-radius: 33px;
color: beige;
content: "غير متواجدة على المنتدى";
}
div.post.online .postprofile.ذكر:before {
text-align: center;
background: #2196f3;
border-radius: 33px;
color: beige;
content: "متواجد على المنتدى";
}
div.post.online .postprofile.انثى:before {
text-align: center;
background: #e91e63;
border-radius: 33px;
color: beige;
content: "متواجدة على المنتدى";
}
div.post .postprofile:before {
left: 7px;
position: absolute;
right: 7px;
top: 10px;
z-index: 2;
}
.postprofile .label {
padding-right: 6px;
font-weight: 500;
}
hr {
margin: 0px;
}
div.post.online .postprofile.شفاف:before {
background: #;!important;
}
div.post.online .postprofile.بنفسجي:before {
background: #aa4399!important;
}
div.post.online .postprofile.رمادي:before {
background: #a0a09a;!important;
}
div.post.online .postprofile.ازرق:before {
background: #3e459c!important;
}
div.post.online .postprofile.اخضر:before {
background: #42b649;!important;
}
div.post.online .postprofile.اصفر:before {
background: #ede816!important;
}
.شفاف dd.postprofile-info:before {
background: #;!important;
}
.بنفسجي dd.postprofile-info:before {
background: #aa4399!important;
}
.رمادي dd.postprofile-info:before {
background: #a0a09a;!important;
}
.ازرق dd.postprofile-info:before {
background: #3e459c!important;
}
.اخضر dd.postprofile-info:before {
background: #42b649;!important;
}
.اصفر dd.postprofile-info:before {
background: #ede816!important;
}
.شفاف dd.postprofile-info {
border-bottom: 1px dotted #;!important;
border-right: 3px solid #;!important;
}
.بنفسجي dd.postprofile-info {
border-bottom: 1px dotted #aa4399!important;
border-right: 3px solid #aa4399!important;
}
.رمادي dd.postprofile-info {
border-bottom: 1px dotted #a0a09a;!important;
border-right: 3px solid #a0a09a;!important;
}
.ازرق dd.postprofile-info {
border-bottom: 1px dotted #3e459c!important;
border-right: 3px solid #3e459c!important;
}
.اخضر dd.postprofile-info {
border-bottom: 1px dotted #42b649;!important;
border-right: 3px solid #42b649;!important;
}
.اصفر dd.postprofile-info {
border-bottom: 1px dotted #ede816!important;
border-right: 3px solid #ede816!important;
}
.شفاف hr {
border-bottom: 1px dotted #;!important;
}
.بنفسجي hr {
border-bottom: 1px dotted #aa4399!important;
}
.رمادي hr {
border-bottom: 1px dotted #a0a09a;!important;
}
.ازرق hr {
border-bottom: 1px dotted #3e459c!important;
}
.اخضر hr {
border-bottom: 1px dotted #42b649;!important;
}
.اصفر hr {
border-bottom: 1px dotted #ede816!important;
}
- اضغط هنا لنسخة AwesomeBB:
بالنسبه لنسخه AwesomeBB
عليك ان تضع الكود التالي بالجفا مع اختيار المواضيع
- الكود:
-
$(function() {
//كونان2000.
var version = "phpBB3";
if(version.toLowerCase() == "phpbb3"){
$(".post-aside img[title='شفاف']").closest('.post-aside').addClass("شفاف");
$(".post-aside img[title='ازرق']").closest('.post-aside').addClass("ازرق");
$(".post-aside img[title='رمادي']").closest('.post-aside').addClass("رمادي");
$(".post-aside img[title='اخضر']").closest('.post-aside').addClass("اخضر");
$(".post-aside img[title='اصفر']").closest('.post-aside').addClass("اصفر");
$(".post-aside img[title='بنفسجي']").closest('.post-aside').addClass("بنفسجي");
$(".post-aside img[title='ذكر']").closest('.post-aside').addClass("ذكر");
$(".post-aside img[title='انثى']").closest('.post-aside').addClass("انثى");
}
});
وتضع التالي بالcss
- الكود:
-
.ازرق {
background: #f6f6f6!important;
border-bottom: 16px solid #3e459c!important;
border-left: 1px solid #3e459c!important;
border-radius: 3px!important;
border-right: 1px solid #3e459c!important;
border-top: 16px solid #3e459c!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.رمادي {
background: #f6f6f6!important;
border-bottom: 16px solid #a0a09a!important;
border-left: 1px solid #a0a09a!important;
border-radius: 3px!important;
border-right: 1px solid #a0a09a!important;
border-top: 16px solid #a0a09a!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.اخضر {
background: #f6f6f6!important;
border-bottom: 16px solid #42b649!important;
border-left: 1px solid #42b649!important;
border-radius: 3px!important;
border-right: 1px solid #42b649!important;
border-top: 16px solid #42b649!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.اصفر {
background: #f6f6f6!important;
border-bottom: 16px solid #ede816!important;
border-left: 1px solid #ede816!important;
border-radius: 3px!important;
border-right: 1px solid #ede816!important;
border-top: 16px solid #ede816!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.بنفسجي {
background: #f6f6f6!important;
border-bottom: 16px solid #aa4399!important;
border-left: 1px solid #aa4399!important;
border-radius: 3px!important;
border-right: 1px solid #aa4399!important;
border-top: 16px solid #aa4399!important;
padding: 60px 3px 3px!important;
position: relative!important;
}
.ازرق dd {
border-bottom: 1px dotted #3e459c!important;
border-right: 3px solid #3e459c!important;
}
.رمادي dd {
border-bottom: 1px dotted #a0a09a!important;
border-right: 3px solid #a0a09a!important;
}
.اخضر dd {
border-bottom: 1px dotted #42b649!important;
border-right: 3px solid #42b649!important;
}
.اصفر dd {
border-bottom: 1px dotted #ede816!important;
border-right: 3px solid #ede816!important;
}
.بنفسجي dd {
border-bottom: 1px dotted #aa4399!important;
border-right: 3px solid #aa4399!important;
}
.بنفسجي .post-author-status {
width: 92%;
background-color: #aa4399!important;
}
.اصفر .post-author-status {
width: 92%;
background-color: #ede816!important;
}
.اخضر .post-author-status {
width: 92%;
background-color: #42b649!important;
}
.رمادي .post-author-status {
width: 92%;
background-color: #a0a09a!important;
}
.ازرق .post-author-status {
width: 92%;
background-color: #3e459c!important;
}
.ذكر {
background: #e9e9e9;
border-bottom: 16px solid #2196f3;
border-left: 1px solid #2196f3;
border-radius: 3px;
border-right: 1px solid #2196f3;
border-top: 16px solid #2196f3;
padding: 60px 3px 3px!important;
position: relative;
}
.ذكر dd {
background-color: #ffffff;
border-bottom: 1px dotted #2196f3;
border-radius: 5px 5px 5px 5px;
border-right: 3px solid #2196f3;
border-width: 0 3px 2px 0;
font-family: "tahoma";
font-weight: bold;
font-size: 12px;
letter-spacing: 0;
margin: 3px;
padding: 2px;
}
.انثى dd {
background-color: #ffffff;
border-bottom: 1px dotted #e91e63;
border-radius: 5px 5px 5px 5px;
border-right: 3px solid #e91e63;
border-width: 0 3px 2px 0;
font-family: "tahoma";
font-weight: bold;
font-size: 12px;
letter-spacing: 0;
margin: 3px;
padding: 2px;
}
.انثى {
background: #e9e9e9;
border-bottom: 16px solid #e91e63;
border-left: 1px solid #e91e63;
border-radius: 3px;
border-right: 1px solid #e91e63;
border-top: 16px solid #e91e63;
padding: 60px 3px 3px!important;
position: relative;
}
.انثى .post-author-status:before {
width: 90%;
text-align: center;
font-weight: 900;
color: white;
content: "متواجدة على المنتدى";
}
.ذكر .post-author-status:before {
width: 90%;
text-align: center;
font-weight: 900;
color: white;
content: "متواجد على المنتدى";
}
.online .post-author-status {
display: block;
}
.ذكر .post-author-status {
text-align: center;
background-color: #2196f3;
border-radius: 12px;
float: right;
height: auto;
position: absolute;
right: 10px;
top: 8px;
width: 92%;
}
.انثى .post-author-status {
background-color: #e91e63;
border-radius: 12px;
float: right;
height: auto;
position: absolute;
right: 10px;
top: 8px;
width: 92%;
}
.انثى dl.post-author-details:before {
color: white;
padding: 4px;
display: flex;
content: "بيانات العضوه";
justify-content: center;
background: #e91e63;
}
.ذكر dl.post-author-details:before {
color: white;
padding: 4px;
display: flex;
content: "بيانات العضو";
justify-content: center;
background: #2196f3;
}
.ذكر .post-author-avatar {
margin: 0px;
}
.انثى .post-author-avatar {
margin: 0px;
}
.post-author-status {
background-color: #000;
border-radius: 12px;
display: none;
float: right;
height: auto;
position: absolute;
right: 10px;
top: 8px;
width: 90%;
}
.post-author-details span {
font-weight: 600;
margin-right: 5px;
}
aside.post-aside.ذكر:before {
text-align: center;
width: 85%;
background-color: #607d8b;
border-radius: 12px;
color: #fff;
content: "غير متواجد على المنتدى";
font-weight: 900;
position: absolute;
right: 10px;
top: 8px;
}
aside.post-aside.انثى:before {
text-align: center;
width: 85%;
background-color: #607d8b;
border-radius: 12px;
color: #fff;
content: "غير متواجدة على المنتدى";
font-weight: 900;
position: absolute;
right: 10px;
top: 8px;
}
.بنفسجي dl.post-author-details:before {
background: #aa4399!important;
}
.ازرق dl.post-author-details:before {
background: #3e459c!important;
}
.اخضر dl.post-author-details:before {
background: #42b649!important;
}
.رمادي dl.post-author-details:before {
background: #a0a09a!important;
}
.اصفر dl.post-author-details:before {
background: #ede816!important;
}
dd {
background: white;
}
هكذا خلصنا من المؤنث والمذكر والحمدلله
-------------------------------------------------
اذا كان مدير المنتدى لا يريد فقط لون للمؤنث والمذكر
بل يريد ان يترك للاعضاء حرية اختيار اللون الذي يفضلونه
عليه اضافة الى ماسبق خيار جديد من لوحة الادارة,
اذهب الى لوحة الادارة > الأعضاء & المجموعات > البيانات الشخصية
ثم انشىء حقل خاص جديد بالضغط على هذا الزر
ثم ضع الاختيارات كما في الصور
هذه الصور من عندي (اذا تحبون صممو صور من عندكم افضل منها)
والكلمات التي لازم تضعونها بالحقول
شفاف: ازرق: رمادي: اخضر: اصفر: بنفسجي: وتستطيع ان تضيف المزيد من الوان كما تريد
ولكن اضافة لون جديد يتطلب تعديل بسيط على كود الجافا والcss
واذا لا تعرف افتح موضوع بالقسم المناسب
وفقكم الله
---------------------------
تم تصميم الكود بواسطة كونان2000
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ