هاك المتواجدون بالمربعات والالوان - تحديث

[خالد]

هلا اخوي

بالفعل قمت بجميع التعديلات المطلوبه وتركب الهاك وما شاء الله جميل جدا

لكن واجهتني مشكله ان شاء الله تكون بسيطه عندك

جميع المجموعات اصبحت تمام وتغيرت اللوان المربعات بشكل جميل
الا مجموعة Administrators فهي تاتي بمربع كبير وخلفيته بيضا والخط لونه اسود
ولقد ارفقت صوره بالمشكله
بالنسبه لتغيير الصوره كخلفيه غيرتها ولكن بامتداد jpg ولكن لم تتغير الخلفيه

الصوره المرفقه تظهر المشكله فياليت الحل انتظررررررررره عاجلا
المراقب العام

[shlaga]

اخي / خالد
بالنسبة لمجموعة (Administrators) ، أيش الكود اللي وضعته لهم؟ وما هو متغير اللون؟ red ، blue ؟
يجب عليك التأكد من ( خطوة رقم 2 ) خاصة بالنسبة لمجموعة Administrators
وإذا قمت بعمل تعديل من قبل على ملف (index.php) يرجى التراجع عن تعديلاتك السابقة.

بالنسبة لتغير الصورة فهي لا تفرق gif ام jpg ، المهم ان الصورة تكون مرفوعة على الموقع وتستبدل رابط الصورة الموجود على الكود في ( خطوة رقم 1 ) برابط الصورة التي تريد استخدامها.

وياريت ترفق رابط المنتدى لكي توضح الصورة.

ملاحظة : :con2:
* الأعضاء الذين تواجدوا اليوم في المنتدى = 12
* الأعضاء الذين قاموا بوضع مشاركات اليوم = 28
مايصير . أعتقد فيها خلل، ايش رأيك؟
مع تحياتي

[sarab7]

مشكور أخوي على الشرح
بس ماقدرة أركب الهاك الظاهر ان فيه بالنسخة الي استخدمها هاك المتواجدين بصفحة مستقلة حاولت أركب الهاك بس ما قدرة والنسخة هي حلم العربaradream3.0.7
ياريت تشوف لي حل

[SoftsKey.Com]

كل شي تمام بس هذا ليش ما ظهر

[nadeem]

يعطيك العافيه من زمان
وأنا ابحث عن هالهاك

مشكور يالغالي وجزاك الله كل خير

[MR_MAMI]

روعة
الف شكر يالغالى

[sarab7]

uuuuuuuuuuup

[shlaga]

الأخ / SoftsKey.Com
هل قمت بإعطاء مجموعة ( المراقب ) كود هذا اللون (pink) كما في خطوة رقم 2
الرجاء التأكد من مجموعة ( المراقب ) والكود الذي تستخدمه هذه المجموعة

الاخوان / nadeem و MR_MAMI
يعطيكم العافية وتسلموا
مع تحياتي

[SoftsKey.Com]

هلا اخوي

انا اقصد كل يالي موجود في الصوره لم يظهر


فما السبب

[shlaga]

عزيز / SoftsKey.Com
إذا قصدك الصورة التعريفيه بالنسبة لرتب الأعضاء والتي توضح اسم كل مجموعة ولونها. فهذه يجب عليك إضافتها بنفسك في تمبلت ( FORUMHOME ). وطريقتها كالتالي:
اضف الكود رقم (2) لتمبلت ( FORUMHOME ) ، ويفضل تحت هذا الكود مباشرة:

<tbody id="collapseobj_forumhome_activeusers" style="$vbcollapse[collapseobj_forumhome_activeusers]">
    <tr>
        <td class="alt2"><a href="online.php?$session[sessionurl]"><img src="$stylevar[imgdir_statusicon]/forum_link.gif" alt="$vbphrase[view_whos_online]" border="0" /></a></td>
        <td class="alt1" width="100%"> 

كود رقم (2):

<div align="center">
  <center>
  <table border="0" cellspacing="0" width="100%" id="AutoNumber1" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0">
    <tr>
      <td class="alt1" width="100%" align="center">
      <div class="smallfont">
        <div>
          <input type="text" name="T1" size="17" class="red" value="مدير الموقع" readonly style="width: 90">
          <input type="text" name="T2" size="17" class="brown" value="إدارة المنتدى" readonly style="width: 90">
          <input type="text" name="T3" size="17" class="blue" value="مشرف عام" readonly style="width: 90">
          <input type="text" name="T4" size="17" class="pink" value="مراقب" readonly style="width: 90">
          <input type="text" name="T6" size="17" class="teal" value="مشرف" readonly style="width: 90">
          <input type="text" name="T5" size="17" class="fushia" value="شخصية هامة" readonly style="width: 90">
          <input type="text" name="T5" size="17" class="black" value="عضو" readonly style="width: 90">
        </div>
      </div>
      </td>
    </tr>
  </table>
  </center>
</div> 

مع مراعاة تغيير ما يلزم، ويمكنك تعديل مكان الكود بما تراه مناسب
مع تحياتي

[SoftsKey.Com]

تسلم اخوي

لقد تم التركيب بنجاح

www.welduae.com/vb

الله يعطيك الصحه والعافيه

[shlaga]

