بسـم الله الرحمن الرحيم

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


بالاول نتوجه إلى لوحة تحكم المنتدى

ثم نتوجه إلى ضبط الاستايلات والقوالب

ثم نختار (( التحكم بالاستايلات ))

http://www.arabwebtalk.com/images/uploads/29449_26 04946f6804ca29bc.bmp


بعـدها تظهر امامنـا قائمة بالاستايلات المركبة اختار الاستايل المطلوب عليه تركيب الالوان


http://www.arabwebtalk.com/images/uploads/29449_22 54646f682313cd8f.JPG

نخـتار (( أذهب ))

تفتح صفحة خاصة بالقوالب ننزل اسفل حتى نجد قالب اسمه (( تعاريف css الإضافية ))


http://www.arabwebtalk.com/images/uploads/29449_23 45246f689d094270.JPG

انزل اسفل هذ1 القالب وضيف الكود التالي


.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:#E30000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('');
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:#FFFFFF;
background-image: url('');
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:#0000E6;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('');
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:#FFFFFF;
background-image: url('');
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:#FF6CCF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('');
text-align:center;
}

.band
{
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:#C0C0C0;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('');
text-align:center
}

.member
{
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:#222222;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('');
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:#FFFFFF;
background-image: url('');
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:#FFFFFF;
background-image: url('');
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:#FFFFFF;
background-image: url('');
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:#FFFFFF;
background-image: url('');
text-align:center;
}

ثم احفظ العمل

ثم نتوجه إلى (( المجموعات ))

نختار التحكم بالمجموعات

http://www.arabwebtalk.com/images/uploads/29449_56 9446f68b090986f.bmp

عندها راح تظهر لك قائمة باسماء المجموعات الي عندك


http://www.arabwebtalk.com/images/uploads/29449_56 9046f68bace94e2.JPG

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

راح نشرح على مجموعة الويب العربي ندخل عليها بالضغط على (( اذهب ))

ندخل على خصائص المجموعة

http://www.arabwebtalk.com/images/uploads/29449_56 9846f68d4ccd79b.JPG

المهم عندنا هي الخانه المرقمه (( 1 , 2 ))

نضع في المربع رقم 1 الكود التالي

" readonly style="border-style:dotted; border-width:1px; width: 90">

نضع في المربع رقم 2 الكود التالي

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

ثم نحفظ العمل .. وبهذي الطريق نكون لونا المجموعات

لو حبيت تغير في لون المجموعة بدل كلمه [ green ] في الكود رقم 2 إلى لون الاخر

وهذي بعض الالوان

black = اسود

blue = ازرق

red = احمر

وهذ1 مثال حي بعد التركيب اضغط هنا (http://www.p77r.com/vb/index.php)

وبالتوفيق للجميع

يعطيكـ آلعآفيهـ

مشكووور شرح واضح وما عليه كلام

يعطيك العافية سلمان :)

الشباب يبون طريقة المربعات المتقطعة الله الله يامشرفنا :D

تسلمـ
بارك الله بيك

طيب يا غالى ممكن طريقة توسيط المربعات هذه

تسلم يالغالي

شرح مميز


الى الامام ان شاء الله

مشكوووووووووووووووووور على الموضوع

اخوي

كود 1 فيه مشكلة ؟؟

ياليت تعدله ..

مشكووور خيووو ,

و الله يعطيك العافيه :)

تسلمـ
بارك الله بيك

الله يعطيك ألف عافية أخوي سلمان

الله يعطيك العافيـة أخوي سلمـان ...


لاكنـ مآدري ليش مآ ضبط معاي اللون الوردي ...؟ جربت اللون الأزرق تمام لاكن الوردي ... !!!

مشكوووووووور
ويعطيك العافية

يعطيك العافية عـ الشرح الرائع

ممكن طريقة توسيط المربعات

اخوي سلمان انا سويتها بس خربت كل شيء كلهم صار لونهم اسود اتمنى الرد في اسرع وقت جبت العيد

هلا اخوي عاشق الوله

عادي عدل مجموعات الاعضاء والمشرفين وغيرهم من المجموعات بتعديل الالوان من نفس المجموعات

عدل هذ1 الكود
<input type="text" name="T1" size="17" class="black" value="

بدل black = اسود حـط إي لون ثاني تبيه للمجموعة

