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

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

هاك المربعات بالالوان المميز والسهل على الاطلاق تعديل على css

السلام عليكم المزايا 1- يكون اسم العضو داخل مربع وبلونه المخصص في أي مكان يظهر فيه اسمه في المنتدى 2- عمل خلفية صور موحدة للمربعات

اضافة رد
 
LinkBack
  #1  
قديمة 13 - 01 - 2009, 01:37 نسائم العاصفة غير متواجد حاليآ بالمنتدى
صورة 'نسائم العاصفة' الرمزية
:: عضو نشيط ::
بيانات موقعي
اسم الموقع: عـــالم لوما
اصدار المنتدى: 3.8.5
 







نسائم العاصفة متمكننسائم العاصفة متمكننسائم العاصفة متمكننسائم العاصفة متمكننسائم العاصفة متمكننسائم العاصفة متمكن
أرسل رسالة بواسطة MSN إلى نسائم العاصفة أرسل رسالة بواسطة Yahoo إلى نسائم العاصفة
Icon26 هاك المربعات بالالوان المميز والسهل على الاطلاق تعديل على css
السلام عليكم

المزايا

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: 1px 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('images/color_bg.gif');
text-align:center;
}

.green
{
margin: 0px 0px 0px 0px;
width:48;
border: 1px 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('images/color_bg.gif');
text-align:center;
}

.blue
{
margin: 0px 0px 0px 0px;
width:48;
border: 1px 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('images/color_bg.gif');
text-align:center;
}

.gray
{
margin: 0px 0px 0px 0px;
width:48;
border: 1px 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('images/color_bg.gif');
text-align:center;
}

.fushia
{
margin: 0px 0px 0px 0px;
width:48;
border: 1px 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('images/color_bg.gif');
text-align:center;
}

.orang
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px 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('images/color_bg.gif');
text-align:center
}

.teal
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px 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('images/color_bg.gif');
text-align:center;
}

.brown
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px 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('images/color_bg.gif');
text-align:center;
}

.pink
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px 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('images/color_bg.gif');
text-align:center;
}

.black
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px 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('images/color_bg.gif');
text-align:center;
}

.white
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px 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('images/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)


===================
خطوة (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('images/color_bg.gif'); ) - صورة (12) تحديد (5)
6- كود اللون الخاص بالمجموعة في خطوة (2) مهم جدا : ( class="red" ) صورة (13) تحديد (1)
استبداله باسم المجموعة الخاصة بالكود المراد استخدامه لمجموعة المستخدمين في خطوة (2) عند ( code1 )
---------------------
ملحوظة : مجموعات الألوان كالتالي:
.red = أحمر - .green = أخضر - .blue = أزرق - .gray = رمادي - .fushia = فوشي
.orang = برتقالي - .brown = بني - .pink = بنفسج - .black = اسود - .white = أبيض
---------------------
مع تحياتي
نسائم العاصفة
أضفني كصديق
توقيع نسائم العاصفة
الأسم : نـــــــــور الدين
العمر : 17 عــام .. مواليد 21/7/1993
الأسكندريه..
بس كده كفايه عليك لما تكبر هكملك
جروب حملة الرخامه الكبرى على اسرائيل .. فيس بووك
ما دورنا نحن كمستخدمين للأنترنت ؟؟
اضفونى على الفيس بووك

اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 2 ]
قديمة 13 - 01 - 2009, 01:58 الشاعري غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 


الشاعري مبدعالشاعري مبدعالشاعري مبدعالشاعري مبدعالشاعري مبدع
بيانات موقعي
اسم الموقع: دليل المواقع العربية
اصدار المنتدى: لا أملك منتدى
افتراضي
ارفق الصور
مو ظاهره
الشاعري
أضفني كصديق
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 3 ]
قديمة 13 - 01 - 2009, 02:04 alqloob alsahya غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'alqloob alsahya' الرمزية
 


alqloob alsahya alqloob alsahya alqloob alsahya alqloob alsahya alqloob alsahya alqloob alsahya
بيانات موقعي
اصدار المنتدى: 3.8.2
افتراضي
بارك الله فيك

مجهود تشكر عليه
alqloob alsahya
أضفني كصديق
توقيع alqloob alsahya
Alqloob Alsahya / Ql-b.com Help Support
Would you like to Help خدمات.Alsahya>
Mail : vbulletinksaw.cn
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 4 ]
قديمة 13 - 01 - 2009, 02:10 نسائم العاصفة غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'نسائم العاصفة' الرمزية
 


