مجهول

تغييرات

من ويكي أضِف
تم إضافة 14٬194 بايت ،  قبل 8 سنوات
الجداول والألوان
سطر 31: سطر 31:     
<span style="color:red">اللون الأحمر</span>
 
<span style="color:red">اللون الأحمر</span>
 +
 +
 +
 +
  == <span style="color: blue"><big>'''الجداول والألوان'''</big> </span> ==
 +
 +
'''أولاً: الجداول'''
 +
 +
بعد البحث والتدقيق في أنحاء الفضاء السبراني،لم أجد يا أحبائي أفضل من هذا الموقع [http://هذا%20الموقع www.tablesgenerator.com] لإنشاء أنواع الجداول المُختلفة..
 +
فهذا الموقع السحريّ لديه قُدرات عديدة،فيُمكن أن نقوم بتحرير جدول من خلاله مباشرةً أو نسخ الجدول ولصقه أو رفع الجدول في صيغة ملف CSV..
 +
ثم يقوم الموقع بتحويله إلي كود صالح للاستخدام الويكاوي.
 +
 +
'''ثانياً: الألوان'''
 +
 +
الألوان يمكن تحريرها بصياغتين، إما عن طريق اسمها المُباشر <span style="color:red">(Red, Blue, Green,...)</span> وإما عن طريق الأكوادالعشرية <span style="color:red">(FF C0 CB, CD 5C 5C,...)</span> كما هو موّضح الجدول..
 +
 +
ولتلوين خلفية خلفية الخليّة بالجدول هنضيف علي سطر الكود بتاع الخلية اللي عايزين نلونه الكود دة '''style=" background: orange;
 +
''' واللون اللي نختاره طبعاً..
 +
ولتغيير لون الكلمة اللي جوه الخليّة،هنضيف الكود دة '''style=" color: red;"'''
 +
 +
<!span style="background:yellow">مثال علي تغيير لون الخلفيّة</span> <span style="background:yellow">مثال علي تغيير لون الخلفيّة</span>
 +
 +
<!span style="color:aqua">مثال علي تغيير لون الكلمة</span> <span style="color:aqua">مثال علي تغيير لون الكلمة</span>
 +
 +
*(لو شيلنا علامة التعجب من مثال الكود الأول هيدينا المثال التاني)
 +
 +
 +
 +
 +
{| align=center cellspacing="1" cellpadding="1" style="background: #f7f8ff; border: 1px solid #88a; padding: 5px; font-size: 90%; width: 88%;"
 +
|-
 +
! style="background: #ccf;" colspan="3" |Wikipedia help page for article editing and creating
 +
| rowspan="2" colspan="3" style="padding-left: 6px;" |
 +
 +
|- valign="top"
 +
|
 +
{| class=sortable border="0"
 +
!style="background:lightgrey;"            | HTML name
 +
!colspan=2 style="background:lightgrey;"| Hexadecimal code <br/>R &nbsp; G &nbsp; B
 +
|-
 +
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Red colors'''</big>
 +
|- style="background:indianred; color:white;"
 +
|IndianRed  ||CD 5C 5C
 +
|- style="background:lightcoral; color:black;"
 +
|LightCoral ||F0 80 80
 +
|- style="background:salmon; color:red;"
 +
|Salmon    ||FA 80 72
 +
|- style="background:darksalmon; color:black;"
 +
|DarkSalmon    ||E9 96 7A
 +
|- style="background:lightsalmon; color:black;"
 +
|LightSalmon    ||FF A0 7A
 +
|- style="background:crimson; color:white; color:white;"
 +
|Crimson      ||DC 14 3C
 +
|- style="background:red; color:white;"
 +
|Red            ||FF 00 00
 +
|- style="background:firebrick; color:white;"
 +
|FireBrick      ||B2 22 22
 +
|- style="background:darkred; color:white;"
 +
|DarkRed        ||8B 00 00
 +
|-
 +
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Pink colors'''</big>
 +
|- style="background:pink; color:black;"
 +
|Pink          ||FF C0 CB
 +
|- style="background:lightpink; color:black;"
 +
|LightPink      ||FF B6 C1
 +
|- style="background:hotpink; color:white;"
 +
|HotPink        ||FF 69 B4
 +
|- style="background:deeppink; color:white;"
 +
|DeepPink      ||FF 14 93
 +
|- style="background:mediumvioletred; color:white;"
 +
|MediumVioletRed||C7 15 85
 +
|- style="background:palevioletred; color:white;"
 +
|PaleVioletRed  ||DB 70 93
 +
|-
 +
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Orange colors'''</big>
 +
|- style="background:lightsalmon; color:black;"
 +
||LightSalmon    ||FF A0 7A
 +
|-  style="background:coral; color:white;"
 +
|Coral          ||FF 7F 50
 +
|- style="background:tomato; color:white;"
 +
|Tomato        ||FF 63 47
 +
|- style="background:orangered; color:white;"
 +
|OrangeRed      ||FF 45 00
 +
|- style="background:darkorange; color:white;"
 +
|DarkOrange    ||FF 8C 00
 +
|- style="background:orange; color:white;"
 +
|Orange        ||FF A5 00
 +
|-
 +
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Yellow colors'''</big>
 +
|- style="background:gold; color:black;"
 +
|Gold          ||FF D7 00
 +
|- style="background:yellow; color:black;"
 +
|Yellow        ||FF FF 00
 +
|- style="background:lightyellow; color:black;"
 +
|LightYellow    ||FF FF E0
 +
|- style="background:lemonchiffon; color:black;"
 +
|LemonChiffon  ||FF FA CD
 +
|- style="background:lightgoldenrodyellow; color:black;"
 +
|LightGoldenrodYellow||FA FA D2
 +
|- style="background:papayawhip; color:black;"
 +
|PapayaWhip    ||FF EF D5
 +
|- style="background:moccasin; color:black;"
 +
|Moccasin      ||FF E4 B5
 +
|- style="background:peachpuff; color:black;"
 +
|PeachPuff      ||FF DA B9
 +
|- style="background:palegoldenrod; color:black;"
 +
|PaleGoldenrod  ||EE E8 AA
 +
|- style="background:khaki; color:black;"
 +
|Khaki          ||F0 E6 8C
 +
|- style="background:darkkhaki; color:white;"
 +
|DarkKhaki      ||BD B7 6B
 +
|-
 +
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Purple colors'''</big>
 +
|- style="background:lavender; color:black;"
 +
|Lavender      ||E6 E6 FA
 +
|- style="background:thistle; color:white;"
 +
|Thistle ||D8 BF D8
 +
|- style="background:plum; color:white;"
 +
|Plum          ||DD A0 DD
 +
|- style="background:violet; color:white;"
 +
|Violet        ||EE 82 EE
 +
|- style="background:orchid; color:white;"
 +
|Orchid        ||DA 70 D6
 +
|- style="background:fuchsia; color:white;"
 +
|Fuchsia        ||FF 00 FF
 +
|- style="background:magenta; color:white;"
 +
|Magenta||FF 00 FF
 +
|- style="background:mediumorchid; color:white;"
 +
|MediumOrchid  ||BA 55 D3
 +
|- style="background:mediumpurple; color:white;"
 +
|MediumPurple  ||93 70 DB
 +
|- style="background:blueviolet; color:white;"
 +
|BlueViolet    ||8A 2B E2
 +
|- style="background:darkviolet; color:white;"
 +
|DarkViolet    ||94 00 D3
 +
|- style="background:darkorchid; color:white;"
 +
|DarkOrchid    ||99 32 CC
 +
|- style="background:darkmagenta; color:white;"
 +
|DarkMagenta    ||8B 00 8B
 +
|- style="background:purple; color:white;"
 +
|Purple        ||80 00 80
 +
|- style="background:indigo; color:white;"
 +
|Indigo        ||4B 00 82 
 +
|- style="background:slateblue; color:white;"
 +
|SlateBlue      ||6A 5A CD
 +
|- style="background:darkslateblue; color:white;"
 +
|DarkSlateBlue  ||48 3D 8B
 +
|-
 +
|}
 +
|
 +
{| class=sortable
 +
!style="background:lightgrey;"            | HTML name
 +
!colspan=2 style="background:lightgrey;"| Hex code<br/>R &nbsp; G &nbsp; B
 +
|-
 +
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Green colors'''</big>
 +
|- style="background:greenyellow; color:black;"
 +
|GreenYellow    ||AD FF 2F
 +
|- style="background:chartreuse; color:black;"
 +
|Chartreuse    ||7F FF 00
 +
|- style="background:lawngreen; color:black;"
 +
|LawnGreen      ||7C FC 00
 +
|- style="background:lime; color:black;"
 +
|Lime          ||00 FF 00 
 +
|- style="background:limegreen; color:black;"
 +
|LimeGreen      ||32 CD 32
 +
|- style="background:palegreen; color:black;"
 +
|PaleGreen      ||98 FB 98
 +
|- style="background:lightgreen; color:black;"
 +
|LightGreen    ||90 EE 90
 +
|- style="background:mediumspringgreen; color:black;"
 +
|MediumSpringGreen||00 FA 9A
 +
|- style="background:springgreen; color:black;"
 +
|SpringGreen    ||00 FF 7F
 +
|- style="background:mediumseagreen; color:white;"
 +
|MediumSeaGreen ||3C B3 71
 +
|- style="background:seagreen; color:white;"
 +
|SeaGreen      ||2E 8B 57
 +
|- style="background:forestgreen; color:white;"
 +
|ForestGreen    ||22 8B 22
 +
|- style="background:green; color:white;"
 +
|Green          ||00 80 00
 +
|- style="background:darkgreen; color:white;"
 +
|DarkGreen      ||00 64 00
 +
|- style="background:yellowgreen; color:white;"
 +
|YellowGreen    ||9A CD 32
 +
|- style="background:olivedrab; color:white;"
 +
|OliveDrab      ||6B 8E 23
 +
|- style="background:olive; color:white;"
 +
|Olive          ||80 80 00
 +
|- style="background:darkolivegreen; color:white;"
 +
|DarkOliveGreen ||55 6B 2F
 +
|- style="background:mediumaquamarine; color:black;"
 +
|MediumAquamarine||66 CD AA
 +
|- style="background:darkseagreen; color:white;"
 +
|DarkSeaGreen  ||8F BC 8F
 +
|- style="background:lightseagreen; color:white;"
 +
|LightSeaGreen  ||20 B2 AA
 +
|- style="background:darkcyan; color:white;"
 +
|DarkCyan      ||00 8B 8B
 +
|- style="background:teal; color:white;"
 +
|Teal          ||00 80 80
 +
|-
 +
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Blue colors'''</big>
 +
|- style="background:aqua; color:black;"
 +
|Aqua          ||00 FF FF
 +
|- style="background:cyan; color:black;"
 +
|Cyan          ||00 FF FF
 +
|- style="background:lightcyan; color:black;"
 +
|LightCyan      ||E0 FF FF
 +
|- style="background:paleturquoise; color:black;"
 +
|PaleTurquoise  ||AF EE EE
 +
|- style="background:aquamarine; color:black;"
 +
|Aquamarine    ||7F FF D4
 +
|- style="background:turquoise; color:black;"
 +
|Turquoise      ||40 E0 D0
 +
|- style="background:mediumturquoise; color:white;"
 +
|MediumTurquoise ||48 D1 CC
 +
|- style="background:darkturquoise; color:white;"
 +
|DarkTurquoise||00 CE D1 
 +
|- style="background:cadetblue; color:white;"
 +
|CadetBlue      ||5F 9E A0
 +
|- style="background:steelblue; color:white;"
 +
|SteelBlue  ||46 82 B4
 +
|- style="background:lightsteelblue; color:black;"
 +
|LightSteelBlue ||B0 C4 DE 
 +
|- style="background:powderblue; color:black;"
 +
|PowderBlue    ||B0 E0 E6
 +
|- style="background:lightblue; color:black;"
 +
|LightBlue      ||AD D8 E6
 +
|- style="background:skyblue; color:black;"
 +
|SkyBlue        ||87 CE EB
 +
|- style="background:lightskyblue; color:black;"
 +
|LightSkyBlue||87 CE FA
 +
|- style="background:deepskyblue; color:white;"
 +
|DeepSkyBlue  ||00 BF FF 
 +
|- style="background:dodgerblue; color:white;"
 +
|DodgerBlue    ||1E 90 FF
 +
|- style="background:cornflowerblue; color:white;"
 +
|CornflowerBlue||64 95 ED
 +
|- style="background:mediumslateblue; color:white;"
 +
|MediumSlateBlue||7B 68 EE
 +
|- style="background:royalblue; color:white;"
 +
|RoyalBlue      ||41 69 E1
 +
|- style="background:blue; color:white;"
 +
|Blue          ||00 00 FF
 +
|- style="background:mediumblue; color:white;"
 +
|MediumBlue    ||00 00 CD
 +
|- style="background:darkblue; color:white;"
 +
|DarkBlue      ||00 00 8B
 +
|- style="background:navy; color:white;"
 +
|Navy          ||00 00 80
 +
|- style="background:midnightblue; color:white;"
 +
|MidnightBlue  ||19 19 70
 +
|-
 +
|}
 +
|
 +
{| class=sortable
 +
!style="background:lightgrey;"            | HTML name
 +
!colspan=2 style="background:lightgrey;"| Hex code<br/>R &nbsp; G &nbsp; B
 +
|-
 +
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Brown colors'''</big>
 +
|- style="background:cornsilk; color:black;"
 +
|Cornsilk      ||FF F8 DC
 +
|- style="background:blanchedalmond; color:black;"
 +
|BlanchedAlmond ||FF EB CD
 +
|- style="background:bisque; color:black;"
 +
|Bisque        ||FF E4 C4
 +
|- style="background:navajowhite; color:black;"
 +
|NavajoWhite    ||FF DE AD
 +
|- style="background:wheat; color:black;"
 +
|Wheat          ||F5 DE B3
 +
|- style="background:burlywood; color:white;"
 +
|BurlyWood      ||DE B8 87
 +
|- style="background:tan; color:white;"
 +
|Tan            ||D2 B4 8C
 +
|- style="background:rosybrown; color:white;"
 +
|RosyBrown      ||BC 8F 8F
 +
|- style="background:sandybrown; color:white;"
 +
|SandyBrown    ||F4 A4 60
 +
|- style="background:goldenrod; color:white;"
 +
|Goldenrod      ||DA A5 20
 +
|- style="background:darkgoldenrod; color:white;"
 +
|DarkGoldenrod  ||B8 86 0B
 +
|- style="background:peru; color:white;"
 +
|Peru          ||CD 85 3F
 +
|- style="background:chocolate; color:white;"
 +
|Chocolate    ||D2 69 1E
 +
|- style="background:saddlebrown; color:white;"
 +
|SaddleBrown    ||8B 45 13
 +
|- style="background:sienna; color:white;"
 +
|Sienna        ||A0 52 2D
 +
|- style="background:brown; color:white;"
 +
|Brown          ||A5 2A 2A
 +
|- style="background:maroon; color:white;"
 +
|Maroon        ||80 00 00
 +
|-
 +
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''White colors'''</big>
 +
|- style="background:white; color:black;"
 +
|White          ||FF FF FF
 +
|- style="background:snow; color:black;"
 +
|Snow          ||FF FA FA
 +
|- style="background:honeydew; color:black;"
 +
|Honeydew      ||F0 FF F0
 +
|- style="background:mintcream; color:black;"
 +
|MintCream      ||F5 FF FA
 +
|- style="background:azure; color:black;"
 +
|Azure          ||F0 FF FF
 +
|- style="background:aliceblue; color:black;"
 +
|AliceBlue      ||F0 F8 FF
 +
|- style="background:ghostwhite; color:black;"
 +
|GhostWhite    ||F8 F8 FF
 +
|- style="background:whitesmoke; color:black;"
 +
|WhiteSmoke    ||F5 F5 F5
 +
|- style="background:seashell; color:black;"
 +
|Seashell      ||FF F5 EE
 +
|- style="background:beige; color:black;"
 +
|Beige          ||F5 F5 DC
 +
|- style="background:oldlace; color:black;"
 +
|OldLace        ||FD F5 E6
 +
|- style="background:floralwhite; color:black;"
 +
|FloralWhite    ||FF FA F0
 +
|- style="background:ivory; color:black;"
 +
|Ivory          ||FF FF F0
 +
|- style="background:antiquewhite; color:black;"
 +
|AntiqueWhite  ||FA EB D7
 +
|- style="background:linen; color:black;"
 +
|Linen          ||FA F0 E6
 +
|- style="background:lavenderblush; color:black;"
 +
|LavenderBlush  ||FF F0 F5
 +
|- style="background:mistyrose; color:black;"
 +
|MistyRose      ||FF E4 E1
 +
|-
 +
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Grey colors'''</big>
 +
|- style="background:gainsboro; color:black;"
 +
|Gainsboro      ||DC DC DC
 +
|- style="background:lightgrey; color:black;"
 +
|LightGrey      ||D3 D3 D3
 +
|- style="background:silver; color:black;"
 +
|Silver        ||C0 C0 C0
 +
|- style="background:darkgray; color:black;"
 +
|DarkGray      ||A9 A9 A9
 +
|- style="background:gray; color:white;"
 +
|Gray          ||80 80 80
 +
|- style="background:dimgray; color:white;"
 +
|DimGray        ||69 69 69
 +
|- style="background:lightslategray; color:white;"
 +
|LightSlateGray ||77 88 99
 +
|- style="background:slategray; color:white;"
 +
|SlateGray      ||70 80 90
 +
|- style="background:darkslategray; color:white;"
 +
|DarkSlateGray  ||2F 4F 4F
 +
|- style="background:black; color:white;"
 +
|Black          ||00 00 00
 +
|}
 +
|-
 +
|}
       
[[تصنيف: شروح التنسيق]]
 
[[تصنيف: شروح التنسيق]]
staff
351

تعديل