ط§ظƒظˆط§ط¯ ط£ظ„ظˆط§ظ† ظˆط£ط´ظƒط§ظ„ ط®ط´ط¨ظٹط© ظ„ظ…ط¬ظ…ظˆط¹ط§طھ ط§ظ„ط§ط¹ط¶ط§ط،


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




اولاً

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

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

ثانياً

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

صاحب او مؤسس الموقع:
اليمين :
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="a">
</code> </code>



اليسار :
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>




الاعضاء:
 اليمين :
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="b">
</code> </code>


اليسار :
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>

الادارة :
اليمين :
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="c">
</code> </code>

اليسار :
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>

مستشار اداري:
اليمين :
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="d">
</code> </code>

اليسار :
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>

مراقب عام:
اليمين :
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="e">
</code> </code>

اليسار :
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>

المشرفات:
اليمين :
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="f">
</code> </code>

اليسار :
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>

مشرفين:

اليمين :
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="g">
</code> </code>

اليسار :
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>

عضو مميز

اليمين :
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="h">
</code> </code>

اليسار :
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>

عضو مبدع

اليمين :
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="i">
</code> </code>

اليسار :
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>

عضو vip

اليمين :
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="j">
</code> </code>

اليسار :
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>

عضو موقوف

اليمين :
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="k">
</code> </code>



اليسار :
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>




الدعم الفني

اليمين :
رمز PHP:
<code style="white-space:nowrap"> <code> <span class="l">
</code> </code>

اليسار :
رمز PHP:
<code style="white-space:nowrap"> <code> </span>
</code> </code>

\


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

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

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

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


\
\
\

كود code css

رمز PHP:
<code style="white-space:nowrap"> <code> /*الوان المدير */
.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;
}
</code> </code>

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

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

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

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

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



اخيراً

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

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









©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©