نسائم العاصفة متمكننسائم العاصفة متمكننسائم العاصفة متمكننسائم العاصفة متمكننسائم العاصفة متمكننسائم العاصفة متمكن
أرسل رسالة بواسطة MSN إلى نسائم العاصفة أرسل رسالة بواسطة Yahoo إلى نسائم العاصفة
بيانات موقعي
اسم الموقع: عـــالم لوما
اصدار المنتدى: 3.8.5
افتراضي
يسلمو علي المرور اخواني
بس انا بدي شويه استفسار منك اخي العزيز

ليش انا لما بدي اضيف الكود ده بيجيني الكلام ده
مشعارف ايش معناه يا ريت طريقه لحله
المتغيرات المطلوبة قد فقدت والتنفيذ لا يمكن ان يستمر. الرجاء اعادة المحاولة.

هذا الخطأ يمكن ان تحدث في بعض الاحيان نتيجة Suhosin / Hardened PHP وهذه يتم تركيبها على الخادم (السيرفر) الخاص بك. اذا كنت تعرف ان لديك suhosin يعمل ويمكنك الوصول الى تعديل وتهيئةPHP، ومحاولة زيادة قيمة المتغيرات التالية:
php_value suhosin.post.max_vars
php_value suhosin.request.max_vars



هو ده الكلام الي بيطلعلي
يا ريت تفدوني
نسائم العاصفة
أضفني كصديق
توقيع نسائم العاصفة
الأسم : نـــــــــور الدين
العمر : 17 عــام .. مواليد 21/7/1993
الأسكندريه..
بس كده كفايه عليك لما تكبر هكملك
جروب حملة الرخامه الكبرى على اسرائيل .. فيس بووك
ما دورنا نحن كمستخدمين للأنترنت ؟؟
اضفونى على الفيس بووك

  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 5 ]
قديمة 13 - 01 - 2009, 03:38 ضيف الله السندي غير متواجد حاليآ بالمنتدى
.:: عضو متألق ::.
 
صورة 'ضيف الله السندي' الرمزية
 


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





-- خاص للمبتدئين دعم فني مجاني لمنتدياتهم
فقط قيمني بايميلك --




(علّمْنِي إنْ لَمْ تَتَعَلَّمْ مِنّـي )
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 6 ]
قديمة 13 - 01 - 2009, 06:47 م/ محمد صلاح غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'م/ محمد صلاح' الرمزية
 


م/ محمد صلاح يستحق التميز
بيانات موقعي
اسم الموقع: شركة هوست سينيور
اصدار المنتدى: منتج اخر
افتراضي
شرح تركيب هاك الاعضاءبالمربعات والالوان بالصور - ::TRAIDNT FORUM::
او

[ هاك ] الوان المجموعات المتقدمه (مربعات - الوان عاديه - مربعات منقطه - الوان متحركه)
او
http://www.traidnt.net/vb/showthread...C7%E1%E6%C7%E4
او
http://www.traidnt.net/vb/showthread...C7%E1%E6%C7%E4
او
http://www.traidnt.net/vb/showthread...C7%E1%E6%C7%E4
او
[ هاك ] الوان المجموعات المتقدمه (مربعات - الوان عاديه - مربعات منقطه - الوان متحركه)
او
:: المربعاتے الجديدهے المحفورهے بالخلفيهے والمتحركهے ::
او
المربعات الجديدة في المتواجدون :: من سيف العشق ::
او
شرح تركيب هاك الاعضاءبالمربعات والالوان بالصور
م/ محمد صلاح
أضفني كصديق
توقيع م/ محمد صلاح
إنتهز الفرصة, إستضافة 10 جيجا + 2 نطاق + كوبون اعلانات ادوردز بقيمة 100 دولار للإعلان عن موقعك بجوجل + محطة راديو 50 مستمع خاصة بموقعك, سعر العرض 300 جنيه مصري سنوياً " أطلب العرض "

إسم الشركة : شركة هوست سينيور لإستضافة المواقع
صاحب الشركة : م/ محمد صلاح عبد الفتاح
هاتف الشركة : خارج مصر / 00201069539356
بريد الشركة : InfoHostSenior.Com
روابط الشركة : www.hostsenior.com | Net | Org | Info
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 7 ]
قديمة 13 - 01 - 2009, 11:16 عيون ليبيا غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'عيون ليبيا' الرمزية
 


