العودة   معهد العرب التطويري > عالم منتديات vBulletin > ركــن تطوير النسخه vBulletin 3.x

إعلانات Google

إضافة رد
 
LinkBack أدوات الموضوع انواع عرض الموضوع
قديم 12-18-2009, 03:13 PM   رقم المشاركة : [1 (permalink)]
::: تطويري نــشيط :::
 

الـ خ ـبرهـ يستحق التميز

بيانات موقعي:
إصدار المنتدى : 3.8.2

 
افتراضي هاك تلوين المجموعات ووضع جميع اسماء الاعضاء فى مربعات 2

السلام عليكم ورحمه الله وبركاته

أقدم لكم هاك تلوين المجموعات ووضع جميع اسماء الاعضاء فى مربعات

خلوني اعطيكم صوره للهاك بعد التركيب

في البدايه استبدل قالب : forumhome_loggedinuser

كود PHP:
$stylevar[dirmark]<a href="member.php?$session[sessionurl]u=$loggedin[userid]" rel="nofollow">$loggedin[musername]</a>$loggedin[invisiblemark]$loggedin[buddymark]

الحين نبداء بالشرح

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


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


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


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

[PHP]red[/PHP

كود PHP:
{
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');
****-
align:center;
}

.
green
{
margin: 0px 0px 0px 0px;
width:48;
border: 1px solid #008000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#008000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-
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:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-
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:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-
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:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-
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:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-
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:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-
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:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-
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:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-
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:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-
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:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-
align:center;
}

[left][/left


ثم أعمل حفظ من اسفل


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


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



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



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


code1: [ مهم: يجب تغيير كلمة ( red ) لكل مجموعة مثال (green - blue - pink ) ]
كود PHP:
<input type="****" name="T1" size="17" class="red" value="

code2 في مربع النص الثاني - صورة (7)
كود PHP:
" readonly style="width: 90">


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

التعديلات التي يمكنك عملها:
صورة (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 = أبيض

-------------------------

شغله مهمه الحين على شان تكتمل الاحصائيات بالمربعات وتكون الاحصائيات اسفل المنتدى بنفس المربعات بالضبط
-------------------------

للمزيد من الالوان الاضافية

كل اسم لون ملون بالون تبعه

فقط خذ اسم اللون وضعه فى المجموعة التى تفضل لها اللون



Sienna
DarkOliveGreen
DarkGreen
DarkSlateBlue
Navy
Indigo
DarkSlateGray
DarkRed
DarkOrange
Olive
Green
Teal
blue
SlateGray
DimGray
Red
SandyBrown
YellowGreen
SeaGreen
MediumTurquoise
RoyalBlue
Purple
Gray
Magenta
Orange
Yellow
Lime
Cyan
DeepSkyBlue
DarkOrchid
Silver
Pink
Wheat
LemonChiffon
PaleGreen
PaleTurquoise
LightBlue
Plum
White


تحياتي للجميع




الـ خ ـبرهـ غير متواجد حالياً   رد مع اقتباس
قديم 12-28-2009, 03:13 PM   رقم المشاركة : [2 (permalink)]
:: ! قل لَنْ يُصِيبَنَا إِلا مَا كَتَبَ اللَّهُ لَنَا ! ::
الصورة الرمزية ™M® EmaD
 

™M® EmaD مبدع بلا حدود™M® EmaD مبدع بلا حدود™M® EmaD مبدع بلا حدود™M® EmaD مبدع بلا حدود™M® EmaD مبدع بلا حدود™M® EmaD مبدع بلا حدود™M® EmaD مبدع بلا حدود™M® EmaD مبدع بلا حدود™M® EmaD مبدع بلا حدود™M® EmaD مبدع بلا حدود™M® EmaD مبدع بلا حدود

بيانات موقعي:
إسم الموقع : معهد العرب
إصدار المنتدى : 3.8.5

 
افتراضي رد: هاك تلوين المجموعات ووضع جميع اسماء الاعضاء فى مربعات 2

يريت توسط الموضوع يا غالى




™M® EmaD غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
مربعات, المجموعات, الاعضاء, اسماء, تلوين, جميع, هاك, ووضع


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
شـرح تغـيير أشكال حـقول الادخال في مـنتداك ووضع تأثير عليها عند الكتابة..بـدون صـور ~ ™M® EmaD ركــن دروس تصميم ستايلات المنتدى 6 05-15-2010 12:41 AM
[شرح] : بدون هاكات , تلوين اسماء المجموعات linux ركــن شروحات ونسخ vBulletin 2 12-30-2009 04:18 PM
لذيذ مربعات الصورة لايفوتكــ جديد ™M® EmaD ركــن دروس تصميم ستايلات المنتدى 0 11-25-2009 02:02 PM
اسماء الاعضاء بـ html (يظهر لون الاعضاء حسب مجموعته تحت المواضيع)مميز.. ™M® EmaD ركــن تطوير النسخه vBulletin 3.x 0 04-20-2009 04:27 PM

Valid XHTML 1.0 Transitional


 

الساعة الآن 10:42 PM

أقسام المنتدى

المعاهد الــعامة @ الـركـن الـعـام @ ركــن البرامج العامة المشروحة @ wordpress @ تصاميم وابدعات الاعضاء @ حلول نهائية لمشاكل المنتديات @ قسم التصميم والجرافيكس @ ركــن دروس تصميم ستايلات المنتدى @ عالم منتديات vBulletin @ تطوير النسخه 3.6.0 @ تطوير النسخه 3.7 @ ركــن تطوير النسخه vBulletin 3.x @ ستايلات vB 3.x @ ركــن شروحات ونسخ vBulletin @ ركــن حماية الموقع والمنتديات @ ركــن مشاكل وطلبات وإستفسارات @ قسم مشاكل وحلول وطلبات @ الـمعاهـد البرمجية @ ركــن دروس ودورات البرمجة @ ركــن تطــوير ودعم المــواقع @ ركــن الأرشفه ومحركات البحث @ الـمعاهـد الــتجارية @ ركــن الاعلانات وعروض الدعم الفني والتصميم @ عروض شركات الاستضافه @ طـــلبات الاستضافة @ لجنه قبول شركات الاستضافه @ ركــن التبادل الاعلاني والتجاري @ الدعم الفنـى المـجــانــى والمــدفوع @ تطوير السيرفرات @ الــمعاهـد الإداريـــة @ قــسم المواضيع المكررة والمحذوفة @ قــسم الشكــاوى والإقتــراحــات @ مـعـهد مـــشاكل شـــركات الاستضافة والدعم الفني @ الدعم الفنى المدفوع @ طلبات الدعم الفني المجاني @ ركــن المواضيع الاسلاميه @ التمبلت والقوالب @ ركــن تطوير النـسخة vBulletin 4.x @ ستايلات vB 4.x @ دروس و شروحات السيرفرات @ دورة الحماية والتشفير @ قسم ملحـقات التصميم @ قسم خاص بالمشرفين @ ¯ـ‗_3rab-vb.com_‗ـ¯ @ أخبـآرْ مـْعـََهـد آلعُرٍبُ آلتِطَوٍيًرٍيً @ ركــن تطوير السيرفرات @ ركــن مشاكل وطلبات السيرفرات @ دورة وشروحات Cpanel @ تِصِآمٍَيًمٍَ وٍأعُمٍَآل آلعُرٍبُ آلتِطَوٍيًرٍيً @ ركــن دروس فى التصميم والفوتوشوب @ دورة تطوير منتديات الـ vBulletin @ منتـديات الحاسوب والبرامج @ قـٍسم حلول الاخطاء والمشاكل @ أخطاء وحلول قواعد البيانات @ ركن تعليم لغات البرمجة @ الــديــجــي شــات Digichat @ ركن نادي Google @ ركن أخبار المواقع @ الشكاوي وقضايا النصب @ الخيمه الرمضانيه @ برمجيات معهد العرب التطويري @ قسم طلبات التصميم @ عالم الجوال @ البلاك بيري-blackberry @ الألعاب الألكترونية @ Pc Games @ Playstation 3 @ XBoX Games @ ركــن المـاسـنـجر @ عالم الرياضة @ مشاكل وحلول الحاسوب @ شروحات وحلول الكمبيوتر والإنترنت @ الجوال @ اي فون-iPhone @ البرامج المحمولة - Portable @ أخبار التكنولوجيا و تقنية المعلومات @ دورات معهد العرب التطويري @ دورة أحتراف الـvBulletin @ دورة الانتاج والإخراج @ الأفتر افكت After Effects @ الفيغاس SONY Vegas @ دورة الأرشفة ومحركات البحث @ أخبار مصر @




تصميم onlyps لخدمات التصميم


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92