مثلا blue = ازرق

اذ1 مافهمت ضيفني وانا بعد ساعه راح اكوان متواجد

تقديري :)

يعطك العافية يالغالي

مشكووووور

جزاك الله خير

مشكور اخوي

لكن ممكن اعرف اسماء الالوان الاخرى ..

باللغة الانجليزيــة :)

1111

222

اقول اخوي

فيه بعض الالوان غير موجوده او لا تعمل


احاول فيها لكن ما يشتغل الا بعضها

جزاك الله كل خير
موضوع مفيد

الف شكررررررررررررر

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

أخوي

على الشرح المتميز


تحياتي / Lebron James

تم التطبيق..


الف شكر عالشرح..

الله يعطيك الف عاافيه ع المووضوع يالغالي لاهنت

يعطيك العافيه مشكور

تم التطبيق اخى

ونجحت الطريقى شكرا لك

سلمان هذا مناسب للكومبو ولالا

شرح واضح مشكور

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

شرح واضح


لاكن اللون الاحمر .....يعطيني لون اسود

ممكن تفيدنا

الف الف شكر لك على هذا الطرح

رووووووووووووووعة

بعد ما أنا عملتـ الشغلـ دهـ

ظهر ليـ الأعضاء فيـ شكلـ

محاذاهـ الى اليمينـ داخلـ المربعـ

معـ اناها المفرضـ تكونـ فيـ شكلـ توسيطـ

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

مشكووووووووووووووور كتيرررررررر

أخوي سليمان ممكن تحط الألوان الأخرى وياليت تعلمني كيف أخليي الأسماء داخل المربع تكون بالوسط ..

^
-
8
نفس السوال

بالتوفيق والله

مشكور على هذا الشرح

بارك الله فيك بصراحة رح ممتاز ويعطيك العافية واتمنى لك التوفيق والنجاح انالله

مشكور اخى

يعطيك العافية

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


الله يسعد مسـاك أخوي سلمــان ..

هل هذه طريقـة صبغ المعرفـات في المنتدى ؟!

يعني مثـلا مجموعة المشرفين بالأزرق والإداريين بالأحمر وهكذا .. لو اتبعت هذه الطريقة !

لو هذه هي الطريقة فعــلا، انت ما تصدق اني داخل الويب العربي الحين الا عشـانها ..

سبحـان الله وألقـاها في وجهي ..


بانتظار ردك الله يعطيك العافية ..


فيروزي

ألف شكر أخي :)

تحياتي .

شكرا على الشرح

http://www14.0zz0.com/2009/11/30/19/258403417.gif

مشكور اخوي

مشاء الله عليك وبارك الله فيك

الى الامام دائما

مع العلم يتطور دائما هاك الوان الاعضاء يوجد له تطويرات عديده



بالتوفيق دائما اخوى سلمان مشاء الله عليك

مشكــوور يعطيك العافيه

شرح مميز ,

تسلم يالغلا ~

شكرا لك اخى وجعله الله فى ميزان حسناتك تم التجربة بنجاح ولكن اتمنى زيادة بعض اسماء الالوان
هذا الموقع

www.crompo.com

أسماء الألوان
http://www.html4arab.com/images/L.gif

