كل ما يتعلق ب منتديات vb||

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

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

[شرح] { الوان المجموعات بدون هاكات بتقنية 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-39f62d4361

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

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

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

[شرح] { الوان المجموعات بدون هاكات بتقنية 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 داخل مربعات } 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

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

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

الشرح منقول من منتدى عـــــــــــــــــــرب ســــــــــــــــــوفـــــــــــــــــــت

Concurso de avatar FaceYourManga - Dia das Bruxas
[شرح] { الوان المجموعات بدون هاكات بتقنية css داخل مربعات } F3fkvIc

Hoje é dia de anuncio do vencedor do nosso concurso do Dia das Bruxas. Mas antes vamos ver quais foram as participações com mais votos por parte dos nossos membros.

Os participantes com mais votos dos membros foram:

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

بارك الله فيك

جزاك الله كل خير

جزاك الله كل خير

كود اوبرا شتنق ::. الاستايل متعدد الالوان .:: الالوان الموجوده موف برتقالي ازرق سماوي اخضر وردي

بالنسبه الى إضافه الاتسايل السابق كلر او الالوان لن تكون موجوده للاسف !!@:

شكرا

كل ما يتعلق ب منتديات vb||

||كل ما يتعلق ب منتديات vb||

تطوير منتديات vb

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

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

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

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