الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   قسم المنتديات (http://www.arabwebtalk.com/forumdisplay.php?f=112)
-   -   هاك المتواجدون بالمربعات والالوان (http://www.arabwebtalk.com/showthread.php?t=22647)

غيـــــــــــوض 31-03-2006 04:11 AM
هاك المتواجدون بالمربعات والالوان
 
.::||[ خطوة (1) إضافة الكود التالي لجميع الاستايلات في المنتدى ]||::.

.::||[ 1- اذهب لخيار ( الستايلات & القوالب ) ثم (ضبط الستايلات ) ]||::.



.::||[ 2- أضغط ( اذهب ) على خيار ( خيارات جميع الستايلات ) ]||::.



.::||[ 3- اسفل الخيارات عند ( تعريف CSS إضافي ) وفي نهايته أضف الكود التالي: - ]||::.



كود PHP:
.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- اذهب لخيار ( المجموعات ) ثم ( ضبط إعدادات مجموعة الأعضاء ) ]||::.



.::||[ 2- أضغط ( اذهب ) على خيار ( تعديل المجموعة ) ]||::.



.::||[ 3- اضف الكود التالي على مرحلتين ]||::.



.::||[ ضع code1 في مربع النص الأول ]||::.

.::||[ code1: [ مهم: يجب تغيير كلمة ( red ) لكل مجموعة مثال (green - blue - pink ) ] ]||::.

كود PHP:
<input type="text" name="T1" size="17" class="red" value=" 
.::||[ وضع code2 في مربع النص الثاني ]||::.

.::||[ code2: ]||::.

كود PHP:
" readonly style="width: 90"> 
.::||[ ثم أضغط على زر ( تحديث ) في الاسفل ]||::.

.::..::..::..::..::..::..::..



.::||[ ثم قم بعمل تحديث للعدادات كما هو موضح في الصورة ]||::.



7



7



.::||[ اتمنى ان الشرح وافي ]||::.

.::.تحياتي.::.
.::.غيـــــــــوض.::.

غيـــــــــــوض 31-03-2006 03:07 PM
.::||[ اعتذر اخواني نسيت احط طريقة التعديل على الالوان وهي كالتالي: ]||::.

.::||[ تابعو الصورة التالية..صورة (12) ]||::.



.::||[ 7 ]||::.



.::||[ 1- كود حجم المربع : ( width: 48; ) - صورة (12) >--->> (1) ]||::.

.::||[ 2- كود نوع الخط : ( 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 = أبيض ]||::.

.::.تحياتي.::.
.::.غيـــــــــوض.::.

إضـاءآت 31-03-2006 06:21 PM
بارك الله فيك

ابداع وشرح كافي ووافي

غيـــــــــــوض 01-04-2006 10:21 PM
.::||[ تسلم اخوي ]||::.

.::.تحياتي.::.
.::.غيـــــــــوض.::.

Dooem 02-04-2006 12:11 AM
مشكور غيـــــــــــوض بارك الله فيك

غيـــــــــــوض 03-04-2006 12:23 AM
.::||[ العفو اخوي ]||::.

.::.تحياتي.::.
.::.غيـــــــــوض.::.

طالب^علم 03-04-2006 05:25 AM
يعطيك الف عافيه اخوي

عبدالله الحصان 03-04-2006 06:18 AM
بارك الله فيك

ياسمين 15-04-2006 10:38 PM
هاي شوية صعبة

خلينا في السهل المضمون

غيـــــــــــوض 16-04-2006 01:57 AM
إقتباس:
اقتباس من مشاركة طالب^علم
يعطيك الف عافيه اخوي
.::||[ تسلم اخوي ]||::.

.::.تحياتي.::.
.::.غيـــــــــوض.::.

غيـــــــــــوض 16-04-2006 01:58 AM
إقتباس:
اقتباس من مشاركة عبدالله الحصان
بارك الله فيك
.::||[ تسلم اخوي ]||::.

.::.تحياتي.::.
.::.غيـــــــــوض.::.

غيـــــــــــوض 16-04-2006 01:59 AM
إقتباس:
اقتباس من مشاركة ياسمين
هاي شوية صعبة

خلينا في السهل المضمون
.::||[ كل شي سهل بس يبي له تركيز ]||::.

.::.تحياتي.::.
.::.غيـــــــــوض.::.

lmsat.net 16-04-2006 03:50 AM
مشكور حبيبي غيووض

غيـــــــــــوض 18-04-2006 09:51 AM
.::||[ تسلم اخوي ]||::.

.::.تحياتي.::.
.::.غيـــــــــوض.::.


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 11:56 PM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012