تراجع إلى الخلف   :: TRAIDNT FORUM :: > قسم تطوير المنتديات > ركن تطوير منتديات vb3.8.0 > أرشيف تطوير منتديات vb3.0.0
اعادة تحديث هذه الصفحة لكثره السؤال عليه تم وضع شرح كيفيه عمل اسماء الاعضاء داخل مربعات بالالوان والشرح كامل
التسجيل دعوة أصدقائك البحث مشاركات اليوم أعتبر مشاركات المنتدى مقروءة

أرشيف تطوير منتديات vb3.0.0 :: يمنع منعاً باتا ً .. كتابة أي موضوع يهتم بمشاكل المنتديات (( يمنع وضع نسخ vBulletin ))

لكثره السؤال عليه تم وضع شرح كيفيه عمل اسماء الاعضاء داخل مربعات بالالوان والشرح كامل

السلام عليكم نسبة لكثرة الطلب على هذا الهاك، حبيت اشارك ولو ببسيط فيه. قمت بإجراء بعض التعديلات على هذا الهاك وهي : 1- يكون اسم

 
الصفحة 1 من 5 صفحة 1 23 الأخيرة »
 
LinkBack
  #1  
قديمة 20 - 11 - 2005, 01:11 shorbagy غير متواجد حاليآ بالمنتدى
.:: عضو متألق ::.
بيانات موقعي
اصدار المنتدى: لا أملك منتدى
 







shorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدود
افتراضي لكثره السؤال عليه تم وضع شرح كيفيه عمل اسماء الاعضاء داخل مربعات بالالوان والشرح كامل
السلام عليكم

نسبة لكثرة الطلب على هذا الهاك، حبيت اشارك ولو ببسيط فيه.
قمت بإجراء بعض التعديلات على هذا الهاك وهي :
1- يكون اسم العضو داخل مربع وبلونه المخصص في أي مكان يظهر فيه اسمه في المنتدى
2- عمل خلفية صور موحدة للمربعات أو تحديد خلفيات مختلفة لكل مجموعة
3- تحديد لون مخصص لكل مجموعة
4- يمكن إضافته بسهولة لكل استايل جديد
هذه بعض الصور للتوضيح:
1- صورة للذين تواجدوا اليوم :


2- للمتواجدين الآن:






3- صورة لعرض المشرفين :




أرجو الفائدة للجميع
واشكر صديقي عبد الله الزهراني لمعاونته لي في هذا المجال

طريقة التركيب

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

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




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




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



رمز PHP:
.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 ) ]


رمز PHP:
<input type="text" name="T1" size="17" class="red" value=" 

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


code2:

رمز PHP:
" readonly style="width: 90"> 

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

رمز PHP:
http://www.sa-web.net/swalif/mrb3at/08.jpg 
===================
خطوة (3)


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

رمز PHP:
http://www.sa-web.net/swalif/mrb3at/09.jpg 

صورة (10)



صورة (11)



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




صورة (13)




[RIGHT]
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 = أبيض
---------------------







منقول
توقيع shorbagy
يارب سترك ورضاك وعفوك عنا يارب
  رقم المشاركة : [ 2 ]
قديمة 20 - 11 - 2005, 01:24 عاشق الحبر الاسود غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'عاشق الحبر الاسود' الرمزية
 


عاشق الحبر الاسود يستحق التميزعاشق الحبر الاسود يستحق التميز
بيانات موقعي
اصدار المنتدى: لا أملك منتدى
افتراضي
شكرا لك ويعطيك العافية
عاشق الحبر الاسود
أضفني كصديق
توقيع عاشق الحبر الاسود
( ولسوف يعطيك ربك فترضى )
 
  رقم المشاركة : [ 3 ]
قديمة 20 - 11 - 2005, 01:28 shorbagy غير متواجد حاليآ بالمنتدى
.:: عضو متألق ::.
 


shorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدود
بيانات موقعي
اصدار المنتدى: لا أملك منتدى
افتراضي
مشكور اخوي على مرورك
شرف لية
shorbagy
أضفني كصديق
توقيع shorbagy
يارب سترك ورضاك وعفوك عنا يارب
 
  رقم المشاركة : [ 4 ]
قديمة 20 - 11 - 2005, 01:33 أبو رغد غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 


أبو رغد يستحق التميز
أرسل رسالة بواسطة Skype™ إلى أبو رغد
بيانات موقعي
اسم الموقع: شبكة الصلصلة
اصدار المنتدى: 3.8.0
افتراضي
الله يجزاك خير أخوي

