مجتمع رائد تايمز
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
مجتمع رائد تايمز


 
الرئيسيةالرئيسية  المجلةالمجلة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

شاطر
 

  [شرح] { الوان المجموعات بدون هاكات بتقنية css داخل مربعات }

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
معلومات العضو
عمر ابو عثمان

عمر ابو عثمان

عضو جديد

عضو جديد
معلومات إضافية
•بلُدِي •| :  [شرح] { الوان المجموعات بدون هاكات بتقنية css داخل مربعات } Egypt10
•مِزآَجےِ •~| •مِزآَجےِ •~| :  [شرح] { الوان المجموعات بدون هاكات بتقنية css داخل مربعات } 012
مشاركات مشاركات : 24
•احترام قوانين المنتدى•| •احترام قوانين المنتدى•| : 100%
التقيم : 0
•السـاعـة الـان•~| :
معلومات الاتصال
مُساهمةموضوع: [شرح] { الوان المجموعات بدون هاكات بتقنية css داخل مربعات }    [شرح] { الوان المجموعات بدون هاكات بتقنية css داخل مربعات } Icon_minitimeالثلاثاء 27 نوفمبر 2012, 13:54

AbDeLWaHaB كتب:
اليوم جبتلكم موضوع مميز من عرب سوفت التطويرية

وهذه نتيجة الطريقة

 [شرح] { الوان المجموعات بدون هاكات بتقنية css داخل مربعات } 11idchz29

ألوان المجموعات في مربعات منقطه او بدون مربعات او بداخل مربعات بدون تنقيط
بدوان هاكات متوافق مع المعاير
بتقنية css التي يعشقها جوجل
سهلة التعديل تستطيع تلوين المجموموعة كما تريد
تستطيع وضع مجموعة داخل مربع وتستني مجموعة مثل الهاك
اولا قم بفحص موقعك من خلال الموقع التالي


http://validator.w3.org/

بعد التركيب ستجد ان الاخطاء اصبحت اقل بكثير
سرعة في الارشفة
يعطيك سرعة ايضا تحميل صفحات المنتدى
للمعاين http://www.jore2.p2h.info/vb/

--------------------------
الخطوة التالية شرح التركيب
1- امسح اي هاك متعلق بالوان المجموعات
2-لدينا الكودين التالين الكود رقم (1) والكود رقم (2)



الكود رقم 1


