Template:Student Organization Userbox/Organizer
Template:WikiProject Userboxes Userpage Organizer editThis skin can be formatted, border-color, border-shadow, border-size, background-color, background-seize, from a table to s navHead. Syntax editSee Wiki markups on how editing, or you can try Cheat sheet. For a simpler way on how completing this skin, use "usage" of on this talk page. Usage editExamine the Colors editYou can use color table provided below Users editFeel free to experiment this skin. Use the following code on your test page:
Editing edit |
↑ Usage ↓
⬇ Full syntax
<table style="border: #f2bnbb solid 3px; background: #eee8aa; padding:5px; margin-bottom: 0.1em; {{box-shadow|6px|6px|6px|#daa520}}{{linear-gradient|#ffa500|#fadde40|vertical}} -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;" align="center"><tr><td><div style="font-family:'Trebuchet MS', sans-serif; text-align: justify;"> ⬆'''Use Fingers To Navigate'''⬇ <table style="width:600px; float: right; border: #b8860b solid 3px; background: #eee8aa; padding:5px; margin: 1em;{{box-shadow|4px|4px|4px|#daa520}} -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;" align="center"> <tr> <td style="border: #f4a460 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> <td style="border: #da70d6 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> <td rowspan=3><div style="height:350px; padding-left:5px;"> {{Template}} </div> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;"> <center>'''YourWords or pic'''</center> </span> </div> </td> </tr><tr> <td style="border: #800000 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span></div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> <td style="border: #00008b solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> </tr><tr> <td style="border: #3cb371 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> <td style="border: #00fa91 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> </table> {{Template|collapse=yes}} ⬇ This portion designed especially for userboxes <table style="width:600px; float: right; border: #b8860b solid 3px; background: #eee8aa; padding:5px; margin: 1em;{{box-shadow|4px|4px|4px|#daa520}} -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;" align="center"> <tr> <td style="border: #f4a460 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> <td style="border: #da70d6 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> <td rowspan=3><div style="height:350px; padding-left:5px;"> {{Template}} </div> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;"> <center>'''YourWords or pic'''</center> </span> </div> </td> </tr><tr> <td style="border: #800000 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span></div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> <td style="border: #00008b solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> </tr><tr> <td style="border: #3cb371 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> <td style="border: #00fa91 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> </table> ⬇ Formation used for background color and no scroll. <table style="border: #f2bnbb solid 3px; background: #eee8aa; padding:5px; margin-bottom: 0.1em; {{box-shadow|6px|6px|6px|#daa520}}{{linear-gradient|#ffa500|#fadde40|vertical}} -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;" align="center"><tr><td><div style="font-family:'Trebuchet MS', sans-serif; text-align: justify;"> ⬇ It similar to the above format <td style="border: #21fafe solid 8px; padding:4px; -webkit-border-radius: 8px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', serif;">'''<big>↑ Usage ↓</big>'''</span></div> <div style="height:3400px; overflow:auto; padding-left:20px;">
|
HTML name | Hex code R G B |
Decimal code R G B |
---|---|---|
Pink colors | ||
Pink | FF C0 CB |
255 192 203
|
LightPink | FF B6 C1 |
255 182 193
|
HotPink | FF 69 B4 |
255 105 180
|
DeepPink | FF 14 93 |
255 20 147
|
PaleVioletRed | DB 70 93 |
219 112 147
|
MediumVioletRed | C7 15 85 |
199 21 133
|
Red colors | ||
LightSalmon | FF A0 7A |
255 160 122
|
Salmon | FA 80 72 |
250 128 114
|
DarkSalmon | E9 96 7A |
233 150 122
|
LightCoral | F0 80 80 |
240 128 128
|
IndianRed | CD 5C 5C |
205 92 92
|
Crimson | DC 14 3C |
220 20 60
|
FireBrick | B2 22 22 |
178 34 34
|
DarkRed | 8B 00 00 |
139 0 0
|
Red | FF 00 00 |
255 0 0
|
Orange colors | ||
OrangeRed | FF 45 00 |
255 69 0
|
Tomato | FF 63 47 |
255 99 71
|
Coral | FF 7F 50 |
255 127 80
|
DarkOrange | FF 8C 00 |
255 140 0
|
Orange | FF A5 00 |
255 165 0
|
Yellow colors | ||
Yellow | FF FF 00 |
255 255 0
|
LightYellow | FF FF E0 |
255 255 224
|
LemonChiffon | FF FA CD |
255 250 205
|
LightGoldenrodYellow | FA FA D2 |
250 250 210
|
PapayaWhip | FF EF D5 |
255 239 213
|
Moccasin | FF E4 B5 |
255 228 181
|
PeachPuff | FF DA B9 |
255 218 185
|
PaleGoldenrod | EE E8 AA |
238 232 170
|
Khaki | F0 E6 8C |
240 230 140
|
DarkKhaki | BD B7 6B |
189 183 107
|
Gold | FF D7 00 |
255 215 0
|
Brown colors | ||
Cornsilk | FF F8 DC |
255 248 220
|
BlanchedAlmond | FF EB CD |
255 235 205
|
Bisque | FF E4 C4 |
255 228 196
|
NavajoWhite | FF DE AD |
255 222 173
|
Wheat | F5 DE B3 |
245 222 179
|
BurlyWood | DE B8 87 |
222 184 135
|
Tan | D2 B4 8C |
210 180 140
|
RosyBrown | BC 8F 8F |
188 143 143
|
SandyBrown | F4 A4 60 |
244 164 96
|
Goldenrod | DA A5 20 |
218 165 32
|
DarkGoldenrod | B8 86 0B |
184 134 11
|
Peru | CD 85 3F |
205 133 63
|
Chocolate | D2 69 1E |
210 105 30
|
SaddleBrown | 8B 45 13 |
139 69 19
|
Sienna | A0 52 2D |
160 82 45
|
Brown | A5 2A 2A |
165 42 42
|
Maroon | 80 00 00 |
128 0 0
|
Formatting edit
See Space organizer (usage) above. or find the pages that related to Space organizer