تحياتي لك
أبو رغد
أضفني كصديق
توقيع أبو رغد
 
  رقم المشاركة : [ 5 ]
قديمة 20 - 11 - 2005, 01:44 shorbagy غير متواجد حاليآ بالمنتدى
.:: عضو متألق ::.
 


shorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدود
بيانات موقعي
اصدار المنتدى: لا أملك منتدى
افتراضي
مشكور اخوي على مرورك
shorbagy
أضفني كصديق
توقيع shorbagy
يارب سترك ورضاك وعفوك عنا يارب
 
  رقم المشاركة : [ 6 ]
قديمة 20 - 11 - 2005, 02:58 alrwd.com.sa غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 


alrwd.com.sa على طريق الابداعalrwd.com.sa على طريق الابداعalrwd.com.sa على طريق الابداع
أرسل رسالة بواسطة MSN إلى alrwd.com.sa
بيانات موقعي
اسم الموقع: الروض لخدمات الويب
اصدار المنتدى: لا أملك منتدى
افتراضي
يعطيك الف عافيه
alrwd.com.sa
أضفني كصديق
توقيع alrwd.com.sa
  • إسم الشركة : الروض لخدمات الويب
  • صاحب الشركة : احمد بن ضعيان العتيبي
  • خدمات الشركة : سيرفرات - VPS - ريسلرات - استضافه - تصميم - دعم فني - تراخيص
  • مقر الشركة : المملكة العربيه السعوديه - عفيف الروضه الحي الغربي الشارع العام
  • هاتف الشركة : داخلي تلفوكس 017221019 - جوال 0552866697 - / خارجي تلفوكس 0096617221019 جوال 00966552866697
  • بريد الشركة : webmasteralrwd.com.sa
  • الدعم الفني : http://www.alrwd.com.sa/helpdesk.php
  • روابط الشركة : http://www.alrwd.com.sa
 
  رقم المشاركة : [ 7 ]
قديمة 21 - 11 - 2005, 13:09 shorbagy غير متواجد حاليآ بالمنتدى
.:: عضو متألق ::.
 


shorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدود
بيانات موقعي
اصدار المنتدى: لا أملك منتدى
افتراضي
يعافيك اخوي
shorbagy
أضفني كصديق
توقيع shorbagy
يارب سترك ورضاك وعفوك عنا يارب
 
  رقم المشاركة : [ 8 ]
قديمة 24 - 11 - 2005, 11:18 Kuwaitna غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'Kuwaitna' الرمزية
 


Kuwaitna يستحق التميز
بيانات موقعي
اسم الموقع: العالم
اصدار المنتدى: 3.8.4
افتراضي
بارك الله فيك اخي
ولكن هناك سؤال شاهد الصوره
Kuwaitna
أضفني كصديق
الصور المصغرة المرفقة
اضغط على الصورة المصغرة لمشاهدتها بحجمها الأصلي اسم الصورة : dwe.jpg عدد المشاهدات : 356 حجم الصورة : 69.3 كيلوبايت رقم هوية الصورة : 24601  
توقيع Kuwaitna
دومينات للبيع

www.uu00.com
www.ArabSky.com

تلفون من داخل الكويت
66948088
خارج الكويت
0096566948088
 
  رقم المشاركة : [ 9 ]
قديمة 24 - 11 - 2005, 15:27 Kuwaitna غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'Kuwaitna' الرمزية
 


Kuwaitna يستحق التميز
بيانات موقعي
اسم الموقع: العالم
اصدار المنتدى: 3.8.4
افتراضي
تذكير
Kuwaitna
أضفني كصديق
توقيع Kuwaitna
دومينات للبيع

www.uu00.com
www.ArabSky.com

تلفون من داخل الكويت
66948088
خارج الكويت
0096566948088
 
  رقم المشاركة : [ 10 ]
قديمة 24 - 11 - 2005, 19:00 عذوووب غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'عذوووب' الرمزية
 


عذوووب مبدع بلا حدودعذوووب مبدع بلا حدودعذوووب مبدع بلا حدودعذوووب مبدع بلا حدودعذوووب مبدع بلا حدودعذوووب مبدع بلا حدودعذوووب مبدع بلا حدودعذوووب مبدع بلا حدودعذوووب مبدع بلا حدودعذوووب مبدع بلا حدودعذوووب مبدع بلا حدود
بيانات موقعي
اسم الموقع: عديل الروح
اصدار المنتدى: 3.8.2
افتراضي
طريقه رائعه بالفعل