الكود:
[font=Century Gothic][size=16][color=#000000][color=#007700]<[/color][color=#0000BB]span [/color][color=#007700]class=[/color][color=#DD0000]"a"[/color][color=#007700]>  [/color][/color][/size][/font]

الكود2

الكود:
[font=Century Gothic][size=16][color=#000000][color=#007700]</[/color][color=#0000BB]span[/color][color=#007700]>  [/color][/color][/size][/font]

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


 [شرح] { الوان المجموعات بدون هاكات بتقنية css داخل مربعات } Manartsouria.com-39f62d4361

اضغط تعديل على المجموعة التي تريد تغير اللون لها
 [شرح] { الوان المجموعات بدون هاكات بتقنية css داخل مربعات } Manartsouria.com-e2ad65b6a4

ضع الكود رقم واحد من اليمين ورقم اثنين من الشمال فير المربعات مثل الصورة

 [شرح] { الوان المجموعات بدون هاكات بتقنية css داخل مربعات } Manartsouria.com-13239731dd

نقوم بتعديل جميع المجموعات مثل الشرح العلوي
a المدير العام بالون الاحمر داخل مربعات
الفراغ رقم واحد نضع

كود:الرمز:


الكود:
[font=Century Gothic][size=16][color=#000000][color=#007700]<[/color][color=#0000BB]span [/color][color=#007700]class=[/color][color=#DD0000]"a"[/color][color=#007700]>  [/color][/color][/size][/font]

الفراغ رقم اثنين
نضع

الكود:
[font=Century Gothic][size=16]  [color=#000000] [color=#007700]</[/color][color=#0000BB]span[/color][color=#007700]>  [/color][/color][/size][/font]

c المشرف العام بالون الازرق داخل مربعات
الفراغ رقم واحد


الكود:
[font=Century Gothic][size=16][color=#000000][color=#007700]<[/color][color=#0000BB]span [/color][color=#007700]class=[/color][color=#DD0000]"c"[/color][color=#007700]>  [/color][/color][/size][/font]

الفراغ رقم اثنين

الكود:
[font=Century Gothic][size=16][color=#000000][color=#007700]</[/color][color=#0000BB]span[/color][color=#007700]>  [/color][/color][/size][/font]

الاعضاء بالون السماوي داخل مربعات
الفراغ الاول نضع
الكود:
[font=Century Gothic][size=16][color=#000000][color=#007700]<[/color][color=#0000BB]span [/color][color=#007700]class=[/color][color=#DD0000]"b"[/color][color=#007700]>  [/color][/color][/size][/font]

الفراغ الثاني

الكود:
[font=Century Gothic][size=16][color=#000000][color=#007700]</[/color][color=#0000BB]span[/color][color=#007700]>  [/color][/color][/size][/font]

نجوم المنتدى بالون الاصفر داخل مربعات
الفراغ الاول

الكود:

[font=Century Gothic][size=16][color=#000000][color=#007700]<[/color][color=#0000BB]span [/color][color=#007700]class=[/color][color=#DD0000]"e"[/color][color=#007700]>  [/color][/color][/size][/font]

الفراغ التالي

الكود:
[font=Century Gothic][size=16][color=#000000][color=#007700]</[/color][color=#0000BB]span[/color][color=#007700]>  [/color][/color][/size][/font]

لموقوفين مربعات سوداء

الفراغ الاول نضع
الكود:
[font=Century Gothic][size=16][color=#000000][color=#007700]<[/color][color=#0000BB]span [/color][color=#007700]class=[/color][color=#DD0000]"x"[/color][color=#007700]>  [/color][/color][/size][/font]
المربع الثاني

الكود:
[font=Century Gothic][size=16][color=#000000][color=#007700]</[/color][color=#0000BB]span[/color][color=#007700]>  [/color][/color][/size][/font]

انتهينا من تعديل المجموعات
الان نذهب الى الستايل
الذي نستخدمه
التحم بالستايل


 [شرح] { الوان المجموعات بدون هاكات بتقنية css داخل مربعات } Manartsouria.com-8f9dfa9725

ثم نختار الستايل الذي نستخدمه
الرئيسية css من القائمة


 [شرح] { الوان المجموعات بدون هاكات بتقنية css داخل مربعات } Manartsouria.com-0d073eb56c

ناخذ الكود التالي

الكود:
[color=#007700][[/color][color=#0000BB]CENTER[/color][color=#007700]][/color][color=#FF8000]/*الوان المدير */
[/color][color=#007700].[/color][color=#0000BB]a[/color][color=#007700]{
[/color][color=#0000BB]border[/color][color=#007700]: [/color][color=#0000BB]1px solid [/color][color=#FF8000]#FF1515;
[/color][color=#0000BB]cursor[/color][color=#007700]: [/color][color=#0000BB]pointer[/color][color=#007700];
[/color][color=#0000BB]font[/color][color=#007700]-[/color][color=#0000BB]family[/color][color=#007700]: [/color][color=#DD0000]"Microsoft Sans Serif"[/color][color=#007700];
[/color][color=#0000BB]font[/color][color=#007700]-[/color][color=#0000BB]size[/color][color=#007700]: [/color][color=#0000BB]8pt[/color][color=#007700];
[/color][color=#0000BB]color[/color][color=#007700]:[/color][color=#FF8000]#FF1515;
[/color][color=#0000BB]border[/color][color=#007700]-[/color][color=#0000BB]style[/color][color=#007700]:[/color][color=#0000BB]dotted[/color][color=#007700];
[/color][color=#0000BB]padding[/color][color=#007700]:[/color][color=#0000BB]0px 15px 0px 15px[/color][color=#007700]; 
[/color][color=#0000BB]background[/color][color=#007700]-[/color][color=#0000BB]color[/color][color=#007700]:[/color][color=#FF8000]#ECEEF0;
[/color][color=#0000BB]background[/color][color=#007700]-[/color][color=#0000BB]repeat[/color][color=#007700]:[/color][color=#0000BB]no[/color][color=#007700]-[/color][color=#0000BB]repeat[/color][color=#007700];
[/color][color=#0000BB]background[/color][color=#007700]-[/color][color=#0000BB]position[/color][color=#007700]: [/color][color=#0000BB]right center[/color][color=#007700];
[/color][color=#0000BB]text[/color][color=#007700]-[/color][color=#0000BB]align[/color][color=#007700]:[/color][color=#0000BB]center[/color][color=#007700];
[/color][color=#0000BB]width[/color][color=#007700]:[/color][color=#0000BB]68px[/color][color=#007700];
[/color][color=#0000BB]display[/color][color=#007700]:[/color][color=#0000BB]inline[/color][color=#007700]-[/color][color=#0000BB]block[/color][color=#007700];
[/color][color=#0000BB]overflow[/color][color=#007700]:[/color][color=#0000BB]hidden[/color][color=#007700];
[/color][color=#0000BB]white[/color][color=#007700]-[/color][color=#0000BB]space[/color][color=#007700]:[/color][color=#0000BB]nowrap[/color][color=#007700];
}
[/color][color=#FF8000]/* الوان المشرفين  */
[/color][color=#007700].[/color][color=#0000BB]b[/color][color=#007700]{
[/color][color=#0000BB]border[/color][color=#007700]: [/color][color=#0000BB]1px solid [/color][color=#FF8000]#008000;
[/color][color=#0000BB]cursor[/color][color=#007700]: [/color][color=#0000BB]pointer[/color][color=#007700];
[/color][color=#0000BB]font[/color][color=#007700]-[/color][color=#0000BB]family[/color][color=#007700]: [/color][color=#DD0000]"Microsoft Sans Serif"[/color][color=#007700];[/color]



الكود:
font-size: 8pt;
color:#008000;
border-style:dotted;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-repeat:no-repeat;
background-position: right center;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*المشرفين العوام */
.c{
border:1px solid #0000FF;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#0000FF;
border-style:dotted;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-repeat:no-repeat;
background-position: right center;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان الاعضاء */
.f{
border: 1px solid #0695db; dotted
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#0695db;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
text-align:center;
width: 67px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان ستار المنتدى */
.e{
border: 1px solid #ffae1a;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#ffae1a;
border-style:dotted;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-repeat:no-repeat;
background-position: right center;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان الموقوفين */
.x{
border: 1px solid #000000;
cursor: pointer;
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#000000;
border-style:double;
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
} [/CENTER]

 [شرح] { الوان المجموعات بدون هاكات بتقنية css داخل مربعات } Manartsouria.com-fa71600dbb

تستطيع تغير الوان المجموعة من خلال الكود الاخير مثال مجموعة المدير

تغير الونها من اللون الاحمر تيغر الاكواد


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

[شرح] { الوان المجموعات بدون هاكات بتقنية css داخل مربعات }

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

 مواضيع مماثلة

-
» هاك الوان المجموعات المتقدم بالوان المحفورة الجديد 2011
» هاك عداد للزوار داخل الموضوع
» امريكي يضع طفله داخل غسالة ملابس
» هل فكرتم يوما ما هي اسماء و الوان السموات السبع
» فرش الوان ودوائر روعة , فرش فوتشوب مميزة 2010

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
مجتمع رائد تايمز :: مجتمعنا التطويري :: دعـــم منتديــvBـات :: شروحات الـvB,-

مواضيع ذات صلة