!~ شرح تركيب هاك اسامي الاعضاء داخل مربعات ~!

[ممرض محترف]

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

شرح تركيب هاك اسامي الاعضاء داخل مربعات ملونه ..

الشرح :

1- ادخل لوحة تحكم المنتدى من الاستايلات والقوالب اختار ظبط الاستايلات ..

http://www.sa3gh.com/images/dros/ha1.jpg

2- دع الخيار على خيارات جميع الاستايلات واضغط على اذهب ..

http://www.sa3gh.com/images/dros/ha2.jpg

3- انزل تحت مرره عند ( تعريف CSS إضافي ) انزل لأسفل الكود وضع الكود التالي :

http://www.sa3gh.com/images/dros/ha3.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-****: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-****: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-****: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-****: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-****: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-****: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-****: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-****: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-****: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-****: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-****:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}

الحين اضغط حفظ ..

http://www.sa3gh.com/images/dros/ha4.jpg

4- الحين نروح للمجموعات ونختار ضبط اعدادات مجموعة الاعضاء ..

http://www.sa3gh.com/images/dros/ha5.jpg

5- نختار مجموعة مجموعة نختار تعديل المجموعة ونضغط على اذهب ..

http://www.sa3gh.com/images/dros/ha6.jpg

6- نظيف الكوديين التاليين مع ملاحظة تغيير اللون من مجموعة عن مجموعة مثلا الاداره احمر والمشرفين اخضر والاعضاء ازرق او اي ترتيب يعجبك ..

http://www.sa3gh.com/images/dros/ha7.jpg

الكود رقم 1 :

<input type="text" name="T1" size="17" class="red" value="

الكود رقم 2 :

" readonly style="width: 90">

7- الان نضغط على تحديث ..

http://www.sa3gh.com/images/dros/ha8.jpg


8- الان نروح لـرفع الملف & الصيانة ونختار تحديث العدادات ..

http://www.sa3gh.com/images/dros/ha9.jpg

9- الان نحدث الاسماء والمسميات ..

http://www.sa3gh.com/images/dros/ha10.jpg

http://www.sa3gh.com/images/dros/ha11.jpg

10 - مجموعة الالوان :

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

احترامي[/COLOR][/QUOTE]


وبالتوفيق

[MSHAER]

تسلم يابطل ولاهنت

[وافي]

تسلم واثق الخطوه الله يعطيك العافيه

[مثل الحلم]

الله يعطيك العافيه اخوووووووووي

[صقر شمر]

الله يعطيك العافيه


وما قصرت ياذييب

[أبو راكان]

لاهنت خيوه ،،،

[XمقتـamalـــولX]

يعطيك الف عافيه ...

تحياتي

[FAHADYNHO]

مشكـــور ومـــا قصــرت

[عاشق النوح]

يعطيك العافيه

[أسطورة الأقلام]

مشكوررررررررر

[FAHADYNHO]

يا بعدي واللــــه
سلمت

[al-master]

يعطيك العافيه

[بوح الروح]

مرحبا أخي / واثق الخطوة

أنا قمت بتطبيق كافة الخطوات التي ذكرتها في مشاركتك

وتم كل شيء كما ذكر ولكن واجهتني مشكلة واحدة

و هي ان الفواصل التي كانت كانت تفصل بين اسماء

الاعضاء لا زالت موجودة بين المربعات

فهل هناك طريقة لارشادي كيف اقوم بحذفها ؟

ولك جزيل شكري

aamaal

[مرسى الخليج]

يعطيك الف عافيه اخوي ..
بس ياليت كان فيه مثــال

[صحرءا]

يسلمواااااااااااااااااااااااااااااا

[بوح الروح]

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

مرحبا اخي واثق الخطوة و الاخوة الكرام

انا سويت كل اللي تم شركه في مشاركتك هذه

ولكن واجهتني مشكلة و هي ان الاسماء

في المربعات طلعت لي في اول المربع وليس في النصف او الوسط

فهل هناك حلا لهذه المشكلة

ولكم جزيل الشكر

اختكم في الله : aamaal

[ممرض محترف]

مرحبا أخي / واثق الخطوة

أنا قمت بتطبيق كافة الخطوات التي ذكرتها في مشاركتك

وتم كل شيء كما ذكر ولكن واجهتني مشكلة واحدة

و هي ان الفواصل التي كانت كانت تفصل بين اسماء

الاعضاء لا زالت موجودة بين المربعات

فهل هناك طريقة لارشادي كيف اقوم بحذفها ؟

ولك جزيل شكري

aamaal





تفضلي الطريقة

ارفع الصورة المرفقة الي عن طريق ftp

vb/images


وبدل التمبلت

forumhome_loggedinuser



$loggedin[buddymark]<a href="member.php?$session[sessionurl]u=$loggedin[userid]">$loggedin[musername]</a>$loggedin[invisiblemark] <a href="private.php?do=newpm&u=$userid"><img src="images/sendpmonline.gif" border="0" alt="اضغط هنا وارسل رساله خاصه لهذا العضو"></a>$invisibleuser

[ممرض محترف]

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

مرحبا اخي واثق الخطوة و الاخوة الكرام

انا سويت كل اللي تم شركه في مشاركتك هذه

ولكن واجهتني مشكلة و هي ان الاسماء

في المربعات طلعت لي في اول المربع وليس في النصف او الوسط

فهل هناك حلا لهذه المشكلة

ولكم جزيل الشكر

اختكم في الله : aamaal




اتمنى توضيح يا اختاه


اذا صحيت الليله اشرح لك بس بعد توضيحك :bye1:

[شمري ولي الفخر]

مشكوووووووووور يا عسل يا قشطه يعطيك العافيه على جهودك حبيب قلبي ولا هنت