انا جربتها قبل وهي افضل شي وطلعت عندي نفس اللي بغيته

بس كيف اطلعهم في اكثر الاعضاء نشاط او الاعضاء الجدد ممكن الطريقه

التركيب مثل الموقع للاطلاع

www.3deeel.com/vb

باقي بس اكثر الاعضاء نشاط والجدد والمواضيع الاخيره

ممكن تفيدنا الغالي

تحياتي
عذوووب
أضفني كصديق
توقيع عذوووب
تجدني فقط في
معهد المحترف التطويري
منتديات عديل الروح
عذوووب - لمسات عذوووب
تاريخ الإنضمام: 26 - 10 - 2005
تاريخ تسجيل الخروج: 21 - 9 - 2010
عذوووب كان هنا
 
  رقم المشاركة : [ 11 ]
قديمة 24 - 11 - 2005, 19:24 Kasper غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'Kasper' الرمزية
 


Kasper على طريق الابداعKasper على طريق الابداع
افتراضي
عطاك الله الصحة والعافية

فعلآ مجهود طيب ونقل اكثر من طيب ليعم الفائدة للجميع


تحياتي
Kasper
أضفني كصديق
توقيع Kasper
صلوا على النبي
 
  رقم المشاركة : [ 12 ]
قديمة 24 - 11 - 2005, 20:04 دودي غير متواجد حاليآ بالمنتدى
:: عضـــو::
 


دودي يستحق التميز
افتراضي
ابي احطهم داخل مربعات بدون الوان ؟
دودي
أضفني كصديق
 
  رقم المشاركة : [ 13 ]
قديمة 01 - 12 - 2005, 13:02 shorbagy غير متواجد حاليآ بالمنتدى
.:: عضو متألق ::.
 


shorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدودshorbagy مبدع بلا حدود
بيانات موقعي
اصدار المنتدى: لا أملك منتدى
افتراضي
السلام عليكم جميعا اخواتى
ارجو اتباع الشرح
كويس
وسيعمل معاكم بشكل رائع
shorbagy
أضفني كصديق
توقيع shorbagy
يارب سترك ورضاك وعفوك عنا يارب
 
  رقم المشاركة : [ 14 ]
قديمة 01 - 12 - 2005, 13:16 ALALMASEE غير متواجد حاليآ بالمنتدى
:: عضو فعال ::
 
صورة 'ALALMASEE' الرمزية
 


ALALMASEE يستحق التميز
افتراضي
السلام عليكم

تسلم يمناك اخوي على هذا النقل المفيد

بالتوفيق
ALALMASEE
أضفني كصديق
توقيع ALALMASEE
احترامي وتقديري لشخصكم الكريم
------------------------------------
أحصل على الإستضافة والنطاق مجانا
 
  رقم المشاركة : [ 15 ]
قديمة 01 - 12 - 2005, 13:45 Kuwaitna غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'Kuwaitna' الرمزية
 


Kuwaitna يستحق التميز
بيانات موقعي
اسم الموقع: العالم
اصدار المنتدى: 3.8.4
افتراضي
شاهد الصوره
Kuwaitna
أضفني كصديق
الصور المصغرة المرفقة
اضغط على الصورة المصغرة لمشاهدتها بحجمها الأصلي اسم الصورة : dwe.jpg عدد المشاهدات : 107 حجم الصورة : 69.3 كيلوبايت رقم هوية الصورة : 25349  
توقيع Kuwaitna
دومينات للبيع

www.uu00.com
www.ArabSky.com

تلفون من داخل الكويت
66948088
خارج الكويت
0096566948088
 
 
الصفحة 1 من 5 صفحة 1 23 الأخيرة »

العلامات المرجعية

« الموضوع السابق | الموضوع التالي »
أدوات الموضوع
طرق العرض
العرض العادي العرض العادي

ضوابط المشاركة
لا يمكنك اضافة مواضيع جديدة
لا يمكنك اضافة مشاركات
لا يمكنك اضافة مرفقات
لا يمكنك تعديل مشاركاتك
رمز [IMG] : متاحة
رمز HTML : معطّلة
المراجع : معطّلة
Refbacks are متاحة



الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 20:26.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

إتصل بنا - :: TRAIDNT :: - الأرشيف - Privacy-Policy - اعلى

Powered by vBulletin® Version 3.8.7
.Copyright ©2000 - 2012, Jelsoft Enterprises Ltd

SEO by vBSEO 3.6.0 ©2011, Crawlability, Inc.