أسماء الألوان
بالنسبة لبعض الألوان الأساسية والدارجة، من الممكن استخدام أسماء هذه الألوان مباشرة بدلاً من الأرقام السداس عشرية، بمعني انها لا تحتاج للـ HEX كود وعدد هذه الألوان هو 140 لون كلها ذات أسماء جميله ولكن باللغه الإنجليزية فمثلا أذا أرتد اللون الأزرق تكتب
COLOR="blue"
ولا تحتاج لوضع هذه العلامة # كما الحال في أكواد الHEX (http://www.html4arab.com/Photos/216Colours.htm) وهذا جدول يوضح هذه الألوان ومسمياتها وأكواد الHEX أيضا ولكن أنت لاتحتاج لكتابه أي كود فقط أكتب أسم اللون:
http://www.html4arab.com/images/L.gif
Aliceblue
#F0F8FF Antiquewhite
#FAEBD7 Aqua
#00FFFF Aquamarine
#7FFFD4 Azure
#F0FFFF Beige
#F5F5DC Bisque
#FFE4C4 Black
#000000 Blanchedalmond
#FFEBCD Blue
#0000FF Blueviolet
#8A2BE2 Brown
#A52A2A Burlywood
#DEB887 Cadetblue
#5F9EA0 Chartreuse
#7FFF00 Chocolate
#D2691E Coral
#FF7F50 Cornflowerblue
#6495ED Cornsilk
#FFF8DC Crimson
#DC143C Cyan
#00FFFF Darkblue
#00008B Darkcyan
#008B8B Darkgoldenrod
#B8860B Darkgray
#A9A9A9 Darkgreen
#006400 Darkkhaki
#BDB76B Darkmagenta
#8B008B Darkolivegreen
#556B2F Darkorange
#FF8C00 Darkorchid
#9932CC Darkred
#8B0000 Darksalmon
#E9967A Darkseagreen
#8FBC8F Darkslateblue
#483D8B Darkslategray
#2F4F4F Darkturquoise
#00CED1 Darkviolet
#9400D3 Deeppink
#FF1493 Deepskyblue
#00BFFF Dimgray
#696969 Dodgerblue
#1E90FF Firebrick
#B22222 Floralwhite
#FFFAF0 Forestgreen
#228B22 Fuchsia
#FF00FF Gainsboro
#DCDCDC Ghostwhite
#F8F8FF Gold
#FFD700 Goldenrod
#DAA520 Gray
#808080 Green
#008000 Greenyellow
#ADFF2F Honeydew
#F0FFF0 Hotpink
#FF69B4 Indianred
#CD5C5C Indigo
#4B0082 Ivory
#FFFFF0 Khaki
#F0E68C Lavender
#E6E6FA Lavenderblush
#FFF0F5 Lawngreen
#7CFC00 Lemonchiffon
#FFFACD Lightblue
#ADD8E6 Lightcoral
#F08080 Lightcyan
#E0FFFF Lightgoldenrodyellow
#FAFAD2 Lightgreen
#90EE90 Lightgrey
#D3D3D3 Lightpink
#FFB6C1 Lightsalmon
#FFA07A Lightseagreen
#20B2AA Lightskyblue
#87CEFA Lightslategray
#778899 Lightsteelblue
#B0C4DE Lightyellow
#FFFFE0 Lime
#00FF00 Limegreen
#32CD32 Linen
#FAF0E6 Magenta
#FF00FF Maroon
#800000 Mediumauqamarine
#66CDAA Mediumblue
#0000CD Mediumorchid
#BA55D3 Mediumpurple
#9370D8 Mediumseagreen
#3CB371 Mediumslateblue
#7B68EE Mediumspringgreen
#00FA9A Mediumturquoise
#48D1CC Mediumvioletred
#C71585 Midnightblue
#191970 Mintcream
#F5FFFA Mistyrose
#FFE4E1 Moccasin
#FFE4B5 Navajowhite
#FFDEAD Navy
#000080 Oldlace
#FDF5E6 Olive
#808000 Olivedrab
#688E23 Orange
#FFA500 Orangered
#FF4500 Orchid
#DA70D6 Palegoldenrod
#EEE8AA Palegreen
#98FB98 Paleturquoise
#AFEEEE Palevioletred
#D87093 Papayawhip
#FFEFD5 Peachpuff
#FFDAB9 Peru
#CD853F Pink
#FFC0CB Plum
#DDA0DD Powderblue
#B0E0E6 Purple
#800080 Red
#FF0000 Rosybrown
#BC8F8F Royalblue
#4169E1 Saddlebrown
#8B4513 Salmon
#FA8072 Sandybrown
#F4A460 Seagreen
#2E8B57 Seashell
#FFF5EE Sienna
#A0522D Silver
#C0C0C0 Skyblue
#87CEEB Slateblue
#6A5ACD Slategray
#708090 Snow
#FFFAFA Springgreen
#00FF7F Steelblue
#4682B4 Tan
#D2B48C Teal
#008080 Thistle
#D8BFD8 Tomato
#FF6347 Turquoise
#40E0D0 Violet
#EE82EE Wheat
#F5DEB3 White
#FFFFFF Whitesmoke
#F5F5F5 Yellow
#FFFF00 YellowGreen
#9ACD32

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

مشكوررررررررر شرح وافي