عيون ليبيا على طريق الابداععيون ليبيا على طريق الابداععيون ليبيا على طريق الابداع
أرسل رسالة بواسطة MSN إلى عيون ليبيا أرسل رسالة بواسطة Yahoo إلى عيون ليبيا أرسل رسالة بواسطة Skype™ إلى عيون ليبيا
بيانات موقعي
اسم الموقع: عيون ليبيا
اصدار المنتدى: 3.8.5
افتراضي
اخي الموضوع قديم و منقول


ابحث في قوقل عنه وستجده من عام 2007

والصور غير ظاهرة
عيون ليبيا
أضفني كصديق
توقيع عيون ليبيا
عيون ليبيا

ibrahemx2hotmail.com
ibrahmexyahoo.com
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 8 ]
قديمة 13 - 01 - 2009, 21:39 نسائم العاصفة غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'نسائم العاصفة' الرمزية
 


نسائم العاصفة متمكننسائم العاصفة متمكننسائم العاصفة متمكننسائم العاصفة متمكننسائم العاصفة متمكننسائم العاصفة متمكن
أرسل رسالة بواسطة MSN إلى نسائم العاصفة أرسل رسالة بواسطة Yahoo إلى نسائم العاصفة
بيانات موقعي
اسم الموقع: عـــالم لوما
اصدار المنتدى: 3.8.5
افتراضي
اخي
الصور ظاهرة عندي
مش عارف شو الشمكله
بحاول ارفعها من جديد
نسائم العاصفة
أضفني كصديق
توقيع نسائم العاصفة
الأسم : نـــــــــور الدين
العمر : 17 عــام .. مواليد 21/7/1993
الأسكندريه..
بس كده كفايه عليك لما تكبر هكملك
جروب حملة الرخامه الكبرى على اسرائيل .. فيس بووك
ما دورنا نحن كمستخدمين للأنترنت ؟؟
اضفونى على الفيس بووك

  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 9 ]
قديمة 13 - 01 - 2009, 21:54 S2lo7 غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'S2lo7' الرمزية
 


S2lo7 على طريق الابداعS2lo7 على طريق الابداع
افتراضي
يعطيك العافيه
S2lo7
أضفني كصديق
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 10 ]
قديمة 13 - 01 - 2009, 21:55 محمد العتيبي88 غير متواجد حاليآ بالمنتدى
:: عضـــو::
 


محمد العتيبي88 يستحق التميز
افتراضي
تسلم

بس الصورغير ظاهرة


تحياتي
محمد العتيبي88
أضفني كصديق
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 11 ]
قديمة 13 - 01 - 2009, 22:08 ابـو جـود غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'ابـو جـود' الرمزية
 


ابـو جـود تميز بلا حدودابـو جـود تميز بلا حدودابـو جـود تميز بلا حدودابـو جـود تميز بلا حدودابـو جـود تميز بلا حدودابـو جـود تميز بلا حدودابـو جـود تميز بلا حدودابـو جـود تميز بلا حدودابـو جـود تميز بلا حدودابـو جـود تميز بلا حدودابـو جـود تميز بلا حدود
بيانات موقعي
اسم الموقع: :: TRAIDNT FORUM ::
اصدار المنتدى: 3.8.6
افتراضي
يعطيك العافيه

مكرررر

رفعته قبلك وتم اغلاق الموضوع
ابـو جـود
أضفني كصديق
  اضافة رد مع اقتباس نص هذه المشاركة
  رقم المشاركة : [ 12 ]
قديمة 13 - 01 - 2009, 22:40 TheSailor غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'TheSailor' الرمزية
 


TheSailor على طريق الابداعTheSailor على طريق الابداعTheSailor على طريق الابداع
أرسل رسالة بواسطة MSN إلى TheSailor
بيانات موقعي
اسم الموقع: متجر جوهرة العطور الفرنسية
اصدار المنتدى: 3.7.4
افتراضي
ارفع الصور من جديد لو تكرمت
TheSailor
أضفني كصديق
  اضافة رد مع اقتباس نص هذه المشاركة
اضافة رد

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

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

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



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

إتصل بنا - :: 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.