اكواد ألوان وأشكال خشبية لمجموعات الاعضاء

http://www.dzbatna.com/images/icons/iconrote.gif ط§ظƒظˆط§ط¯ ط£ظ„ظˆط§ظ† ظˆط£ط´ظƒط§ظ„ ط®ط´ط¨ظٹط© ظ„ظ…ط¬ظ…ظˆط¹ط§طھ ط§ظ„ط§ط¹ط¶ط§ط،

---

مثال على شكل المجموعات

http://img8.7ozn.com/files57/2014-10...3510611901.jpg


اولاً

تحميل المجموعات من هنا

ثم ارفع مجلد bg الى داخل مجلد منتداك vb

ثانياً

هذه اكواد المجموعات بالوان مختلفه

صاحب او مؤسس الموقع:
اليمين :
رمز PHP:

<span class="a">


اليسار :
رمز PHP:

span>


الاعضاء:
اليمين :
رمز PHP:

<span class="b">


اليسار :
رمز PHP:

span>


الادارة :
اليمين :
رمز PHP:

<span class="c">


اليسار :
رمز PHP:

span>


مستشار اداري:
اليمين :
رمز PHP:

<span class="d">


اليسار :
رمز PHP:

span>


مراقب عام:
اليمين :
رمز PHP:

<span class="e">


اليسار :
رمز PHP:

span>


المشرفات:
اليمين :
رمز PHP:

<span class="f">


اليسار :
رمز PHP:

span>


مشرفين:

اليمين :
رمز PHP:

<span class="g">


اليسار :
رمز PHP:

span>


عضو مميز

اليمين :
رمز PHP:

<span class="h">


اليسار :
رمز PHP:

span>


عضو مبدع

اليمين :
رمز PHP:

<span class="i">


اليسار :
رمز PHP:

span>


عضو vip

اليمين :
رمز PHP:

<span class="j">


اليسار :
رمز PHP:

span>


عضو موقوف

اليمين :
رمز PHP:

<span class="k">


اليسار :
رمز PHP:

span>


الدعم الفني

اليمين :
رمز PHP:

<span class="l">


اليسار :
رمز PHP:

span>


\


شرح طريقة التركيب install

من لوحة الادارة

مجموعات الاعضاء

تعديل المجموعة ويوضع الكود code بالشكل التالي

http://img8.7ozn.com/files57/2014-10...3510623921.jpg
\
\
\

كود code css

رمز PHP:

/*الوان المدير */
.a{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 9pt;
color:#8D3533;
padding:0px 15px 0px 15px;
background-image: url(bg/bg.png);
background-repeat: no-repeat;
background-position: right center;
text-align:center;
width:70px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/* الوان الاعضاء*/
.b{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 9pt;
color:#857C69;
padding:0px 15px 0px 15px;
background-image: url(bg/bg3.png);
background-repeat: no-repeat;
background-position: right center;
text-align:center;
width:70px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

/*الوان الادارة*/
.c{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 9pt;
color:#6F4393;
padding:0px 15px 0px 15px;
background-image: url(bg/bg1.png);
background-repeat: no-repeat;
background-position: right center;
text-align:center;
width:70px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

/*الوان المستشارة*/
.d{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 9pt;
color:#B86667;
padding:0px 15px 0px 15px;
background-image: url(bg/bg4.png);
background-repeat: no-repeat;
background-position: right center;
text-align:center;
width:70px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

/*الوان المراقب*/
.e{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 9pt;
color:#6A868B;
padding:0px 15px 0px 15px;
background-image: url(bg/bg5.png);
background-repeat: no-repeat;
background-position: right center;
text-align:center;
width:70px;
height: 20px;
display:inline-block;



overflow:hidden;
white-space:nowrap;
}

/*الوان المشرفه*/
.f{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 9pt;
color:#69516B;
padding:0px 15px 0px 15px;
background-image: url(bg/bg6.png);
background-repeat: no-repeat;
background-position: right center;
text-align:center;
width:70px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

/*الوان المشرف*/
.g{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 9pt;
color:#393892;
padding:0px 15px 0px 15px;
background-image: url(bg/bg7.png);
background-repeat: no-repeat;
background-position: right center;
text-align:center;
width:70px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

/*الوان مميز*/
.h{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 9pt;
color:#337690;
padding:0px 15px 0px 15px;
background-image: url(bg/bg8.png);
background-repeat: no-repeat;
background-position: right center;
text-align:center;
width:70px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

/*الوان الابداع*/
.i{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 9pt;
color:#A64009;
padding:0px 15px 0px 15px;
background-image: url(bg/bg9.png);
background-repeat: no-repeat;
background-position: right center;
text-align:center;
width:70px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

/*الوان الطفولة*/
.j{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 9pt;
color:#982A77;
padding:0px 15px 0px 15px;
background-image: url(bg/bg2.png);
background-repeat: no-repeat;
background-position: right center;
text-align:center;
width:70px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

/*الوان الموقوف*/
.k{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 9pt;
color:#747271;
padding:0px 15px 0px 15px;
background-image: url(bg/bg10.png);
background-repeat: no-repeat;
background-position: right center;
text-align:center;
width:70px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}


/*الوان الدعم الفني*/
.l{
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 9pt;
color:#B27D27;
padding:0px 15px 0px 15px;
background-image: url(bg/bg11.png);
background-repeat: no-repeat;
background-position: right center;
text-align:center;
width:70px;
height: 20px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}


شرح طريقة التركيب install

التحكم بالاستايل styleات

متغيرات css رئيسي للستايل style المطلوب

وضع الكود code في مربع تعاريف css الثاني

كما هو موضح عند الرقم 3 في الصورة التاليه

http://img8.7ozn.com/files57/2014-10...3510611962.gif

اخيراً

الرجاء ذكر المصدر عند النقل

منتديات ألحان المطر

ألعاب الأندرويد مجانا و حصريا

https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©