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

تلوين المجموعات وجعل اسامي الاعضاء في ايطار منقط
مهند 31-08-2011 12:25 صباحاً
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته،،


شرح طريقة تلوين المجموعات وجعلها منقطه وتحوي على خلفيه متحركه


الخطوات
1:حمل ملف الالوان المرفق color وارفعه في كل الاستايلات في مجلد images في كل الاستايلات الي مركبها والي حتركبها
2:ضع كود css الي حضعلكياه
3تضع الكود الي حعطيك اياه في المجموعات بدل الكود تبع شكل اسم مستخدم المجموعه


كود ال سي اس اس
هو التالي


CODE

.admin
{
border:2px #C34A2C dotted;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#F76541;
border-style:dotted;
padding:0px 15px 0px 15px;
    background: #fff url(images/color/qtr22.gif);
text-align:center;
display:inline-block;
overflow:hidden;
	 border-top-left-radius: 0px;
    border-top-right-radius:10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 10px;
}


.admin1
{
border:2px #C34A2C dotted;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#FF0000;
border-style:dotted;
padding:0px 15px 0px 15px;
    background: #fff url(images/color/qtr1.gif);
text-align:center;
display:inline-block;
overflow:hidden;
	 border-top-left-radius: 0px;
    border-top-right-radius:10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 10px;
}






.admin2
{
border:2px #C34A2C dotted;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#800517;
border-style:dotted;
padding:0px 15px 0px 15px;
    background: #fff url(images/color/qtr10.gif);
text-align:center;
display:inline-block;
overflow:hidden;
	 border-top-left-radius: 0px;
    border-top-right-radius:10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 10px;
}






.admin3
{
border:2px #C12267dotted;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#C12267;
border-style:dotted;
padding:0px 15px 0px 15px;
    background: #fff url(images/color/qtr8.gif);
text-align:center;
display:inline-block;
overflow:hidden;
	 border-top-left-radius: 0px;
    border-top-right-radius:10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 10px;
}






.admin4
{
border:2px;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
border-style:dotted;
padding:0px 15px 0px 15px;
color:#000;


    background: #fff url(images/color/1155.imgcache.gif);
text-align:center;
display:inline-block;
overflow:hidden;
	 border-top-left-radius: 0px;
    border-top-right-radius:10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 10px;
}




لتغيير الالوان الخلفيه غير اسم الصوره الى اسم الصوره الي تعجبك في ملف color
لتغيير لون الخط غير الكود تبع اللون في كود color في الكلاسات الي وضعتها لك
والي تريد تغيير اي شيء قلي عليه واقلك كيف

تضع الاكواد التاليه في المجموعات تحرير المجموعه المطلوبه شكل اسم مستخدم المجموعه استبدل الكود تبعها بأحد الاكواد ادناه
الاكواد وضعتها لكم حسب تسلسل مجموعات منتدايا
الاداره
CODE
<span class="admin">[username]</span>

اداره عامه
CODE
<span class="admin1">[username]</span>

نائب المدير
CODE
<span class="admin2">[username]</span>

المشرفين
CODE
<span class="admin3">[username]</span>

الاعضاء
CODE
<span class="admin4">[username]</span>





خلص هذه اكواد الي استخدمها انت خلي الاكواد حسب مجموعاتك الي تريد تلونها انا خليت طريقة تلوين منتدايا
منتدى دعم PBBoard الرسمي

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