ويعافيك حبيبي
انا دخلت على المنتدى وسجلت فيه، :1power:
- الأعضاء المتواجدين حالياً: 622 (146 عضو و 476 ضيف) - :eek2: ربنا يزيد
بس عندي ملاحظة بسيطة: :con2:
لكي تظهر صورة الخلفية للمربعات يجب ان تستبدل عنوان الصورة (altaer/color_bg.gif) في الكود في خطورة رقم (1) بعنوان الصورة الموجودة في منتداك (nawar/pic/body-back.jpg). وكل شئ ح يكون 100% بئذن الله. :app:
نحن في الخدمة
مع تحياتي

[qarssan]

خطوة (1) إضافة الكود التالي لجميع الاستايلات في المنتدى

1- اذهب لخيار ( الستايلات & القوالب ) ثم (ضبط الستايلات ) - صورة (1)
صورة (1)


2- أضغط ( اذهب ) على خيار ( خيارات جميع الستايلات ) - صورة (2)
صورة (2)


3- اسفل الخيارات عند ( تعريف CSS إضافي ) وفي نهايته أضف الكود التالي: - صورة (3)
صورة (3)

.red
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #FF1515;
cursor: pointer;
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#FF1515; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif'); 
text-align:center;
}

.green
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #006600;
cursor: pointer;
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#006600; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif'); 
text-align:center;
}

.blue
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #0000FF;
cursor: pointer;
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#0000FF; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif'); 
text-align:center;
}

.gray
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #CCCCCC;
cursor: pointer;
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#CCCCCC; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif'); 
text-align:center;
}

.fushia
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #FF66CC;
cursor: pointer;
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#FF66CC; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif'); 
text-align:center;
}

.orang
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #FF9900;
cursor: pointer;
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#FF9900; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif'); 
text-align:center
}

.teal
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #008080;
cursor: pointer;
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#008080; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif'); 
text-align:center;
}

.brown
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #BF0000;
cursor: pointer;
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#BF0000; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif'); 
text-align:center;
}

.pink
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #CC33FF;
cursor: pointer;
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#CC33FF; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif'); 
text-align:center;
}

.black
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #000000;
cursor: pointer;
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#000000; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif'); 
text-align:center;
}

.white
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #ffffff;
cursor: pointer;
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#ffffff; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif'); 
text-align:center;
} 

ثم أعمل حفظ من اسفل - صورة (4)
صورة (4)


====================
خطوة (2)
1- اذهب لخيار ( المجموعات ) ثم ( ضبط إعدادات مجموعة الأعضاء ) - صورة (5)
صورة (5)


2- أضغط ( اذهب ) على خيار ( تعديل المجموعة ) - صورة (6)
صورة (6)


3- اضف الكود التالي على مرحلتين - صورة (7)
صورة (7)


ضع code1 في مربع النص الأول - صورة (7)

code1: [ مهم: يجب تغيير كلمة ( red ) لكل مجموعة مثال (green - blue - pink ) ]

<input type="text" name="T1" size="17" class="red" value=" 

code2 في مربع النص الثاني - صورة (7)

code2:

" readonly style="width: 90"> 

ثم أضغط على زر ( تحديث ) في الاسفل - صورة (8)
صورة (8)


===================
خطوة (3)
1- عمل تحديث للعدادات كما هو موضح في صورة (9) وصورة (10) وصورة (11)
صورة (9)


صورة (10)


صورة (11)


===================
التعديلات التي يمكنك عملها:
صورة (12)


صورة (13)

1- كود حجم المربع : ( width: 48; ) - صورة (12) تحديد (1)
1- كود نوع الخط : ( font-family:MS Sans Serif; ) - صورة (12) تحديد (2)
3- كود لون خلفية المربع : ( background-color:#FFE3DF; ) - صورة (12) تحديد (3)
4- كود لون النص داخل المربع : ( color:#ffffff; ) - صورة (12) تحديد (4)
5- كود صورة الخلفية للمربع : ( background-image: url('altaer/color_bg.gif'); ) - صورة (12) تحديد (5)
6- كود اللون الخاص بالمجموعة في خطوة (2) مهم جدا : ( class="red" ) صورة (13) تحديد (1)
استبداله باسم المجموعة الخاصة بالكود المراد استخدامه لمجموعة المستخدمين في خطوة (2) عند ( code1 )
---------------------
ملحوظة : مجموعات الألوان كالتالي:
.red = أحمر - .green = أخضر - .blue = أزرق - .gray = رمادي - .fushia = فوشي
.orang = برتقالي - .brown = بني - .pink = بنفسج - .black = اسود - .white = أبيض
---------------------

انا جاهز لأي استفسار ( بعون الله )
مع تحياتي

مشكوووووووووووووووووووووووووووووووووووووووووووور

[SoftsKey.Com]

ويعافيك حبيبي
انا دخلت على المنتدى وسجلت فيه، :1power:
- الأعضاء المتواجدين حالياً: 622 (146 عضو و 476 ضيف) - :eek2: ربنا يزيد
بس عندي ملاحظة بسيطة: :con2:
لكي تظهر صورة الخلفية للمربعات يجب ان تستبدل عنوان الصورة (altaer/color_bg.gif) في الكود في خطورة رقم (1) بعنوان الصورة الموجودة في منتداك (nawar/pic/body-back.jpg). وكل شئ ح يكون 100% بئذن الله. :app:
نحن في الخدمة
مع تحياتي

يعايك الغالي

ولكم اخوي حياك نبي نشوف مشاركاته

ان شاء الله يزيد ويزيد :funny:

تسم اخوي لقد تم التعديل

تسلم اخوي

الله يعيطيك العافيه

[الغالـــي]

مشكووور حبيبي ولكن ابي اقلل من حدود المربع جربت غيرت من 48 الى 45 ومثل ماهو

ممكن توضح لنا حبيبي