|
|
|
|
||||||
| أرشيف تطوير منتديات vb3.0.0 :: يمنع منعاً باتا ً .. كتابة أي موضوع يهتم بمشاكل المنتديات (( يمنع وضع نسخ vBulletin )) |
|
|
LinkBack | أدوات الموضوع | طرق العرض |
19 - 03 - 2006, 21:04
|
|||
|
السلام عليكم
نسبة لكثرة الطلب على هذا الهاك، حبيت اشارك ولو ببسيط فيه. قمت بإجراء بعض التعديلات على هذا الهاك وهي : 1- يكون اسم العضو داخل مربع وبلونه المخصص في أي مكان يظهر فيه اسمه في المنتدى 2- عمل خلفية صور موحدة للمربعات أو تحديد خلفيات مختلفة لكل مجموعة 3- تحديد لون مخصص لكل مجموعة 4- يمكن إضافته بسهولة لكل استايل جديد هذه بعض الصور للتوضيح: 1- صورة للذين تواجدوا اليوم : 3- صورة لعرض المشرفين : طريقة التركيب خطوة (1) إضافة الكود التالي لجميع الاستايلات في المنتدى 1- اذهب لخيار ( الستايلات & القوالب ) ثم (ضبط الستايلات ) - صورة (1) صورة (1) 2- أضغط ( اذهب ) على خيار ( خيارات جميع الستايلات ) - صورة (2) صورة (2) 3- اسفل الخيارات عند ( تعريف CSS إضافي ) وفي نهايته أضف الكود التالي: - صورة (3) صورة (3) رمز Code:
.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;
}
خطوة (2) 1- اذهب لخيار ( المجموعات ) ثم ( ضبط إعدادات مجموعة الأعضاء ) - صورة (5) صورة (5) 2- أضغط ( اذهب ) على خيار ( تعديل المجموعة ) - صورة (6) صورة (6) 3- اضف الكود التالي على مرحلتين - صورة (7) صورة (7) ضع code1 في مربع النص الأول - صورة (7)[ مهم: يجب تغيير كلمة ( red ) لكل مجموعة مثال (green - blue - pink ) رمز Code:
<input type="text" name="T1" size="17" class="red" value=" رمز Code:
" readonly style="width: 90"> صورة (8) خطوة (3) 1- عمل تحديث للعدادات كما هو موضح في صورة (9) وصورة (10) وصورة (11) صورة (9) صورة (10) صورة (11) التعديلات التي يمكنك عملها: صورة (12) صورة (13) - كود حجم المربع : ( 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 = أبيض --------------------- لمشاهدة مثـال www.alsammt.com مع تحيات ابورغدة مدير شبكة الصمت
التعديل الأخير كان بواسطة أبـورغـدة; 19 - 03 - 2006 الساعة 21:26
|
|
:: عضو نشيط ::
  |
بس عندي استفسار هل يركب على النسخ 3.5.0 و 3.5.4 |
|
:: عضو نشيط ::
     |
اول شكرا لمرور الطيب هذا الهاك ما يركب لنسخ الى قلت عنها |
|||||||||||||||||||||||
|
:: عضو نشيط ::
|
والله يا غالى يمكن خاصية التحميل تعتى راحت لكن سهل جدا التركيب تابع الشرح بالكلام راح تعرف |
|||||||||||||||||||||||
| العلامات المرجعية |
| أدوات الموضوع | |
| طرق العرض | |
|
|
العرض العادي
