مشاهدة النسخة كاملة : كيفية تلوين الاعضاء في المربعات
عذب القوافي
14-12-05, 11:59 AM
السلام عليكم
هاك تلوين الاعضاء في مربعات
مثال الصوره بالمرفق
1- يكون اسم العضو داخل مربع وبلونه المخصص في أي مكان يظهر فيه اسمه في المنتدى
2- عمل خلفية صور موحدة للمربعات أو تحديد خلفيات مختلفة لكل مجموعة
3- تحديد لون مخصص لكل مجموعة
4- يمكن إضافته بسهولة لكل استايل جديد
هذه بعض الصور للتوضيح:
طريقة التركيب
خطوة (1) إضافة الكود التالي لجميع الاستايلات في المنتدى
1- اذهب لخيار ( الستايلات & القوالب ) ثم (ضبط الستايلات ) - صورة (1)
صورة (1)
http://www.sa-web.net/swalif/mrb3at/01.jpg
2- أضغط ( اذهب ) على خيار ( خيارات جميع الستايلات ) - صورة (2)
صورة (2)
http://www.sa-web.net/swalif/mrb3at/02.jpg
3- اسفل الخيارات عند ( تعريف CSS إضافي ) وفي نهايته أضف الكود التالي: - صورة (3)
صورة (3)
http://www.sa-web.net/swalif/mrb3at/03.jpg
.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)
http://www.sa-web.net/swalif/mrb3at/04.jpg
====================
خطوة (2)
1- اذهب لخيار ( المجموعات ) ثم ( ضبط إعدادات مجموعة الأعضاء ) - صورة (5)
صورة (5)
http://www.sa-web.net/swalif/mrb3at/05.jpg
2- أضغط ( اذهب ) على خيار ( تعديل المجموعة ) - صورة (6)
صورة (6)
http://www.sa-web.net/swalif/mrb3at/06.jpg
3- اضف الكود التالي على مرحلتين - صورة (7)
صورة (7)
http://www.sa-web.net/swalif/mrb3at/07.jpg
ضع 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)
http://www.sa-web.net/swalif/mrb3at/08.jpg
===================
خطوة (3)
1- عمل تحديث للعدادات كما هو موضح في صورة (9) وصورة (10) وصورة (11)
صورة (9)
http://www.sa-web.net/swalif/mrb3at/09.jpg
صورة (10)
http://www.sa-web.net/swalif/mrb3at/10.jpg
صورة (11)
http://www.sa-web.net/swalif/mrb3at/11.jpg
===================
التعديلات التي يمكنك عملها:
صورة (12)
http://www.sa-web.net/swalif/mrb3at/12.jpg
صورة (13)
http://www.sa-web.net/swalif/mrb3at/13.jpg
[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 = أبيض
---------------------
تحياتي
مـاهـو ضـروري
14-12-05, 03:23 PM
الغالي عذوب
الف الف شكــر لك
على الهاكات والشرح الجميل
الله يعطيك العافيه
تقبل ودي وتقديري
ماهو ضروري
الإبتسـامه الدامعـه
15-12-05, 05:14 AM
يعطيك العافيه..
تحياتـــــــــــي،،
العشق والهوى
15-12-05, 06:23 AM
تسلم يدك اخى الغالى عذب
تقبل منى وافق الشكر واا الاحترام
أبوفيصل
16-12-05, 11:03 PM
الغالي عذب القوافي
الله يعطيك العافية
اشكرك على هذا الهاك والشرح الرائع
أجمل تحية
الورده الحمرا
18-12-05, 10:19 PM
شكرا لك اخى عذب القوافى لحرصك الدائم على افادتنا
شكرا لك ولاتحرمنا كل جديد لك
فارس عديل
21-12-05, 03:17 AM
اخى الفاضل عذب
شكرا على الشرح الرائع
شكرا على مجهودك عذوبى
تحياتى
عذب القوافي
23-12-05, 06:24 PM
ما هو ضروري
جزيل الشكر على المرور الكريم
الله يعافيك
تحياتي
عذب القوافي
23-12-05, 06:25 PM
بسووووومه
جزيل الشكر على المرور الكريم
تحياتي
عذب القوافي
23-12-05, 06:26 PM
سهر الليالي
جزيل الشكر على المرور الكريم
تحياتي
عذب القوافي
23-12-05, 06:27 PM
ابوفيصل
جزيل الشكر على المرور الكريم
تحياتي
عذب القوافي
23-12-05, 06:28 PM
وردة المنتدى
جزيل الشكر على المرور الكريم
تحياتي
عذب القوافي
23-12-05, 06:28 PM
فوكس
جزيل الشكر على المرور الكريم
تحياتي
المهاجر
24-12-05, 08:46 PM
اخى الغالى (( عذب ))
مشكوور اخى على الهاك
ومشكور ايضا على مجهودك الطيب
تحياتى
عذب القوافي
18-01-06, 12:22 AM
المهاجر
جزيل الشكر على المرور الكريم
تحيتي
احب عيون حبيبي
20-01-06, 12:33 AM
تسلم يدك اخوي
يعطيك الف عافيه على مواضيعك
المتميزه وننطر جديدك الرائع
عذب القوافي
20-01-06, 01:34 AM
احب عيون حبيبي
شكرا على التواصل
تحيتي
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
مشكور أخووووي على هالجهد المبارك إن شاء الله
ولكن ياغالي أنا سويت نفس الطريقه والحمد لله ضبط معي
ولكن طلع لي مشكله في المواجدين الأن وهذا ما حصل وحاولت أحذف الأول وأنزل جديد
مانفع حاولت أشيل اللأوان ماصار ياليت تساعدني إذا عندك حل
" name="oline"> , " name="oline"> , " name="oline"> , " name="oline">
ولكم جزيل الشكر وتقبل تحياتي
عذب القوافي
15-04-06, 05:06 PM
ممكن رابط الموقع
وايش المشكله هل انه ما اشتغل او انه طلع لك رموز
يرجى الايضاح وانا حاضر بالمساعده
بالتوفيق
حلم الخيال
31-05-06, 06:07 PM
بأذن الله مركبه مركبه مشكور اخوي عذب
حلم الخيال
01-06-06, 07:25 AM
تم التركيب بنجاح
تم التجربه بنجاح تسلم يدك
المــستشار
03-07-06, 03:36 PM
يعطيك العافيه..
تحياتـــــــــــي،،
ظنــانـي الشــوق
04-07-06, 07:29 AM
عذب القوافي
الله يعطيك العافيه على المجهود الرائع
غربة مشاعر
05-07-06, 09:01 AM
|؛¤ّ,¸¸,ّ¤؛|عذب القوافي|؛¤ّ,¸¸,ّ¤؛|
|؛¤ّ,¸¸,ّ¤؛|مكشور على المجهود المميز |؛¤ّ,¸¸,ّ¤؛|
http://www.alamuae.com/upload/Folder-15/1137114121_3.gif
sadanajd
28-07-06, 05:00 AM
جزيل الشكر
مشكووووووووووووووووووووووووووووور
ويعطيك الف عافيه على مجهودك الرائع
@الساحر@
12-08-06, 04:21 AM
مشكوور اخوي على الشرح
وتم التفيذ بدون اخطاء
ولد نجد
03-09-06, 09:48 AM
يعطيك العافيه يالغالي تم التركيب بنجاح لكن عندي سؤالين ياليت احد يجاوبني عليها وهي...
الأول
كيف اخلي حدود المربع سميكه يعني اغير حجم الحدود فقط
الثاني
وضع الهيكل التنظيمي
طبعا الهيكل التنظيمي مركب عندي لكن بدون مربعات
انتظر الرد...
عذب القوافي
03-09-06, 10:27 AM
يعطيك العافيه يالغالي تم التركيب بنجاح لكن عندي سؤالين ياليت احد يجاوبني عليها وهي...
الأول
كيف اخلي حدود المربع سميكه يعني اغير حجم الحدود فقط
الثاني
وضع الهيكل التنظيمي
طبعا الهيكل التنظيمي مركب عندي لكن بدون مربعات
انتظر الرد...
الغالي
من هذه المجموعه تتحكم بالالوان
.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;
}
وتتحكم بالحجم
بعد التعديل تروح على المجموعات
الكود الثاني اللي على اليسار هو خاص بالمربع غير فيه على كيفك
وبخصوص الهيكل
احذف القديم وركب الجديد
ابحث عنه هنا بطريقة البحث
اسمه رتب المتواجدين
بالتوفيق
ولد نجد
03-09-06, 09:08 PM
ماقصرت يالغالي انا مركبه تمام
لكن سؤالي حدود المربع طريقه زياده سمكها فقط وليس حجم المربع
لأني جربت اعدل في الأكواد لكن ماتغير حدود المربع.....
جاري البحث عن رتب الأعضاء
انتظر ردك
عذب القوافي
03-09-06, 09:14 PM
في الخيار الاول التحكم بالسماكه اخوي هذا اعتقد لاني ما جربت اسمك الحدود
ولكن ان شاء الله بجربها بالمنتدى التجريبي واعلمك
بالتوفيق
ولد نجد
03-09-06, 10:51 PM
اوك يالغالي ياليت ترد علي في اقرب وقت راح اتابع الموضوع
وحبيت اطلب منك شئ ثاني وهو الأعضاء الذين اطلعو على الموضوع طريقتها
وماقصرت يالغالي
بوابة الاماسي
09-09-06, 08:12 PM
رحم الله والداك
شكرآ جزيلآ
يسألوني
27-10-06, 05:33 AM
عزيزي عذوب
تم التنفيذ بنجاااح
بس بغيت اسئلك عن شغله مو واضحه
الي اهي شلون اخلى الايطار واسم العضو بارز مثل الي عندك
لان الصور مو واضحه
تقبل تحياتي
roat7anan
05-03-07, 02:20 AM
شكراااااااااااااااااااااا
ابوالكرم
05-03-07, 08:13 PM
تسلم الغالي عذب على هذا المجهود الطيب
وحـ الهاجوس ـيد
07-05-07, 01:59 PM
شرح رائع تسلم يمينك
الماستروا
31-05-07, 04:57 AM
مشكوووووووووووور
الجرح الخالد
02-06-07, 10:18 PM
جاري التحميل
dark angel
16-06-07, 03:32 PM
شكراً يا عذب على الشرح الرائع
ماهر نبيل
23-06-07, 10:35 AM
مشكوووووور آخوي
وجاري التجربة ان شاء الله
الشهيد المصري
23-06-07, 11:13 AM
اخى عذوووووب
مشكووور على هذا الطرح
وتقبل خالص تقديرى وتحياتى
روح المشاعر
23-06-07, 08:15 PM
مشكوررررر عذوووووب على المجهود الرائع
سعيد الحكمي
24-06-07, 12:41 AM
سلمووووووووووووووووووووووووووووووو
روووعه
لمسات نجدية
13-07-07, 04:07 AM
كذا الشرح ولا بلااااااااااش ماشاء الله لاقوة إلا بالله .... ياريت كل الدروس انت الي تشرحها ....... وجزاك الله كل خير على الجهد الجبار
ضحية وهم
13-07-07, 06:23 AM
الله يعطيك العافيه
ضحية وهم
14-07-07, 09:26 PM
السلام عليكم ورحمة الله
يعطيك العافية على الشرح الوافي
انا جربت اعمله وضبط معي الا حاجة وحدة
المستطيل طلع كبير والاسم موب وسط المستطيل
انا شفت التعديلات الي ممكن نعملها لكن صراحة ما عرفت وين اعدل
حجم المستطيل باي خطوة ولا كيف اخلي الاسم وسط المستطيل
وما ظهرت اسماء الالقاب داخل المستطيلات بالصفحة الرئيسة
حتى الناس تعرف مثلا هذا اللون مخصص لكذا
اتمنى تفيدوني ولكم جزيل الشكر
صدى الحزن
14-07-07, 09:28 PM
مشكور عى الموضوع الرائع
ضحية وهم
15-07-07, 05:02 PM
مازلت بانتظار الرد
رايق و لزيز
17-07-07, 04:06 PM
يسلمووووووو
ضحية وهم
21-07-07, 05:37 AM
مازلت بانتظار الرد
عبدالله الكربي
25-07-07, 07:00 AM
mshkkkkkkkkoooooooorrrrrrrrrr
عذب القوافي
26-07-07, 04:05 AM
مازلت بانتظار الرد
اطرح مشكلتك في قسم مشاكل وحلول
الشاعر الرومنسي
10-08-07, 11:13 AM
اغلله يعطيك الف الف الف عافيه يالغالي ابداع من جد
شرح متعوب عليه
الله يدعله في موازين حسناتك
اخوك مخاوي
SAD BOY
11-08-07, 09:50 AM
يسلمو عذوب ماتقصر
بارك الله فيك ورحم الله والديك ..
يعطيك الف الف عافية يالغالي
إماراتي
22-08-07, 10:01 AM
مشكوووووووووووور
سعد بن معاذ
23-08-07, 05:30 AM
مشكور اخي علي الموضوع الرائع والجميل والمتميز
تقبل مروري
ماافييييييييييييييييييييييييييييييييييييكم
حيييييييييييييييييييييييييييييييييييييييييييييييله
ابداااااااااااااااااااااااااااااااااااااااااع
منكم
مشكووووووور يعطيك ألف عاافيه ...
صدى الحزن
03-09-07, 05:49 PM
مشكور يا عذب القوافي
الهامور السعودي
11-09-07, 06:13 AM
الف الف الف شكر لك على المهود الرائع
AnGeL of RoMncE
14-09-07, 12:31 AM
مشكزررررررررررررررر
(((دلوعة جدة)))
14-09-07, 03:47 AM
مشكور عذ العذوب
والقوافي والنغم
دلوعة جدة
بارك الله فيك
وكل عام وانتم بخير
ابو شيخ
15-09-07, 11:03 PM
مشكوووووووووووور على شرح جميل
voldemort
16-09-07, 10:15 PM
عذوب كلمة رائع لا تليق بيك حفظك الله اخوى
ياليتك كاتب في نهاية الموضوع بدل من تحياتي
تكتب بدالها
الموضوع منقوول "للأمانه" من شلاجا مبرمج الهاك حفظ لحقوق ومجهود الغير
انسان غريب
23-09-07, 09:34 PM
مشكور اخوي عذوب والله مارضيت ادخل الموضوع ومارد واكسفك خيو <-- رجع مصري الاخ هع هع
اخوك
انسان غريب
http://www.t7leeh.com/mnwa/mnwa18.gif
http://www.t7leeh.com/mnwa/mnwa17.gif
http://www.t7leeh.com/mnwa/mnwa8.gif
http://www.t7leeh.com/mnwa/mnwa16.gif"ابوزيد"
al-qlb.net
27-09-07, 07:59 AM
مشكور
المــلــكــ
05-10-07, 09:24 AM
مشكورررررررررر اخوي
dark shark
06-10-07, 10:45 AM
تم التركيب
أبوفيصل
06-10-07, 10:43 PM
الله يعطيك العافية اخي عذوووب
دائما مبدع
أجمل تحية
رووح العين
11-10-07, 10:12 PM
مشكوووووووووووووووور
al-qlb.net
12-10-07, 05:59 AM
مشكووووووووووووووووووووووووووووووووووووووووور
وماقصرت يالغلا
شكراً اخوي واتمنى لك التوفيق
ان شاء الله
ابو عنود
29-10-07, 02:37 PM
مشكوور بس ياريت يضبط
أم عبد الرحمن
10-11-07, 05:01 AM
يسلمو وفي انتظار الجديد
العميل زورو
19-11-07, 04:36 PM
يسلموووووووووووووووووووووووووووووووووووووووووووووو
أبو دعيج
27-11-07, 11:12 AM
ثآنكس حبيبي
والله يعطيك الف عآفيـه
تحياتي لك يا الغلآلآلآلآلآلآلآلآلآلآ..........
مجرد زائر
01-12-07, 04:13 PM
يعطيك العافيه
العميل زورو
02-12-07, 11:45 PM
يسلموووووووووووووووووووووووووو يا غالي على هذي المواضيع المفيده وجزاك الله خير الجزاء اخوك العميل زورو
بس ممكن يا غالي هاك معلومات العضو الاضافيه يتكون من اعلام الدول والمزاج والجنس وعدد النقط ولو يكون مطول جزاك الله خير الجزاء وتحياتي الى اعضاء المنتدى ومشرفين المنتدى وزوار المنتدى اخوك العميل زورو من العراق
ماهر نبيل
08-12-07, 06:18 PM
عذب القوافي
ورب الكعبة اني كنت ادور الدرس هذا
والله جميلك ماعاد نقدر نوفيه
الله يديمك ويطول بعمرك يآ استاذي الاول
سراب الشرقيه
11-12-07, 01:36 AM
مممممممممممممم
معذب القلوب
12-12-07, 10:39 PM
الف شكر لك اخوي
مشكور يا الغاااااااااااالي
الحر الأشقر
13-12-07, 10:46 PM
يعطيك الف الف عافيه اخوي..
تسلم على طرح الشرح الجميل ..
جزاك الله كل خير ..
لاخلا ولا عدم..
تحيتي,,
غزالة وماتنصاد
15-12-07, 10:04 AM
شرح رآئع كآفي وآفي
جزآكـ الله كل خيرٍآخوي
عذوب تقبل آطيب آلتحآيآ
وخآلص آلود دمت بخير..
وهج الجروح
20-12-07, 12:26 AM
شكر لك
السلام عليكم ورحمة الله وبركاتة
شكر لك
الدلع كلهـ
26-12-07, 03:15 PM
ثانكس على الموضوع ^^
selsabeel
02-01-08, 03:28 AM
بارك الله فيك
الـــشـــمـــوخ
07-01-08, 06:38 PM
ثانكس عذوب
الله لا يحرمنا ابداعك
دمت بخير
tgomgoo
27-01-08, 12:34 AM
مشكور الله يعطيك العافية على التوضيح
xtronic
03-02-08, 01:14 PM
تسلم يمينك يالغالى كنت ادور عليهها وما كنت عارف كيف اسويها
تحيتى
يا ناعم العود
04-03-08, 03:44 AM
يعطيك العافيه
ღ عاشق وهم ღ
18-04-08, 12:08 AM
بصراحه هاك انا كنت اتمناه وتم تركيبه بنجاح
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
صرخه عذاب
13-05-08, 12:02 AM
اخى الفاضل عذب
شكرا على الشرح الرائع
شكرا على مجهودك عذوبى
تحياتى
أحساس عاشق
13-05-08, 03:24 AM
يعطيك العافيه..
تحياتـــــــــــي،،
عاشق@الليل
14-05-08, 04:18 PM
يعطييييييييييييك العافيه
اصاله العرب كيمو
16-05-08, 07:26 AM
شـكــ وبارك الله فيك ـــرا لك ..
. لك مني أجمل تحية .
لودي الماسي
17-05-08, 06:51 PM
يسلمووووووووو
يعطيك العافية
ღ خلود ღ
19-05-08, 03:26 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
MR.GEME
02-07-08, 10:44 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
marawanhagar
18-07-08, 04:57 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
موفق بإذن الله ... لك مني أجمل تحية .
مغرورة بجمالها
20-07-08, 03:01 PM
مشكووووره خيو
وجزاك الله خير
انا عملت الطريقة بالضبط بس ليش أسم العضو يجي ع يمين المربع هب وسطه
ممكن تسااعدني كيف اقدر اعدل
اصاله العرب كيمو
21-07-08, 04:11 PM
شـــــــــــــــكرا سلمت يـمينك
مستر بلاوي
21-07-08, 05:37 PM
شكرا على الشرح الرائع
مغرورة بجمالها
27-07-08, 01:13 AM
ممكن سؤال ؟؟
انا عملت المربعات واللحين ما اباااهن
يعني ابا اخووز المربعات
ممكن تقول لي كيف
الــجــوكــر
28-07-08, 06:27 PM
هههههههههههههههههههههههههههههههه شكرا
ام_الهيثم
28-07-08, 11:44 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
ابو رنا
14-08-08, 12:38 AM
الغالي عذوب
الف الف شكــر لك
على الهاكات والشرح الجميل
الله يعطيك العافيه
يتيم الروح
14-08-08, 09:22 AM
بارك الله فيك اخوي
السوندي
30-08-08, 11:03 AM
السلام عليكم ورحمة الله وبركاته
شـكــ وبارك الله فيك ـــرا لك ...
لك مني أجمل تحية .
اصاله العرب كيمو
12-09-08, 07:59 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
lilisoul
14-09-08, 03:19 AM
مشكور
بس الصور مو طالعه !!!
bobmarly
16-09-08, 07:34 AM
يسلمووووو اخى
اسيرالليل
17-09-08, 09:11 AM
يسلموو عذوب الله يعطيك العافيه
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
ياري المشاهدة
(( نور القمر ))
20-10-08, 04:47 AM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
يعطـــيك العــافيه انشــاءالله
عـل :flowers[1]:مـــــجهــود الرائــــــــــــع:flowers[1]:
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية
http://abeermahmoud08.jeeran.com/986-Thanks-AbeerMahmoud.gif (http://abeermahmoud08.jeeran.com/986-Thanks-AbeerMahmoud.gif)
أبو عزوز
21-10-08, 05:03 PM
بارك الله فيك
مشكووور يالغلا
اصاله العرب كيمو
23-10-08, 12:31 AM
السلام عليكم ورحمة الله وبركاته
شـكــ وبارك الله فيك ـــرا لك .
.. لك مني أجمل تحية .
عيون الشوق
25-10-08, 09:33 PM
يسلمووووو على الموضوع
المتألق لك مني اعذب تحيهـ
http://www.3deeel.com/vb/images/threadbag/mktob10.gif
ღ خلود ღ
26-10-08, 11:23 AM
http://abeermahmoud08.jeeran.com/986-Thanks-AbeerMahmoud.gif (http://abeermahmoud08.jeeran.com/986-Thanks-AbeerMahmoud.gif)
ياعمـري
31-10-08, 02:12 AM
شباب بليزموباينه عندي الصور
danisat
03-11-08, 02:33 AM
يعطيك العافيه..
تحياتـــــــــــي،،
محمد صادق
10-11-08, 06:26 PM
شكرا على الطرح الرائع
والمميز للموضوع
تحيتى وتقديرى
بندر الاحمدي
15-11-08, 01:59 PM
http://www.ma7room.org/upload/uploading/5cd208c672.jpg (http://www.ma7room.org/upload)
!! عـلـوش !!
07-12-08, 06:35 AM
يعطيك العافيه شرح وافي وكافي
سلمت
تقبل مروري من هنا
khaddar
18-12-08, 11:53 PM
السلام عليكم
هاك تلوين الاعضاء في مربعات
مثال الصوره بالمرفق
1- يكون اسم العضو داخل مربع وبلونه المخصص في أي مكان يظهر فيه اسمه في المنتدى
2- عمل خلفية صور موحدة للمربعات أو تحديد خلفيات مختلفة لكل مجموعة
3- تحديد لون مخصص لكل مجموعة
4- يمكن إضافته بسهولة لكل استايل جديد
هذه بعض الصور للتوضيح:
طريقة التركيب
خطوة (1) إضافة الكود التالي لجميع الاستايلات في المنتدى
1- اذهب لخيار ( الستايلات & القوالب ) ثم (ضبط الستايلات ) - صورة (1)
صورة (1)
http://www.sa-web.net/swalif/mrb3at/01.jpg
2- أضغط ( اذهب ) على خيار ( خيارات جميع الستايلات ) - صورة (2)
صورة (2)
http://www.sa-web.net/swalif/mrb3at/02.jpg
3- اسفل الخيارات عند ( تعريف CSS إضافي ) وفي نهايته أضف الكود التالي: - صورة (3)
صورة (3)
http://www.sa-web.net/swalif/mrb3at/03.jpg
.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)
http://www.sa-web.net/swalif/mrb3at/04.jpg
====================
خطوة (2)
1- اذهب لخيار ( المجموعات ) ثم ( ضبط إعدادات مجموعة الأعضاء ) - صورة (5)
صورة (5)
http://www.sa-web.net/swalif/mrb3at/05.jpg
2- أضغط ( اذهب ) على خيار ( تعديل المجموعة ) - صورة (6)
صورة (6)
http://www.sa-web.net/swalif/mrb3at/06.jpg
3- اضف الكود التالي على مرحلتين - صورة (7)
صورة (7)
http://www.sa-web.net/swalif/mrb3at/07.jpg
ضع 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)
http://www.sa-web.net/swalif/mrb3at/08.jpg
===================
خطوة (3)
1- عمل تحديث للعدادات كما هو موضح في صورة (9) وصورة (10) وصورة (11)
صورة (9)
http://www.sa-web.net/swalif/mrb3at/09.jpg
صورة (10)
http://www.sa-web.net/swalif/mrb3at/10.jpg
صورة (11)
http://www.sa-web.net/swalif/mrb3at/11.jpg
===================
التعديلات التي يمكنك عملها:
صورة (12)
http://www.sa-web.net/swalif/mrb3at/12.jpg
صورة (13)
http://www.sa-web.net/swalif/mrb3at/13.jpg
[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 = أبيض
---------------------
تحياتي
شكرا لكم
جوووري حائل
19-01-09, 10:51 AM
تحياتي أخوي ,,
بس ياليــــــــــت تعيد تحمـــــيل الصور بلـــــــــيز ..
كنتـ ماجد ـرول
31-01-09, 10:18 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . =
الورده العاشقة
15-03-09, 08:54 PM
يعطيك العافية
تحياتي
امير المحبة
15-03-09, 11:19 PM
يعطيك العافيه
alaamega
01-04-09, 09:00 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
اصاله العرب كيمو
07-04-09, 08:00 PM
السلام عليكم ورحمة الله وبركاته
شـكــ وبارك الله فيك ـــرا لك .
.. لك مني أجمل تحية .
غـــريم الشوق
15-04-09, 06:05 PM
مشكووووووووووووووور
احلى ميمو
28-04-09, 03:51 PM
يسلمووووو
SoraKingdom
03-05-09, 01:12 AM
شكرا جدا كثيرا
الذكريات
07-05-09, 03:39 PM
مشكـور اخوي الله يعطيك الف عاافيه
عاشقة البسس
07-05-09, 10:07 PM
الله يعطيك العافيه على الإنتقاء المميز
دام تميزك
<A href="http://smiles.al-wed.com/smiles/13/016.gif" target=_blank><A href="http://smiles.al-wed.com/smiles/13/016.gif" target=_blank><A href="http://smiles.al-wed.com/smiles/13/016.gif" target=_blank><A href="http://smiles.al-wed.com/smiles/13/016.gif" target=_blank><A href="http://smiles.al-wed.com/smiles/13/016.gif" target=_blank>http://smiles.al-wed.com/smiles/13/016.gif (http://smiles.al-wed.com/smiles/13/016.gif)
انسان عادي
14-07-09, 11:54 AM
يسسسسـآـموٍ
َإخي العزٍيزٍ على الموٍضوِع الرَإئع
َإحترـآمي
ذرب اليمين
15-08-09, 06:32 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
انا كأني لقيت الشرح في www.n44r.net بس يالله عشان الافادة
مهندس بشري
22-08-09, 01:15 AM
الف شكر ليك
بس عندي ملاحظة صغيرة
الصور مش باينة حضرتك
وكل سنة وانت طيب
وهـج المـشـاعـر
29-08-09, 12:47 AM
مشكور يا عذوب وما قصرت
بلوسنتر
30-08-09, 04:11 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
أبومحارب
17-11-09, 07:38 AM
السلام عليكم ورحمة الله وبركاته
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
دائماً متميز في طرحك
الله يعطيك العافيه يالغلا
لاخلا ولاعدم
دمت بود.
يعطيك العافية ...............
اسماعيل خليفة
13-01-10, 05:17 PM
اخى الفاضل عذب
شكرا على الشرح الرائع
وليدوووه
22-03-10, 08:32 AM
تسلم يالغالي بس الصور لم تظهر نهائياً
وليدوووه
vBulletin® v3.8.2, Copyright ©2000-2012, TranZ by Almuhajir