المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : هاك المتواجدون بالمربعات والالوان .. جديد


غـُـلايےّ
12-31-2017, 07:27 AM
السلام عليكم ورحمة الله وبركاته

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




الطريقه

خطوة (1) إضافة الكود التالي لجميع الاستايلات في المنتدى
- اذهب لخيار ( الستايلات & القوالب ) ثم (ضبط الستايلات ) - صورة (1)
صورة (1)


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



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




كود 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');
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:
type="text" name="T1" size="17" class="red" value="

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


كود 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('altaer/color_bg.gif'); ) - صورة (12) تحديد (5)
6- كود اللون الخاص بالمجموعة في خطوة (2) مهم جدا : ( class="red" ) صورة (13) تحديد (1)
استبداله باسم المجموعة الخاصة بالكود المراد استخدامه لمجموعة المستخدمين في خطوة (2) عند ( code1 )


---------------------
ملحوظة : مجموعات الألوان كالتالي:
.red = أحمر - .green = أخضر - .blue = أزرق - .gray = رمادي - .fushia = فوشي
.orang = برتقالي - .brown = بني - .pink = بنفسج - .black = اسود - .white = أبيض

ودمتم سالمين

ابو ســــــــــــالم

منقول

سَآرههء
12-31-2017, 09:45 AM
آطروحهء جميلهء
يعطيك العآفيهء على الجلب

مآننحرمء :eq-32::20:

مذهلہه ♥
01-01-2018, 02:21 AM
عاشت الايادي دوم التالق
تحياتي

ساعي البريد
01-01-2018, 09:19 AM
.
.
.







أشكرك على طرحّك ,
يعطيك الف عافيه علىْ مجهودك ..و عسـآك عالقوة يـارب ,
تحيّتي لـكhttp://www.7ophamsa.com/vb/images/smilies/n2016/er-12.png

دانة البوح
01-09-2018, 01:35 AM
واصلوا اتحافنا بكل جديد ومفيد
وألأمثل لمنتدانا الغاليٌ

صاحبة السمو
01-09-2018, 02:11 AM
شكرا لك على هذا الطرح
يعطيك العافية
تحيتي لسموك :34:

sweet
02-16-2018, 11:24 AM
آاٍّلَّفّْ شّْكّْرًّ
تُّقِّدٌّيٌّرًّيٌّ

بٰٰقايٰا روحہٰ
02-16-2018, 01:44 PM
سلمت يمنآكـ على مآحملته لنآ
موضوع عآلى بذوقه ,, رفيع بشآنه
يــعـطيكـ الــعـآآفيـه على مآطرحت لنآ
ولا حرمنا من جديدك المميز دوماً
.:34:.

أيــلُولَ
02-26-2018, 04:24 AM
سلمت الانامل للجلب المفيد
في انتظار كل جديد

Demon Hunter
03-02-2018, 01:33 PM
http://www11.0zz0.com/2018/02/05/11/215360610.gif

http://www12.0zz0.com/2018/02/28/14/983813946.gif http://www12.0zz0.com/2018/02/28/14/983813946.gif http://www12.0zz0.com/2018/02/28/14/983813946.gif

أبو علياء
05-06-2018, 07:40 PM
يعطيكم العافية لروعة ما طرحتم ،،
تولد الابتسامه بكم عند دفئ حضوركم المميز
تعطرت زوايا المنتدى بكل ما تقدموه
من جديد ومفيد ... تقدير يليق بكم
ودي وعبق وردي

ريُـ‘ـُآحُـ‘ـُ آلُـ‘ـُشُـ‘ـُۅقُـ‘ـُ
05-09-2018, 07:38 AM
موضوع في قمة الروعه
لطالما كانت مواضيعك متميزة
لا عدمنا التميز و روعة الاختيار
دمت لنا ودام تالقك الدائم

غـُـلايےّ
05-09-2018, 10:32 AM
الف شكر على مروركم العطر
لا خلا ولا عدم
:239::239:

لذة مطر ..!
06-23-2018, 11:16 PM
تسلم الآيادي ع الطرح الجميل ,
عسآك ع القوه لــ ـعطائك الرائع ’
خالص مودتي لك .. :eq-34:

غـُـلايےّ
06-24-2018, 09:58 AM
اسعدني تواجدكم العطر
دمتم بخير:239:

العاشق الذى لم يتب
10-08-2018, 11:56 PM
شكرا

لجلب كل مفيد جديد

جزيت خيرا

وبارك الله فيك

دام التواجد الراقى

باقات النرجس

مع تحياتى وودى

شيخة رواية
12-02-2018, 05:52 PM
لا جديد سوى رائحة التميز
تثور من هنا ومن خلال هذا الطرح
الجميل والمتميز ورقي الذائقه
في استقطاب ما هو جميل ومتميز

مخملية
03-01-2019, 05:04 AM
تسلم الايدي ع روعة الاختيار
لاعدمنا الذوق
ودي

دلوعة عشق
05-13-2019, 12:15 PM
أختيار جميل جدا
سَلمت على هذهِ الأطروحه الأنيقه
دوام التالق والابداع
تحياتي لك

جَوآهر
06-08-2022, 04:55 PM
يعطيك الف عافيه على الطرح الجميل
سلمت :131:

Şøķåŕą
07-14-2022, 09:49 AM
سلمت الأيادي ..
ويعطيك العافية لـ جمال الآنتقاء
لروحك جنائن الورد .

Şøķåŕą
02-02-2023, 11:24 AM
_

سلمت الأيادي ..
ويعطيك العافية لـ جمال الآنتقاء
لروحك جنائن الورد .

اميرت ♧
12-28-2023, 03:18 AM
موضوع رائع
يعطيكـ العافيهـ \ الف شكر ع طرحك
".بشوق لجديدكـ

اميرت ♧
01-04-2024, 03:18 PM
موضوع رائع
يعطيكـ العافيهـ \ الف شكر ع طرحك
".بشوق لجديدكـ

Şøķåŕą
03-09-2024, 01:02 PM
شكراً لك
بإنتظار الجديد القادم
دمت بكل خير

بنت العز
03-21-2024, 05:10 AM
يعطيك الف عافيه على الطرح الجميل
سلمت